:root{--font-ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--cn-canvas:#09090b;--cn-shell:#18181b;--cn-surface:#131315;--cn-surface-raised:#27272a;--cn-surface-container-lowest:#0e0e10;--cn-surface-container-low:#1c1b1d;--cn-surface-container:#201f22;--cn-surface-container-high:#2a2a2c;--cn-surface-container-highest:#353437;--cn-surface-bright:#39393b;--cn-glass:rgba(255,255,255,0.04);--cn-glass-strong:rgba(255,255,255,0.08);--cn-glass-panel:rgba(39,39,42,0.6);--cn-border-subtle:rgba(255,255,255,0.1);--cn-border-strong:rgba(255,255,255,0.16);--cn-text:#e5e1e4;--cn-on-surface-variant:#bec8d2;--cn-muted:#88929b;--cn-outline:#88929b;--cn-outline-variant:#3e4850;--cn-studio-blue:#89ceff;--cn-studio-blue-hover:#9dd6ff;--cn-on-primary:#00344d;--cn-primary-container:#0ea5e9;--cn-studio-blue-tint:rgba(137,206,255,0.14);--cn-studio-blue-glow:rgba(137,206,255,0.35);--cn-secondary:#c0c1ff;--cn-secondary-container:#3131c0;--cn-on-secondary-container:#b0b2ff;--cn-tertiary:#ffb95f;--cn-status-not-started:#64748b;--cn-status-in-progress:#0ea5e9;--cn-status-review:#f59e0b;--cn-status-approved:#10b981;--cn-status-blocked:#f97316;--cn-status-on-hold:#a855f7;--cn-status-changes:#ef4444;--cn-status-delivered:#8b5cf6;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--space-unit:4px;--space-gutter:16px;--page-margin:24px;--nav-expanded:240px;--nav-collapsed:64px;--drawer-width:420px;--canvas:var(--cn-canvas);--shell:var(--cn-shell);--nav:var(--cn-shell);--surface:var(--cn-surface);--border:var(--cn-border-subtle);--text:var(--cn-text);--muted:var(--cn-muted);--accent-blue:var(--cn-studio-blue);--accent-purple:var(--cn-status-on-hold);--border-subtle:var(--cn-border-subtle);--on-surface-variant:var(--cn-on-surface-variant);--surface-glass:var(--cn-glass);--surface-container-high:var(--cn-surface-container-high);--surface-container-lowest:var(--cn-surface-container-lowest);--status-muted-bg:rgba(136,146,155,0.15);--status-muted-fg:#bec8d2;--status-doing-bg:var(--cn-studio-blue-tint);--status-doing-fg:#89ceff;--status-amber-bg:rgba(245,158,11,0.15);--status-amber-fg:#fbbf24;--status-done-bg:rgba(16,185,129,0.15);--status-done-fg:#34d399;--status-purple-bg:rgba(168,85,247,0.15);--status-purple-fg:#c084fc;--bar-done:var(--cn-status-approved);--bar-doing:var(--cn-studio-blue);--bar-rest:var(--cn-surface-container-high);--row:32px;--status-not_started-bg:rgba(100,116,139,0.15);--status-not_started-fg:#94a3b8;--status-in_progress-bg:rgba(14,165,233,0.15);--status-in_progress-fg:#38bdf8;--status-review-bg:rgba(245,158,11,0.15);--status-review-fg:#fbbf24;--status-approved-bg:rgba(16,185,129,0.15);--status-approved-fg:#34d399;--status-blocked-bg:rgba(249,115,22,0.15);--status-blocked-fg:#fb923c;--status-on_hold-bg:rgba(168,85,247,0.15);--status-on_hold-fg:#c084fc;--status-changes-bg:rgba(239,68,68,0.15);--status-changes-fg:#f87171;--status-delivered-bg:rgba(139,92,246,0.15);--status-delivered-fg:#a78bfa;color-scheme:dark}*{box-sizing:border-box}@layer base{body{margin:0;font-family:var(--font-ui);background:var(--canvas);color:var(--text)}a{color:var(--accent-blue)}button,input{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid #2a2a30;background:#16161a;color:#e8e8ea}button{cursor:pointer}}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.cn-card,.cn-glass{background:var(--cn-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--cn-border-subtle);border-radius:var(--radius-lg)}.cn-card{transition:border-color .15s ease,background .15s ease,transform .15s ease}.cn-card:hover{border-color:var(--cn-border-strong);background:var(--cn-glass-strong)}.cn-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-gutter)}.cn-stat{background:var(--cn-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--cn-border-subtle);border-radius:var(--radius-lg);padding:18px 20px;display:flex;align-items:center;gap:14px;transition:border-color .15s ease,background .15s ease}.cn-stat:hover{border-color:var(--cn-border-strong);background:var(--cn-glass-strong)}.cn-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);font-size:22px;flex-shrink:0}.cn-stat-body{display:flex;flex-direction:column;gap:6px;min-width:0}.cn-stat-label,.cn-stat__label{font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--cn-muted);order:2}.cn-stat-value,.cn-stat__value{font-family:var(--font-mono);font-size:28px;font-weight:600;line-height:1;letter-spacing:.02em;color:var(--cn-text);order:1}.cn-thumb{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background:var(--cn-thumb-grad,linear-gradient(135deg,#1c1b1b,#2a2a2a));border:1px solid var(--cn-border-subtle)}.cn-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--cn-pill-color,var(--cn-text));background:color-mix(in srgb,var(--cn-pill-color,var(--cn-muted)) 14%,transparent)}.cn-pill:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--cn-pill-color,var(--cn-muted));flex:0 0 auto}.cn-rail{display:flex;flex-direction:column;background:var(--cn-shell);border-right:1px solid var(--cn-border-subtle);width:var(--nav-collapsed);transition:width .2s ease}.cn-rail--expanded{width:var(--nav-expanded)}.cn-railitem{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:2px 8px;border-radius:var(--radius-md);color:var(--cn-muted);font-family:var(--font-ui);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;border:none;background:transparent;transition:background .15s ease,color .15s ease}.cn-railitem:hover{background:var(--cn-glass);color:var(--cn-text)}.cn-railitem--active{background:var(--cn-studio-blue-tint);color:var(--cn-studio-blue)}.cn-railitem .material-symbols-outlined{font-size:22px;flex:0 0 auto}.cn-topbar{display:flex;align-items:center;gap:16px;height:56px;padding:0 var(--page-margin);background:var(--cn-shell);border-bottom:1px solid var(--cn-border-subtle)}.cn-tab{position:relative;padding:18px 4px;background:transparent;border:none;color:var(--cn-muted);font-family:var(--font-ui);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .15s ease}.cn-tab--active,.cn-tab:hover{color:var(--cn-text)}.cn-tab--active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cn-studio-blue);border-radius:var(--radius-full)}.cn-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-lg);border:1px solid transparent;background:var(--cn-studio-blue);color:var(--cn-on-primary);font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s ease,transform .1s ease}.cn-btn-primary:hover{background:var(--cn-studio-blue-hover)}.cn-btn-primary:active{transform:translateY(1px)}.cn-btn-primary:disabled{opacity:.5;cursor:not-allowed}.cn-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-lg);border:1px solid var(--cn-border-subtle);background:var(--cn-glass);color:var(--cn-text);font-family:var(--font-ui);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .15s ease,background .15s ease}.cn-btn-ghost:hover{border-color:var(--cn-border-strong);background:var(--cn-glass-strong)}.cn-input{width:100%;padding:8px 12px;border-radius:var(--radius-lg);border:1px solid var(--cn-border-subtle);background:#000000;color:var(--cn-text);font-family:var(--font-ui);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.cn-input::placeholder{color:var(--cn-muted)}.cn-input:focus{border-color:var(--cn-studio-blue);box-shadow:0 0 0 3px var(--cn-studio-blue-glow)}.cn-bar{width:100%;height:4px;background:var(--cn-surface-container-high);overflow:hidden}.cn-bar,.cn-bar__fill{border-radius:var(--radius-full)}.cn-bar__fill{height:100%;background:var(--cn-bar-fill,var(--cn-studio-blue));transition:width .2s ease}