@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--green-50:#ecfdf3;--green-100:#d1fadf;--green-200:#a6f4c5;--green-300:#6ce9a6;--green-400:#32d583;--green-500:#16a34a;--green-600:#15803d;--green-700:#0f5c2e;--green-800:#0b3d22;--pitch-900:#0a2e1f;--pitch-800:#103d29;--pitch-700:#18573a;--lime-300:#e4ff8f;--lime-400:#c8ff3d;--lime-500:#aeeb1f;--neutral-0:#fff;--neutral-25:#fafbfa;--neutral-50:#f7f8f6;--neutral-100:#eef1ee;--neutral-200:#e4e7e4;--neutral-300:#d2d8d3;--neutral-400:#a8b2ab;--neutral-500:#8a968e;--neutral-600:#5a6b61;--neutral-700:#3c4a42;--neutral-800:#25312b;--neutral-900:#0e1a14;--blue-500:#2a6fdb;--blue-50:#eaf1fc;--amber-500:#f59e0b;--amber-50:#fef6e7;--red-500:#dc2626;--red-50:#fdecec;--purple-500:#7b61ff;--bg-app:var(--neutral-50);--bg-surface:var(--neutral-0);--bg-surface-2:var(--neutral-25);--bg-sunken:var(--neutral-100);--bg-inverse:var(--pitch-900);--fg-1:var(--neutral-900);--fg-2:var(--neutral-600);--fg-3:var(--neutral-500);--fg-on-color:#fff;--fg-on-lime:var(--pitch-900);--fg-on-inverse:#dcefe3;--fg-on-inverse-muted:#7fa792;--border:var(--neutral-200);--border-strong:var(--neutral-300);--border-on-inverse:#ffffff1a;--primary:var(--green-500);--primary-hover:var(--green-600);--primary-active:var(--green-700);--primary-soft:var(--green-50);--primary-soft-fg:var(--green-700);--focus-ring:#16a34a52;--accent:var(--lime-400);--success:var(--green-600);--success-soft:var(--green-50);--success-fg:var(--green-700);--warning:var(--amber-500);--warning-soft:var(--amber-50);--warning-fg:#92590b;--danger:var(--red-500);--danger-soft:var(--red-50);--danger-fg:#b42121;--info:var(--blue-500);--info-soft:var(--blue-50);--info-fg:#1e54ab;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px #0a2e1f0f;--shadow-sm:0 1px 3px #0a2e1f14, 0 1px 2px #0a2e1f0a;--shadow-md:0 6px 18px -4px #0a2e1f1a, 0 2px 6px -2px #0a2e1f0f;--shadow-lg:0 16px 40px -12px #0a2e1f29, 0 4px 12px -4px #0a2e1f14;--shadow-focus:0 0 0 3px var(--focus-ring);--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-16:64px;--space-20:80px;--sidebar-w:264px;--topbar-h:64px;--container-max:1240px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--text-display:700 44px/1.05 var(--font-display);--text-h1:700 32px/1.12 var(--font-display);--text-h2:600 24px/1.18 var(--font-display);--text-h3:600 19px/1.25 var(--font-display);--text-title:600 16px/1.3 var(--font-body);--text-body:400 15px/1.55 var(--font-body);--text-body-strong:600 15px/1.55 var(--font-body);--text-sm:400 13px/1.5 var(--font-body);--text-label:600 13px/1.3 var(--font-body);--text-caption:500 12px/1.35 var(--font-body);--text-overline:600 11px/1.2 var(--font-body);--text-mono:400 13px/1.5 var(--font-mono);--text-stat:700 30px/1.05 var(--font-display);--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.08em}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--fg-1);background:var(--bg-app);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--green-200)}.app-shell{height:100vh;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{flex:1;padding:28px 32px 64px;overflow-y:auto}.content-inner{max-width:var(--container-max);margin:0 auto}.sidebar{width:var(--sidebar-w);background:var(--bg-inverse);flex-direction:column;flex-shrink:0;padding:18px 14px;display:flex}.logo{align-items:center;gap:10px;padding:6px 8px 22px;display:flex}.logo img{width:32px;height:32px}.logo-word{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:21px;font-weight:700}.logo-word b{color:var(--lime-400);font-weight:700}.nav-group-label{font:var(--text-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-on-inverse-muted);padding:16px 12px 7px}.nav-item{border-radius:var(--radius-md);color:var(--fg-on-inverse-muted);font:var(--text-body-strong);text-align:left;width:100%;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast);background:0 0;border:none;align-items:center;gap:11px;padding:10px 12px;display:flex;position:relative}.nav-item:hover{color:var(--fg-on-inverse);background:#ffffff0f}.nav-item.active{color:#fff;background:#ffffff1a}.nav-item.active:before{content:"";background:var(--lime-400);border-radius:3px;width:3px;position:absolute;top:9px;bottom:9px;left:-1px}.nav-badge{font:var(--text-overline);background:var(--lime-400);color:var(--pitch-900);border-radius:var(--radius-pill);margin-left:auto;padding:2px 7px}.sidebar-foot{margin-top:auto}.acct{border-radius:var(--radius-md);border:1px solid var(--border-on-inverse);align-items:center;gap:10px;padding:10px;display:flex}.acct .meta{min-width:0}.acct .nm{font:var(--text-body-strong);color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.acct .rl{font:var(--text-caption);color:var(--fg-on-inverse-muted)}.signout-btn{border-radius:var(--radius-md);width:100%;color:var(--fg-on-inverse-muted);font:var(--text-sm);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;align-items:center;gap:8px;margin-top:8px;padding:9px 12px;display:flex}.signout-btn:hover{color:var(--fg-on-inverse);background:#ffffff0f}.avatar{border-radius:var(--radius-md);width:34px;height:34px;font:var(--text-label);flex-shrink:0;place-items:center;display:grid}.avatar.green{background:var(--green-100);color:var(--green-700)}.avatar.blue{background:var(--blue-50);color:var(--blue-500)}.avatar.purple{color:var(--purple-500);background:#efebff}.avatar.amber{background:var(--amber-50);color:var(--warning-fg)}.avatar.lime{background:var(--lime-300);color:var(--pitch-800)}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.lg{border-radius:var(--radius-lg);width:52px;height:52px;font-size:18px;font-family:var(--font-display)}.topbar{height:var(--topbar-h);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:20;background:#ffffffd9;flex-shrink:0;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.topbar .crumb{font:var(--text-title);color:var(--fg-1)}.topbar .crumb span{color:var(--fg-3);font-weight:500}.search{background:var(--bg-sunken);border-radius:var(--radius-md);max-width:380px;color:var(--fg-3);border:1px solid #0000;flex:1;align-items:center;gap:8px;margin-left:12px;padding:8px 12px;display:flex}.search:focus-within{background:var(--bg-surface);border-color:var(--primary);box-shadow:var(--shadow-focus)}.search input{font:var(--text-sm);color:var(--fg-1);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);width:38px;height:38px;color:var(--fg-2);transition:background var(--dur-fast), border-color var(--dur-fast);place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--neutral-50);color:var(--fg-1)}.icon-btn .ping{background:var(--danger);border:2px solid var(--bg-surface);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.btn{font:var(--text-body-strong);border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast), transform var(--dur-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 15px;font-family:inherit;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-surface);color:var(--fg-1);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--neutral-50)}.btn-ghost{color:var(--fg-2);background:0 0}.btn-ghost:hover{background:var(--neutral-100);color:var(--fg-1)}.btn-danger{background:var(--danger-soft);color:var(--danger-fg)}.btn-danger:hover{background:#fbdada}.btn-sm{font:var(--text-label);padding:7px 11px;font-family:inherit}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:active{transform:none}.badge{font:var(--text-overline);letter-spacing:.03em;border-radius:var(--radius-pill);text-transform:capitalize;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-success{background:var(--success-soft);color:var(--success-fg)}.badge-warning{background:var(--warning-soft);color:var(--warning-fg)}.badge-danger{background:var(--danger-soft);color:var(--danger-fg)}.badge-info{background:var(--info-soft);color:var(--info-fg)}.badge-neutral{background:var(--bg-sunken);color:var(--fg-2)}.src-pill{font:var(--text-label);color:var(--fg-2);background:var(--bg-sunken);border-radius:var(--radius-pill);align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:22px 24px}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.card-head h3{font:var(--text-title);margin:0}.card-head .sub{font:var(--text-caption);color:var(--fg-3);margin-top:2px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-title{font:var(--text-h1);letter-spacing:var(--tracking-tight);margin:0}.page-sub{font:var(--text-sm);color:var(--fg-2);margin-top:5px}.head-actions{align-items:center;gap:10px;display:flex}.grid-kpi{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-top .lab{font:var(--text-label);color:var(--fg-2)}.stat-chip{border-radius:var(--radius-md);place-items:center;width:38px;height:38px;display:grid}.stat-chip.green{background:var(--green-50);color:var(--green-600)}.stat-chip.blue{background:var(--blue-50);color:var(--blue-500)}.stat-chip.lime{background:var(--lime-300);color:var(--pitch-800)}.stat-val{font:var(--text-stat);letter-spacing:var(--tracking-tight);margin-top:14px}.stat-delta{font:var(--text-sm);align-items:center;gap:5px;margin-top:6px;display:flex}.stat-delta.up{color:var(--success-fg)}.stat-delta.down{color:var(--danger-fg)}.grid-2{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.chart{align-items:flex-end;gap:14px;height:180px;padding:18px 24px 8px;display:flex}.col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar{background:var(--green-200);width:100%;max-width:34px;transition:background var(--dur-base);border-radius:7px 7px 3px 3px;min-height:4px}.col.peak .bar{background:var(--green-500)}.bar-lab{font:var(--text-caption);color:var(--fg-3)}.tbl-wrap{overflow-x:auto}.tbl{border-collapse:collapse;width:100%}.tbl th{font:var(--text-overline);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3);text-align:left;border-bottom:1px solid var(--border);background:var(--bg-sunken);padding:12px 16px}.tbl td{border-bottom:1px solid var(--border);font:var(--text-body);padding:14px 16px}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{cursor:pointer;transition:background var(--dur-fast)}.tbl tbody tr:hover{background:var(--neutral-50)}.tbl .mono{font:var(--text-mono);color:var(--fg-1)}.tbl .sub{font:var(--text-caption);color:var(--fg-3)}.tbl .num{font-family:var(--font-display);font-size:15px;font-weight:600}.muted{color:var(--fg-3);font:var(--text-body)}.row-between{justify-content:space-between;align-items:center;display:flex}.cell-main{align-items:center;gap:10px;display:flex}.row-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.empty{text-align:center;color:var(--fg-3);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 24px;display:flex}.empty .ic{border-radius:var(--radius-lg);background:var(--bg-sunken);place-items:center;width:48px;height:48px;margin-bottom:4px;display:grid}.empty h4{font:var(--text-title);color:var(--fg-2);margin:0}.empty p{font:var(--text-body);max-width:280px;margin:0}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{font:var(--text-label);color:var(--fg-2)}.input{font:var(--text-body);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;color:var(--fg-1);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);outline:none;padding:10px 12px;font-family:inherit}.input:focus{border-color:var(--primary);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--fg-3)}.seg{background:var(--bg-sunken);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.seg-item{font:var(--text-label);color:var(--fg-2);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;border-radius:6px;padding:6px 14px;font-family:inherit}.seg-item.active{background:var(--bg-surface);color:var(--fg-1);box-shadow:var(--shadow-xs)}.seg-item:hover:not(.active){color:var(--fg-1)}.login-wrap{height:100vh;display:flex}.login-brand{background:var(--pitch-900);flex-direction:column;flex:1.1;padding:48px 52px;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border-radius:var(--radius-xl);pointer-events:none;border:2px dashed #c8ff3d2e;width:320px;height:320px;position:absolute;bottom:-80px;right:-80px;transform:rotate(20deg)}.login-logo{align-items:center;gap:12px;display:flex}.login-logo .logo-word{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:22px;font-weight:700}.login-logo .logo-word b{color:var(--lime-400)}.login-hero{margin-top:auto}.login-hero h1{font:var(--text-display);letter-spacing:var(--tracking-tight);color:var(--fg-on-inverse);margin:0 0 14px}.login-hero h1 b{color:var(--lime-400);font-weight:700}.login-hero p{font:var(--text-body);color:var(--fg-on-inverse-muted);margin:0}.login-feats{flex-direction:column;gap:14px;margin-top:40px;display:flex}.lf{font:var(--text-body);color:var(--fg-on-inverse-muted);align-items:center;gap:12px;display:flex}.lic{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--lime-400);background:#c8ff3d1f;flex-shrink:0;place-items:center;display:grid}.login-form-side{background:var(--bg-surface);justify-content:center;align-items:center;width:480px;max-width:46vw;padding:40px 24px;display:flex}.login-card{width:100%;max-width:340px}.login-card h2{font:var(--text-h2);letter-spacing:var(--tracking-tight);margin:0 0 6px}.login-card>.sub{font:var(--text-sm);color:var(--fg-2);margin-bottom:0}.demo-chips{flex-wrap:wrap;gap:6px;margin:16px 0 20px;display:flex}.demo-chip{border:1px solid var(--border-strong);border-radius:var(--radius-pill);font:var(--text-label);color:var(--fg-2);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);background:0 0;padding:4px 11px;font-family:inherit}.demo-chip:hover{border-color:var(--primary);color:var(--primary-soft-fg);background:var(--primary-soft)}.demo-chip.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-soft-fg)}.login-error{background:var(--danger-soft);color:var(--danger-fg);border-radius:var(--radius-md);font:var(--text-sm);margin-bottom:16px;padding:10px 14px}.login-row{font:var(--text-sm);color:var(--fg-2);justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.login-row label{cursor:pointer;align-items:center;gap:7px;display:flex}.fp-link{font:var(--text-sm);color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.fp-link:hover{text-decoration:underline}.login-btn{justify-content:center;width:100%}.login-note{font:var(--text-caption);color:var(--fg-3);text-align:center;margin-top:18px}.login-foot{font:var(--text-sm);color:var(--fg-2);text-align:center;margin-top:12px}.fp-icon-wrap{border-radius:var(--radius-lg);background:var(--primary-soft);place-items:center;width:52px;height:52px;margin-bottom:18px;display:grid}.fp-back{font:var(--text-sm);color:var(--fg-2);cursor:pointer;transition:color var(--dur-fast);background:0 0;border:none;align-items:center;gap:7px;padding:0;font-family:inherit;display:inline-flex}.fp-back:hover{color:var(--fg-1)}.role-badge{font:var(--text-overline);letter-spacing:.04em;border-radius:var(--radius-pill);color:var(--lime-400);background:#c8ff3d26;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}@media (width<=860px){.login-brand{display:none}.login-form-side{width:100%;max-width:100%}}.scrim{z-index:40;background:#0a2e1f59;position:fixed;inset:0}.drawer{background:var(--bg-surface);z-index:50;width:460px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-head h2{font:var(--text-h3);margin:0}.drawer-body{flex:1;padding:24px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.toast-wrap{z-index:60;position:fixed;bottom:24px;right:24px}.toast{background:var(--pitch-800);color:var(--fg-on-inverse);border-radius:var(--radius-md);font:var(--text-body-strong);box-shadow:var(--shadow-lg);animation:slideUp var(--dur-base) var(--ease-out);align-items:center;gap:10px;padding:12px 18px;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}