:root{--bg: #f2efe8;--bg-strong: #ebe4d7;--panel: rgba(255, 252, 246, .92);--panel-border: rgba(44, 67, 84, .15);--text: #1f2b36;--muted: #5d6973;--accent: #1f6a73;--accent-strong: #124e55;--warning: #a5571b;--danger: #9f3d30;--success: #2a6b4c;--shadow: 0 20px 50px rgba(31, 43, 54, .08);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(31,106,115,.12),transparent 38%),radial-gradient(circle at top right,rgba(165,87,27,.1),transparent 28%),linear-gradient(180deg,#f8f4ec 0%,var(--bg) 100%)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:28px}.auth-shell,.admin-shell{max-width:1280px;margin:0 auto}.auth-card,.panel,.stat-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-card{max-width:480px;margin:10vh auto 0;padding:30px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted);margin-bottom:8px}.title{margin:0 0 10px;font-size:34px;line-height:1.05}.subtitle{margin:0 0 24px;color:var(--muted);line-height:1.55}.form-grid{display:grid;gap:14px}.field{display:grid;gap:8px}.field label{font-size:13px;font-weight:700;color:var(--muted)}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(31,43,54,.12);border-radius:var(--radius-sm);padding:12px 14px;background:#ffffffe6}.field textarea{min-height:130px;resize:vertical}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button-primary,.button-secondary,.button-danger{border:0;border-radius:999px;padding:12px 18px;font-weight:700}.button-primary{color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%)}.button-secondary{color:var(--text);background:#1f6a731a}.button-danger{color:#fff;background:linear-gradient(135deg,#bc5a43 0%,var(--danger) 100%)}.admin-shell{display:grid;gap:18px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.topbar-meta{display:grid;gap:4px}.topbar-meta h1{margin:0;font-size:28px}.topbar-meta p,.signed-in{margin:0;color:var(--muted)}.layout{display:grid;grid-template-columns:260px 1fr;gap:20px}.sidebar{padding:18px;display:grid;gap:10px;align-content:start}.nav-button{border:0;border-radius:14px;padding:14px 16px;text-align:left;background:transparent;color:var(--text);font-weight:700}.nav-button.is-active{background:#1f6a731f;color:var(--accent-strong)}.content{display:grid;gap:18px}.status-banner{padding:12px 16px;border-radius:14px;font-weight:600}.status-banner.error{background:#9f3d301a;color:var(--danger)}.status-banner.notice{background:#1f6a731a;color:var(--accent-strong)}.section-header{display:flex;justify-content:space-between;gap:12px;align-items:end}.section-header h2{margin:0;font-size:22px}.section-header p{margin:6px 0 0;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card,.panel{padding:18px}.stat-card strong{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}.stat-card span{display:block;font-size:30px;font-weight:800}.dual-grid{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px 10px;border-bottom:1px solid rgba(31,43,54,.08);text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.pill.active,.pill.published{background:#2a6b4c1f;color:var(--success)}.pill.disabled,.pill.archived,.pill.draft{background:#1f2b3614;color:var(--muted)}.mono{font-family:IBM Plex Mono,SFMono-Regular,monospace}.note-card{border:1px solid rgba(31,43,54,.08);border-radius:16px;padding:16px;background:#ffffffa8}.note-card+.note-card{margin-top:12px}.note-card h3{margin:0 0 6px}.note-card pre{white-space:pre-wrap;margin:12px 0 0;font-family:inherit;color:var(--muted)}.empty-state{padding:24px;border-radius:16px;background:#1f2b360a;color:var(--muted)}@media (max-width: 1080px){.layout,.dual-grid,.stats-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{padding:16px}.topbar,.section-header,.button-row{flex-direction:column;align-items:stretch}.title{font-size:28px}}
