@layer tokens{:root{--color-primary:#9fe870;--color-primary-active:#cdffad;--color-primary-neutral:#c5edab;--color-primary-pale:#e2f6d5;--color-on-primary:#0e0f0c;--color-canvas:#fff;--color-canvas-soft:#e8ebe6;--color-canvas-subtle:#f3f5f0;--color-panel:#fff;--color-panel-muted:#f8f9f5;--color-ink:#0e0f0c;--color-ink-deep:#163300;--color-body:#454745;--color-muted:#868685;--color-on-dark:#fff;--color-border:#0e0f0c;--color-border-soft:#d7dad3;--color-border-muted:#eceee8;--color-positive:#2ead4b;--color-positive-bg:#e2f6d5;--color-negative:#d03238;--color-negative-deep:#a72027;--color-negative-darkest:#a7000d;--color-negative-soft:#ffe8e9;--color-info:#38c8ff;--color-info-bg:#e4f7ff;--color-positive-deep:#054d28;--color-warning:#ffd11a;--color-warning-deep:#b86700;--color-warning-content:#4a3b1c;--color-warning-bg:#fff4bd;--color-negative-bg:#320707;--color-accent-orange:#ffc091;--color-accent-cyan:#38c8ff;--font-display:"Inter", "Geist", system-ui, sans-serif;--font-body:"Inter", "Geist", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-page-title:40px;--font-section-title:24px;--font-card-title:16px;--font-metric:40px;--font-body-lg:20px;--font-body-md:16px;--font-body-sm:14px;--font-caption:12px;--font-label:12px;--font-button:16px;--font-display-mega:126px;--font-display-xxl:96px;--font-display-xl:64px;--font-display-lg:47px;--font-display-md:40px;--font-display-sm:32px;--font-display-xs:24px;--line-mega:107.1px;--line-xxl:81.6px;--line-xl:54.4px;--line-lg:70.5px;--line-md-display:34px;--line-sm:38.4px;--line-xs-display:31.2px;--tracking-tight-lg:-.108px;--tracking-tight-sm:-.96px;--tracking-tight-xs:-.48px;--line-tight:.95;--line-snug:1.2;--line-normal:1.5;--tracking-normal:0;--tracking-wide:.06em;--tracking-widest:.12em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-section:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--radius-full:9999px;--border-hairline:1px solid var(--color-border-soft);--border-ink:1px solid var(--color-border);--border-strong:2px solid var(--color-border);--focus-ring:3px solid var(--color-primary);--focus-ring-offset:2px;--min-touch-target:44px;--sidebar-parent-width:72px;--sidebar-child-width:184px;--header-height:56px;--ease-enter:cubic-bezier(.33, 1, .68, 1);--ease-exit:cubic-bezier(.32, 0, .67, 0);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-instant:80ms;--dur-fast:.15s}}@layer base{*,:before,:after{box-sizing:border-box}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);font-size:var(--font-body-md);line-height:var(--line-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:inherit}}@layer components{.dashboard-card{background:var(--color-panel);color:var(--color-ink);border:var(--border-hairline);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card-title{font-size:var(--font-card-title);line-height:var(--line-snug);font-weight:var(--weight-semibold);color:inherit}.card-description{margin-top:var(--space-1);font-size:var(--font-body-sm);color:var(--color-body);line-height:20px}.btn{min-height:var(--min-touch-target);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-xl);padding:0 var(--space-6);font-size:var(--font-button);line-height:24px;font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring), background var(--dur-fast) ease, border-color var(--dur-fast) ease;display:inline-flex}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border:var(--border-ink)}.btn-primary:hover:not(:disabled){background:var(--color-primary-active);transform:translateY(-1px)}.btn-secondary{background:var(--color-canvas-soft);color:var(--color-ink);border:var(--border-hairline)}.btn-secondary:hover:not(:disabled){background:var(--color-panel);border-color:var(--color-border)}.btn-ghost{color:var(--color-ink);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--color-canvas-soft);border-color:var(--color-border-soft)}.field{gap:var(--space-2);display:grid}.field-label{font-size:var(--font-label);line-height:16px;font-weight:var(--weight-semibold);color:var(--color-ink)}.field-help,.field-error{font-size:var(--font-caption);line-height:16px}.field-help{color:var(--color-body)}.field-error{color:var(--color-negative-darkest)}.input{width:100%;min-height:var(--min-touch-target);border-radius:var(--radius-md);border:var(--border-hairline);background:var(--color-panel);color:var(--color-ink);padding:var(--space-3) var(--space-4);font:inherit}.input:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-color:var(--color-border)}.input[aria-invalid=true]{border-color:var(--color-negative);background:var(--color-negative-soft)}.app-shell{grid-template-rows:var(--header-height) 1fr;grid-template-columns:var(--sidebar-parent-width) var(--sidebar-child-width) 1fr;background:var(--color-canvas-soft);min-height:100svh;color:var(--color-ink);font-family:var(--font-body);display:grid}.app-header{align-items:center;gap:var(--space-3);height:var(--header-height);padding:0 var(--space-6);background:var(--color-panel);color:var(--color-ink);border-bottom:var(--border-hairline);z-index:100;grid-area:1/1/auto/-1;display:flex;position:sticky;top:0}.sidebar-parent{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--color-ink);color:var(--color-on-dark);border-right:1px solid var(--color-border);flex-direction:column;grid-area:2/1;display:flex;overflow-y:auto}.sidebar-parent-label{text-align:center;width:100%;font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:#92988b;margin-bottom:var(--space-2)}.sidebar-parent-item{width:100%;min-height:var(--min-touch-target);border-radius:var(--radius-pill);color:#c7cbc0;cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;border:1px solid #0000;place-items:center;display:grid}.sidebar-parent-item:hover{color:var(--color-on-dark);background:#20231d}.sidebar-parent-item.is-active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary-active)}.sidebar-parent-item:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.sidebar-child{background:var(--color-panel);border-right:var(--border-hairline);padding:var(--space-4);grid-area:2/2;overflow-y:auto}.sidebar-child-header{margin-bottom:var(--space-4)}.sidebar-child-title{font-size:var(--font-label);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-muted)}.sidebar-child-nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-child-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-body-sm);color:var(--color-body);cursor:pointer;transition:background var(--dur-fast) ease;text-decoration:none;display:block}.sidebar-child-link:hover{background:var(--color-canvas-soft)}.sidebar-child-link.is-active{background:var(--color-primary-pale);color:var(--color-ink);font-weight:var(--weight-semibold)}.main-content{min-width:0;padding:var(--space-8);grid-area:2/3;overflow-y:auto;container:main/inline-size}.header-logo{align-items:center;gap:var(--space-2);color:inherit;text-decoration:none;display:flex}.header-logo-mark{border-radius:var(--radius-full);background:var(--color-primary);width:36px;height:36px;color:var(--color-on-primary);border:var(--border-ink);font-weight:var(--weight-black);place-items:center;display:grid}.header-app-name{font-size:var(--font-body-sm);font-weight:var(--weight-semibold);color:var(--color-ink)}.header-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.header-profile{align-items:center;gap:var(--space-2);padding:0 var(--space-3) 0 var(--space-1);border-radius:var(--radius-pill);border:var(--border-hairline);background:var(--color-panel);min-height:40px;color:var(--color-ink);cursor:pointer;display:flex}.header-profile:hover{background:var(--color-primary-pale);border-color:var(--color-primary-neutral)}.header-avatar{border-radius:var(--radius-full);background:var(--color-ink);width:32px;height:32px;color:var(--color-primary);font-weight:var(--weight-black);place-items:center;font-size:14px;display:grid}.header-search{align-items:center;gap:var(--space-2);max-width:420px;min-height:40px;margin-left:var(--space-4);padding:0 var(--space-4);border-radius:var(--radius-xl);border:var(--border-hairline);background:var(--color-canvas-soft);color:var(--color-body);font:inherit;font-size:var(--font-body-sm);text-align:left;cursor:pointer;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease;flex:1;display:flex}.header-search:hover{border-color:var(--color-border);background:var(--color-panel)}.header-search:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.header-search-text{color:var(--color-muted);flex:1}.header-search-kbd{font-family:var(--font-mono);color:var(--color-muted);border:var(--border-hairline);border-radius:var(--radius-sm);padding:3px var(--space-2);background:var(--color-panel);align-items:center;gap:2px;margin-left:auto;font-size:11px;line-height:1;display:inline-flex}.header-icon-btn{border-radius:var(--radius-pill);border:var(--border-hairline);background:var(--color-panel);width:40px;height:40px;color:var(--color-ink);cursor:pointer;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease;place-items:center;display:grid;position:relative}.header-icon-btn:hover{background:var(--color-primary-pale);border-color:var(--color-primary-neutral)}.header-icon-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.header-icon-btn[data-badge]:after{content:"";border-radius:var(--radius-full);background:var(--color-negative);border:2px solid var(--color-panel);width:8px;height:8px;position:absolute;top:8px;right:8px}.header-badge{height:22px;padding:0 var(--space-2);margin-left:var(--space-2);border-radius:var(--radius-sm);background:var(--color-negative);color:var(--color-on-dark);font-size:11px;line-height:1;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;align-items:center;display:inline-flex}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);padding:2px var(--space-3);font-size:var(--font-caption);line-height:16px;font-weight:var(--weight-semibold);white-space:nowrap;display:inline-flex}.badge-neutral{background:var(--color-canvas-soft);color:var(--color-body)}.badge-primary{background:var(--color-primary-pale);color:var(--color-ink-deep)}.badge-negative{background:var(--color-negative);color:var(--color-on-dark)}.page-header{margin-bottom:var(--space-6)}.page-kicker{font-size:var(--font-label);line-height:16px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-body);margin:0 0 var(--space-1)}.page-title{font-family:var(--font-display);font-size:var(--font-page-title);line-height:var(--line-tight);font-weight:var(--weight-black);color:var(--color-ink);margin:0 0 var(--space-2)}.page-subtitle{font-size:var(--font-body-md);color:var(--color-body);margin:0}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(12,1fr);display:grid}.span-6{grid-column:span 6}@container main (max-width:700px){.dashboard-grid{grid-template-columns:1fr}.span-6{grid-column:span 1}}.stat-card{padding:var(--space-2) 0}.stat-value{font-family:var(--font-display);font-size:var(--font-metric);line-height:var(--line-tight);font-weight:var(--weight-black);margin:0}.stat-label{font-size:var(--font-label);line-height:16px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-body);margin:var(--space-1) 0 0}.display-mega{font-family:var(--font-display);font-size:var(--font-display-mega);line-height:var(--line-mega);font-weight:var(--weight-black);letter-spacing:0;margin:0}.display-xxl{font-family:var(--font-display);font-size:var(--font-display-xxl);line-height:var(--line-xxl);font-weight:var(--weight-black);letter-spacing:0;margin:0}.display-xl{font-family:var(--font-display);font-size:var(--font-display-xl);line-height:var(--line-xl);font-weight:var(--weight-black);letter-spacing:0;margin:0}.display-lg{font-family:var(--font-display);font-size:var(--font-display-lg);line-height:var(--line-lg);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight-lg);margin:0}.display-md{font-family:var(--font-display);font-size:var(--font-display-md);line-height:var(--line-md-display);font-weight:var(--weight-black);letter-spacing:0;margin:0}.display-sm{font-family:var(--font-body);font-size:var(--font-display-sm);line-height:var(--line-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight-sm);margin:0}.display-xs{font-family:var(--font-body);font-size:var(--font-display-xs);line-height:var(--line-xs-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight-xs);margin:0}.hero-band{background:var(--color-canvas-soft);color:var(--color-ink);padding:var(--space-section) var(--space-6)}.hero-band-dark{background:var(--color-ink);color:var(--color-primary);padding:var(--space-section) var(--space-6)}.content-band{background:var(--color-canvas);color:var(--color-ink);padding:var(--space-section) var(--space-6)}.card-content{background:var(--color-canvas);color:var(--color-ink);padding:var(--space-6);border-radius:var(--radius-xl)}.card-feature-sage{background:var(--color-canvas-soft);color:var(--color-ink);padding:var(--space-6);border-radius:var(--radius-xl)}.card-feature-green{background:var(--color-primary-pale);color:var(--color-ink);padding:var(--space-6);border-radius:var(--radius-xl)}.card-feature-dark{background:var(--color-ink);color:var(--color-primary);padding:var(--space-6);border-radius:var(--radius-xl)}.btn-tertiary{background:var(--color-canvas);color:var(--color-ink);border:var(--border-ink)}.btn-tertiary:hover:not(:disabled){background:var(--color-canvas-soft);transform:translateY(-1px)}.btn-icon-circular{width:var(--min-touch-target);height:var(--min-touch-target);border-radius:var(--radius-full);background:var(--color-canvas);color:var(--color-ink);border:var(--border-hairline);cursor:pointer;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease;place-items:center;display:inline-grid}.btn-icon-circular:hover{background:var(--color-primary-pale);border-color:var(--color-primary-neutral)}.btn-icon-circular:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.nav-bar{z-index:100;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-canvas);color:var(--color-ink);border-bottom:var(--border-hairline);display:flex;position:sticky;top:0}.nav-link{color:var(--color-ink);font-size:var(--font-body-sm);font-weight:var(--weight-semibold);text-decoration:none}.nav-link:hover{color:var(--color-ink-deep)}.nav-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.footer{background:var(--color-ink);color:var(--color-canvas-soft);padding:var(--space-section) var(--space-6);font-size:var(--font-body-sm)}.footer a{color:var(--color-canvas-soft);text-decoration:none}.footer a:hover{color:var(--color-primary)}.badge-positive{background:var(--color-primary-pale);color:var(--color-positive-deep)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-content)}}@layer utilities{.text-negative{color:var(--color-negative)}.text-ink{color:var(--color-ink)}}