:root{color-scheme:dark;--bg: #0d0a06;--bg-elevated: #18110a;--bg-sunken: #070501;--surface: rgba(255, 236, 209, .035);--surface-strong: rgba(255, 236, 209, .06);--surface-hover: rgba(255, 236, 209, .09);--overlay: rgba(12, 9, 5, .82);--border: rgba(255, 226, 192, .08);--border-strong: rgba(255, 226, 192, .15);--text: #f5ecdd;--text-secondary: #bcab93;--text-muted: #897c67;--text-faint: #574d3e;--primary: #ffa400;--primary-hover: #ffb733;--primary-glow: rgba(255, 164, 0, .4);--gold: #ffd619;--critical: #ff5a52;--critical-glow: rgba(255, 90, 82, .4);--warning: #ffb02e;--success: #34d399;--success-glow: rgba(52, 211, 153, .35);--st-overdue: #ff6b5e;--st-due: #ffc24d;--st-ok: #34d399;--font-sans: "General Sans", system-ui, -apple-system, sans-serif;--font-display: "Bricolage Grotesque", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-full: 999px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .4);--shadow-md: 0 14px 40px -18px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-lg: 0 30px 70px -30px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .05);--glow-primary: 0 0 0 1px rgba(255, 164, 0, .22), 0 0 30px rgba(255, 164, 0, .22);--ease: cubic-bezier(.16, 1, .3, 1);--dur: .24s;--mesh: radial-gradient(ellipse 1100px 760px at 82% -12%, rgba(255, 164, 0, .13), transparent 52%), radial-gradient(ellipse 980px 680px at -8% 108%, rgba(255, 92, 30, .07), transparent 52%), radial-gradient(ellipse 620px 420px at 50% 104%, rgba(255, 214, 25, .045), transparent 55%)}[data-theme=light]{color-scheme:light;--bg: #f6f1e7;--bg-elevated: #ffffff;--bg-sunken: #ece4d5;--surface: rgba(60, 40, 10, .035);--surface-strong: rgba(60, 40, 10, .06);--surface-hover: rgba(60, 40, 10, .09);--overlay: rgba(255, 252, 246, .8);--border: rgba(70, 50, 20, .1);--border-strong: rgba(70, 50, 20, .18);--text: #2a2016;--text-secondary: #5f5343;--text-muted: #8d7f6c;--text-faint: #b0a085;--primary-hover: #e89400;--st-overdue: #d23b2f;--st-due: #b26a00;--st-ok: #1a9d52;--shadow-md: 0 14px 36px -20px rgba(120, 80, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .7);--mesh: radial-gradient(ellipse 1100px 720px at 82% -14%, rgba(255, 164, 0, .12), transparent 52%), radial-gradient(ellipse 900px 640px at -8% 110%, rgba(255, 120, 40, .06), transparent 52%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text);background-color:var(--bg);background-image:var(--mesh);background-attachment:fixed;min-height:100vh;line-height:1.55;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.022;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}#root{position:relative;z-index:1}::selection{background:var(--primary-glow);color:#fff}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--surface-strong);border-radius:var(--radius-full);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.glass{background:var(--surface);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--border)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}:root{--sidebar-w: 244px;--topbar-h: 60px;--content-max: 1180px}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;background:var(--bg-elevated);border-right:1px solid var(--border);z-index:50}.sidebar:after{content:"";position:absolute;inset:0 0 auto 0;height:220px;pointer-events:none;background:radial-gradient(ellipse 280px 200px at 30% -10%,rgba(255,164,0,.1),transparent 70%)}.sidebar-brand{display:flex;align-items:center;gap:12px;height:var(--topbar-h);padding:0 20px;border-bottom:1px solid var(--border);flex-shrink:0}.brand-mark{height:30px;width:auto;filter:drop-shadow(0 0 8px rgba(255,164,0,.25))}.brand-name{display:block;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.03em;line-height:1;background:linear-gradient(96deg,var(--primary),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);margin-top:3px}.sidebar-nav{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:4px}.nav-section-label{font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);padding:6px 12px 4px;margin-top:14px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-weight:500;font-size:14px;padding:9px 12px;border-radius:10px;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.nav-item svg{flex-shrink:0;opacity:.85}.nav-item:hover{color:var(--text);background:var(--surface);box-shadow:none;filter:none}.nav-item.is-active{color:var(--text);background:var(--surface-strong);border-color:var(--border-strong);box-shadow:inset 0 1px #ffffff0a}.nav-item.is-active svg{color:var(--primary);opacity:1}.nav-item .nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--st-overdue);color:#fff}.sidebar-foot{flex-shrink:0;border-top:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:10px}.user-chip{display:flex;align-items:center;gap:10px;min-width:0}.user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-family:var(--font-display);font-weight:700;font-size:13px;color:#1a1206;background:linear-gradient(135deg,var(--primary),var(--gold))}.user-chip-meta{min-width:0}.user-chip-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip-role{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.sidebar-actions{display:flex;gap:8px}.sidebar-actions .icon-btn{flex:1}.main-col{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:40;height:var(--topbar-h);display:flex;align-items:center;gap:16px;padding:0 28px;background:var(--overlay);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid var(--border)}.topbar-title{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--text-secondary)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar-search{display:flex;align-items:center;gap:8px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 14px;color:var(--text-muted);min-width:220px;transition:border-color var(--dur) var(--ease)}.topbar-search:focus-within{border-color:var(--primary)}.topbar-search input{border:none;background:transparent;padding:0;font-size:13px;flex:1;color:var(--text)}.topbar-search input:focus{box-shadow:none}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--dur) var(--ease);font-weight:500}.icon-btn:hover{color:var(--text);border-color:var(--primary);box-shadow:var(--glow-primary);filter:none}.dev-pill{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--primary-hover);border:1px solid rgba(255,164,0,.3);background:#ffa40012;padding:4px 10px;border-radius:var(--radius-full)}.nav-burger,.sidebar-scrim,.sidebar-close{display:none}.app-content{width:100%;max-width:var(--content-max);margin:0 auto;padding:36px 28px 80px}.app-content>*{animation:fade-up .5s var(--ease) backwards}.app-content>*:nth-child(1){animation-delay:.02s}.app-content>*:nth-child(2){animation-delay:.08s}.app-content>*:nth-child(3){animation-delay:.14s}.app-content>*:nth-child(4){animation-delay:.2s}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.app-footer{margin-top:auto;border-top:1px solid var(--border)}.footer-inner{max-width:var(--content-max);margin:0 auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-inner img{height:20px;opacity:.6}.footer-credit{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-faint)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.page-head-text{min-width:0}.page-title{font-family:var(--font-display);font-weight:700;font-size:32px;letter-spacing:-.035em;margin:0;line-height:1.05}.page-title .accent,.accent{background:linear-gradient(96deg,var(--primary),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.page-sub{color:var(--text-muted);margin:8px 0 0;font-size:15px}.page-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar .spacer{flex:1}.toolbar .field-search{display:flex;align-items:center;gap:8px;background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:10px;padding:0 12px;color:var(--text-muted)}.toolbar .field-search input{border:none;background:transparent;padding:9px 0}.toolbar .field-search input:focus{box-shadow:none}.table-card{background:var(--surface);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.table-card table{margin:0}.table-card th{padding:13px 18px;background:var(--surface)}.table-card td{padding:13px 18px}.table-card tr:last-child td{border-bottom:none}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--border)}.role-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--radius-full);border:1px solid var(--border-strong);color:var(--text-secondary);background:var(--surface)}.role-badge--admin{color:var(--primary-hover);border-color:#ffa40066;background:#ffa4001a}.role-badge--lead{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 40%,transparent);background:color-mix(in srgb,var(--gold) 12%,transparent)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 9px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-strong);color:var(--text-secondary)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:linear-gradient(120deg,rgba(255,164,0,.12),transparent 60%),var(--bg-elevated);box-shadow:var(--shadow-lg);padding:26px 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero:after{content:"";position:absolute;inset:auto -10% -60% auto;width:360px;height:360px;background:radial-gradient(circle,var(--primary-glow),transparent 65%);opacity:.5;pointer-events:none}.hero-main{flex:1;min-width:220px;position:relative;z-index:1}.hero-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--primary-hover);display:flex;align-items:center;gap:7px}.hero-title{font-family:var(--font-display);font-weight:700;font-size:23px;letter-spacing:-.025em;margin:10px 0 6px;line-height:1.1}.hero-meta{color:var(--text-muted);font-size:14px}.hero-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;font-size:15px;padding:12px 22px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state .empty-icon{width:52px;height:52px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-faint)}.empty-state .empty-title{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--text-secondary)}.empty-state .empty-text{font-size:14px;margin-top:4px}h1,h2,h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;line-height:1.15}h2{font-size:19px;margin:0 0 16px}h3{font-size:15px;margin:16px 0 10px;color:var(--text-secondary)}small{color:var(--text-faint)}strong{color:var(--text);font-weight:600}a{color:var(--primary-hover)}.card{background:var(--surface);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-md)}.card+.card{margin-top:20px}.card-title{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 16px}.app-content>section,.app-content .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin-bottom:20px;box-shadow:var(--shadow-md)}.app-content section section{background:none;border:none;padding:0;margin:14px 0 0;box-shadow:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-md);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.stat-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.stat-card:after{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--accent, var(--primary)),transparent);opacity:.7}.stat-value{font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stat-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:10px}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;padding:3px 10px;border-radius:var(--radius-full);border:1px solid var(--border-strong);color:var(--text-secondary);background:var(--surface)}.badge--ok{color:var(--st-ok);border-color:color-mix(in srgb,var(--st-ok) 40%,transparent);background:color-mix(in srgb,var(--st-ok) 12%,transparent)}.badge--overdue{color:var(--st-overdue);border-color:color-mix(in srgb,var(--st-overdue) 40%,transparent);background:color-mix(in srgb,var(--st-overdue) 12%,transparent)}.badge--due{color:var(--st-due);border-color:color-mix(in srgb,var(--st-due) 40%,transparent);background:color-mix(in srgb,var(--st-due) 12%,transparent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-md);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.tile:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row-main{flex:1;min-width:0}.row-title{font-weight:600;color:var(--text)}.row-meta{font-size:13px;color:var(--text-muted);margin-top:2px}.empty{color:var(--text-muted);font-size:14px;padding:8px 0}button{font-family:var(--font-sans);font-weight:600;font-size:14px;color:#1a1206;background:linear-gradient(180deg,var(--primary-hover),var(--primary));border:none;border-radius:10px;padding:9px 16px;cursor:pointer;transition:transform .08s ease,box-shadow var(--dur) var(--ease),filter var(--dur) var(--ease)}button:hover{box-shadow:var(--glow-primary);filter:brightness(1.06)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;filter:none}.btn-ghost,.row button,.tile button,td button,li button{background:var(--surface-strong);color:var(--text-secondary);border:1px solid var(--border);font-weight:500;padding:7px 13px}.btn-ghost:hover,.row button:hover,.tile button:hover,td button:hover,li button:hover{color:var(--text);border-color:var(--primary);box-shadow:none}button.btn-primary{background:linear-gradient(180deg,var(--primary-hover),var(--primary))!important;color:#1a1206!important;border:none!important;font-weight:600!important}button.btn-primary:hover{box-shadow:var(--glow-primary)!important;filter:brightness(1.06)}input,select,textarea{font-family:var(--font-sans);font-size:14px;color:var(--text);background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:10px;padding:9px 12px;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ffa40029}select[multiple]{min-height:92px}table{width:100%;border-collapse:collapse;font-size:14px}th{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-strong)}td{padding:11px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:top}tr:hover td{background:var(--surface)}ul,ol{padding-left:0;margin:12px 0 0}.app-content li{list-style:none}.s-overdue{color:var(--st-overdue)!important}.s-due{color:var(--st-due)!important}.s-ok{color:var(--st-ok)!important}.muted{color:var(--text-muted)!important}iframe{border-radius:var(--radius);background:#fff;border:1px solid var(--border)}.dash-cols{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}.player-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.step{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:10px;padding:10px 12px;font-weight:500;font-size:14px;margin-bottom:4px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.step:hover:not(:disabled){background:var(--surface);color:var(--text);box-shadow:none;filter:none}.step.is-active{background:var(--surface-strong);border-color:var(--border-strong);color:var(--text)}.step:disabled{opacity:.4;cursor:not-allowed}.step-num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;border:1px solid var(--border-strong);flex-shrink:0;color:var(--text-muted)}.step.is-done .step-num{background:var(--st-ok);color:#06281a;border-color:transparent}.step-type{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.quiz-q{margin-bottom:22px}.quiz-q-text{font-weight:600;margin-bottom:10px}.quiz-opt{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--border-strong);border-radius:10px;margin-bottom:8px;cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.quiz-opt:hover{border-color:var(--primary);background:var(--surface)}.quiz-opt.sel{border-color:var(--primary);background:#ffa40017;color:var(--text)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:420px;text-align:center;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:44px 36px;animation:fade-up .5s var(--ease) backwards}.login-logo{height:42px;margin:0 auto 22px;display:block;filter:drop-shadow(0 0 10px rgba(255,164,0,.25))}.login-title{font-family:var(--font-display);font-size:25px;font-weight:700;letter-spacing:-.03em;margin:0 0 8px}.login-text{margin:0 0 24px}.login-card .hero-cta{width:100%;justify-content:center}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:80;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:11px;max-width:360px;padding:12px 16px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);color:var(--text);font-size:14px;font-weight:500;text-align:left;cursor:pointer;animation:toast-in .32s var(--ease)}.toast:hover{box-shadow:var(--shadow-lg);filter:none}.toast-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.toast--ok .toast-icon{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.toast--info .toast-icon{background:#ffa40026;color:var(--primary-hover)}.toast--error .toast-icon{background:color-mix(in srgb,var(--critical) 18%,transparent);color:var(--critical)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.cmd-trigger{display:flex;align-items:center;gap:9px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 8px 6px 14px;color:var(--text-muted);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.cmd-trigger:hover{border-color:var(--primary);color:var(--text);box-shadow:none;filter:none}.cmd-kbd{font-family:var(--font-mono);font-size:11px;background:var(--surface-strong);border:1px solid var(--border);border-radius:6px;padding:2px 6px;color:var(--text-secondary)}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;animation:fade-in var(--dur) var(--ease)}.cmd-panel{width:100%;max-width:560px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:cmd-in .22s var(--ease)}@keyframes cmd-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}.cmd-input-row{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);color:var(--text-muted)}.cmd-input{flex:1;border:none;background:transparent;padding:0;font-size:16px;color:var(--text)}.cmd-input:focus{box-shadow:none}.cmd-esc{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);border:1px solid var(--border);border-radius:5px;padding:2px 6px}.cmd-list{max-height:52vh;overflow-y:auto;padding:8px}.cmd-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--text-secondary);padding:10px 12px;border-radius:10px;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:500}.cmd-item.is-sel{background:var(--surface-strong);border-color:var(--border-strong);color:var(--text);box-shadow:none;filter:none}.cmd-item-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);flex-shrink:0}.cmd-item.is-sel .cmd-item-icon{color:var(--primary);border-color:var(--border-strong)}.cmd-item-label{flex:1}.cmd-item-group{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.cmd-empty{padding:28px 16px;text-align:center;color:var(--text-muted);font-size:14px}.celebrate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;animation:fade-in var(--dur) var(--ease)}.celebrate-card{position:relative;z-index:2;text-align:center;max-width:420px;padding:40px 44px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:cele-pop .5s var(--ease)}@keyframes cele-pop{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.celebrate-check{width:84px;height:84px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--success),#1fae6a);box-shadow:0 0 0 8px color-mix(in srgb,var(--success) 14%,transparent),0 12px 30px -8px #0006;animation:cele-check .6s var(--ease) .15s backwards}@keyframes cele-check{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}.celebrate-kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--success)}.celebrate-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.025em;margin:8px 0 0}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.confetti span{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;opacity:.9;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1}@keyframes confetti-fall{0%{transform:translateY(-14px) rotate(0);opacity:1}to{transform:translateY(106vh) rotate(560deg);opacity:.35}}@media (prefers-reduced-motion: reduce){.confetti{display:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width: 980px){.player-grid{grid-template-columns:1fr}}@media (max-width: 860px){.dash-cols{grid-template-columns:1fr}.page-title{font-size:26px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;width:270px;transform:translate(-100%);transition:transform var(--dur) var(--ease);box-shadow:0 0 60px #00000080}.sidebar.is-open{transform:none}.sidebar-close{display:grid;margin-left:auto}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--dur) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.nav-burger{display:grid}.topbar{padding:0 16px}.topbar-search,.cmd-trigger-label,.cmd-kbd{display:none}.cmd-trigger{padding:8px}.app-content{padding:26px 16px 72px}}