:root{--color-eggshell:#fdfcfc;--color-warm-taupe:#f5f3f1;--color-stone:#ebe8e4;--color-ink:#000;--color-graphite:#44403b;--color-smoke:#777169;--color-ash:#a59f97;--color-violet-spark:#0447ff;--color-ember-orange:#ff4704;--color-danger:#d1332a;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--spacing-6:8px;--spacing-12:12px;--spacing-18:20px;--spacing-24:24px;--spacing-30:32px;--spacing-36:36px;--spacing-60:64px;--spacing-96:96px;--spacing-120:120px;--radius-buttons:9999px;--radius-cards:20px;--radius-inputs:4px;--radius-full:9999px;--shadow-subtle:#0006 0px 0px 1px 0px, #0000000a 0px 1px 1px 0px, #0000000a 0px 2px 4px 0px}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-eggshell);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.5}#root{min-height:100svh}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5{letter-spacing:-.02em;margin:0;font-weight:300}p{margin:0}button,input,select,textarea{font-family:inherit}input,textarea,select{background:var(--color-eggshell);color:var(--color-ink);border:1px solid var(--color-stone);border-radius:var(--radius-inputs);outline:none;padding:11px 14px;font-size:15px;font-weight:400}input:focus,textarea:focus,select:focus{border-color:var(--color-ink)}input::placeholder{color:var(--color-ash)}.btn-primary{background:var(--color-ink);color:#fff;border:1px solid var(--color-ink);border-radius:var(--radius-buttons);text-transform:uppercase;letter-spacing:.025em;cursor:pointer;justify-content:center;align-items:center;padding:13px 22px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.82}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:var(--color-eggshell);color:var(--color-ink);border:1px solid var(--color-stone);border-radius:var(--radius-buttons);cursor:pointer;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.btn-outline:hover{border-color:var(--color-ink);background:var(--color-warm-taupe)}.btn-ghost{color:var(--color-smoke);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px 0;font-size:14px;font-weight:400;display:inline-flex}.btn-ghost:hover{color:var(--color-ink)}.card{background:var(--color-warm-taupe);border-radius:var(--radius-cards);padding:var(--spacing-24)}.card-elevated{background:var(--color-eggshell);border-radius:var(--radius-cards);padding:var(--spacing-24);box-shadow:var(--shadow-subtle)}.label-caption{text-transform:uppercase;letter-spacing:.06em;color:var(--color-smoke);font-size:12px;font-weight:600}.sidebar{background:var(--color-warm-taupe);border-right:1px solid var(--color-stone);flex-direction:column;width:240px;height:100svh;display:flex}.sidebar-desktop{z-index:40;display:none;position:fixed;top:0;left:0}.sidebar-drawer{z-index:50;height:100svh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-drawer.open{transform:translate(0)}.sidebar-overlay{z-index:45;background:#00000059;position:fixed;inset:0}.mobile-topbar{border-bottom:1px solid var(--color-stone);background:var(--color-eggshell);z-index:20;align-items:center;gap:14px;padding:16px 20px;display:flex;position:sticky;top:0}.main-with-sidebar{flex:1;min-width:0;min-height:100svh}@media (width>=900px){.sidebar-desktop{display:flex}.mobile-topbar,.sidebar-drawer,.sidebar-overlay{display:none}.main-with-sidebar{margin-left:240px}}.sidebar-nav-item{color:var(--color-smoke);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover{color:var(--color-ink);background:#0000000a}.sidebar-nav-item.active{color:var(--color-ink);background:var(--color-eggshell);box-shadow:inset 3px 0 0 var(--color-ink)}.sidebar-nav-item svg{flex-shrink:0}