:root{--layout-gap-xs: .35rem;--layout-gap-sm: .55rem;--layout-gap-md: .75rem;--layout-gap-lg: 1rem;--layout-gap-xl: 1.25rem;--layout-max-width: 1200px;--layout-pad-x: .75rem;--layout-pad-y: .5rem;--layout-card-pad: .85rem}.page-stack{width:100%;min-height:0;display:flex;flex-direction:column;gap:var(--layout-gap-lg)}.page-stack--center{align-items:center}.page-stack--tight{gap:var(--layout-gap-md)}.page-shell{width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:var(--layout-pad-y) var(--layout-pad-x);display:flex;flex-direction:column;gap:var(--layout-gap-lg);min-height:0}.page-shell--full{max-width:none}.page-header{display:flex;flex-direction:column;gap:var(--layout-gap-xs)}.page-header--center{text-align:center;align-items:center}.page-section{display:flex;flex-direction:column;gap:var(--layout-gap-md)}.page-grid{display:grid;gap:var(--layout-gap-md);width:100%;min-height:0}.page-grid--dashboard{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.page-grid--two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid--split{grid-template-columns:minmax(280px,1fr) minmax(320px,2fr)}.page-grid--single{grid-template-columns:1fr}.dashboard-grid.page-grid--two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid.page-grid--single{grid-template-columns:1fr}.card-shell{padding:var(--layout-card-pad);display:flex;flex-direction:column;gap:var(--layout-gap-sm);min-height:0}@media (max-width: 900px){.page-shell{padding:.5rem}.page-grid--two-col,.page-grid--split{grid-template-columns:1fr}}:root{--color-bg: #0f172a;--color-surface: #111c35;--color-text: #e2e8f0;--color-muted: #94a3b8;--color-primary: #38bdf8;--color-accent: #facc15;--color-border: #1e293b;--radius-md: 12px;--radius-sm: 8px}html.dark{--color-bg: #0b1120;--color-surface: #0f1b33;--color-text: #e2e8f0;--color-muted: #94a3b8;--color-primary: #38bdf8;--color-accent: #facc15;--color-border: #1e293b}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top,rgba(56,189,248,.12),transparent 55%),radial-gradient(circle at 20% 20%,rgba(250,204,21,.08),transparent 50%),var(--color-bg);color:var(--color-text);min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:20;background:#080d1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.nav-links{display:flex;gap:.75rem;flex-wrap:wrap}.nav-link{padding:.4rem .75rem;border-radius:999px;background:#ffffff0a;border:1px solid transparent;font-size:.85rem}.nav-link.active{border-color:var(--color-primary);color:var(--color-primary)}.btn{border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text);padding:.45rem .9rem;border-radius:999px;cursor:pointer;font-weight:600}.btn.primary{background:var(--color-primary);border-color:transparent;color:#06111f}.btn.ghost{background:transparent}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.card-title{margin:0 0 .4rem}.muted{color:var(--color-muted)}.input,.select,.textarea{width:100%;padding:.5rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#090f1ee6;color:var(--color-text)}.grid-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.admin-popup{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#070b14b3;opacity:0;pointer-events:none;transition:opacity .15s ease;padding:1rem;z-index:100}.admin-popup--visible{opacity:1;pointer-events:auto}.admin-popup__panel{width:min(90vw,520px);max-height:85vh;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.admin-popup__panel--sm{width:min(90vw,380px)}.admin-popup__panel--md{width:min(90vw,520px)}.admin-popup__panel--lg{width:min(90vw,720px)}.admin-popup__panel--xl{width:min(90vw,920px)}.admin-popup__header,.admin-popup__footer{padding:.85rem 1rem;border-bottom:1px solid var(--color-border)}.admin-popup__footer{border-bottom:none;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:.5rem}.admin-popup__body{padding:1rem;overflow:auto}.table-shell{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--color-border);padding:.5rem .7rem;text-align:left}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;background:#ffffff14;font-size:.75rem}.notes-count-badge{display:inline-flex;min-width:1.1rem;height:1.1rem;padding:0 .35rem;border-radius:999px;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#04151f;background:var(--color-accent)}.notes-dock{position:fixed;right:.8rem;bottom:.8rem;z-index:60;display:flex;flex-direction:column;gap:.45rem;padding:.55rem .65rem;border-radius:.65rem;border:1px solid var(--color-border);background:#080d1aeb;box-shadow:0 12px 22px #00000059}.notes-dock-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--color-text);white-space:nowrap}.notes-dock-toggle input[type=checkbox]{accent-color:var(--color-primary)}@media (max-width: 640px){.navbar-inner{flex-direction:column;align-items:flex-start}}.app-shell.route-smarts{min-height:100dvh}.app-shell.route-smarts .page-shell{max-width:none;padding:.7rem;flex:1 1 auto}.app-shell.route-smarts .page-stack{gap:.6rem}.app-shell.route-smarts .smarts-frame-shell{width:100%;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#070e1cf5,#0a1222f5);box-shadow:0 14px 30px #00000047}.app-shell.route-smarts .smarts-frame{width:100%;display:block;border:0;border-radius:0;background:#0f172a;height:calc(100dvh - 190px);min-height:calc(100dvh - 190px)}@media (max-width: 900px){.app-shell.route-smarts .navbar{display:none}.app-shell.route-smarts .page-shell{padding:.45rem}.app-shell.route-smarts .smarts-frame-shell{border-radius:10px}.app-shell.route-smarts .smarts-frame{height:calc(100dvh - 150px);min-height:calc(100dvh - 150px)}}