:root{--ink: #0c0d10;--ink-2: #14161b;--ink-3: #1c1f26;--paper: #f5f1e8;--paper-2: #e8e2d4;--line: rgba(245, 241, 232, .08);--line-strong: rgba(245, 241, 232, .18);--coral: #ff6b4a;--lime: #c5f24c;--cyan: #5ad7ff;--plum: #b07cff;--amber: #ffb648;--text: #f5f1e8;--text-dim: rgba(245, 241, 232, .62);--text-faint: rgba(245, 241, 232, .38);--display: "Fraunces", "Times New Roman", serif;--body: "Manrope", -apple-system, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius: 18px;--radius-lg: 28px;--shadow-soft: 0 30px 60px -20px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--ink);color:var(--text);font-family:var(--body);font-weight:400;-webkit-font-smoothing:antialiased}body{background:radial-gradient(800px 600px at 90% -10%,rgba(255,107,74,.16),transparent 60%),radial-gradient(700px 500px at -10% 20%,rgba(90,215,255,.12),transparent 60%),radial-gradient(900px 700px at 50% 110%,rgba(197,242,76,.08),transparent 60%),var(--ink);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.display{font-family:var(--display);font-weight:500;font-variation-settings:"opsz" 144;letter-spacing:-.03em;line-height:.92}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.num{font-family:var(--display);font-variation-settings:"opsz" 144;font-weight:500;letter-spacing:-.04em;font-feature-settings:"tnum","lnum"}.mono{font-family:var(--mono)}.app{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:260px 1fr}@media (max-width: 900px){.app{grid-template-columns:1fr}}.sidebar{position:sticky;top:0;height:100vh;padding:32px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 60%)}@media (max-width: 900px){.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--line)}}.brand{display:flex;align-items:baseline;gap:10px}.brand .glyph{font-family:var(--display);font-size:42px;line-height:1;color:var(--coral);font-weight:700;letter-spacing:-.05em}.brand .name{font-family:var(--display);font-size:26px;font-weight:500;letter-spacing:-.02em}.brand .dot{width:6px;height:6px;border-radius:50%;background:var(--lime);margin-left:6px;box-shadow:0 0 18px var(--lime)}.nav{display:flex;flex-direction:column;gap:2px;margin-top:8px}.nav a{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;color:var(--text-dim);font-weight:500;font-size:14px;border:1px solid transparent;transition:all .2s ease}.nav a:hover{color:var(--text);background:#ffffff08}.nav a.active{color:var(--ink);background:var(--paper);border-color:var(--paper-2)}.nav a .badge{font-family:var(--mono);font-size:10px;padding:2px 8px;border-radius:999px;background:var(--coral);color:var(--ink);font-weight:600}.nav a.active .badge{background:var(--ink);color:var(--coral)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--text-faint)}.sidebar-footer .pulse{display:inline-flex;align-items:center;gap:8px}.sidebar-footer .pulse:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 #c5f24cb3;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #c5f24c99}70%{box-shadow:0 0 0 10px #c5f24c00}to{box-shadow:0 0 #c5f24c00}}.main{padding:36px 48px 80px;max-width:1400px;width:100%}@media (max-width: 700px){.main{padding:24px 20px 60px}}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff04);border:1px solid var(--line);border-radius:var(--radius);padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card.elev{box-shadow:var(--shadow-soft)}.card.paper{background:var(--paper);color:var(--ink);border-color:var(--paper-2)}.card.paper .eyebrow,.card.paper .muted{color:#0c0d108c}.card.coral{background:linear-gradient(160deg,#ff7355,#ff3d20);color:var(--ink);border-color:transparent}.card.lime{background:linear-gradient(160deg,#d6ff66,#a3df2e);color:var(--ink);border-color:transparent}.card.cyan{background:linear-gradient(160deg,#7be2ff,#2fb6e3);color:var(--ink);border-color:transparent}.card.plum{background:linear-gradient(160deg,#c39bff,#8d54ff);color:var(--ink);border-color:transparent}.muted{color:var(--text-dim)}.tiny{font-size:11px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid{display:grid;gap:18px}.grid.kpi{grid-template-columns:1.4fr 1fr 1fr 1fr}.grid.split{grid-template-columns:1.6fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}@media (max-width: 1100px){.grid.kpi,.grid.split,.grid.three{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.grid.kpi,.grid.split,.grid.three{grid-template-columns:1fr}}.header-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:24px;flex-wrap:wrap}.title-stack{display:flex;flex-direction:column;gap:6px}.title-stack .display{font-size:clamp(40px,6vw,84px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font-weight:600;font-size:13px;letter-spacing:.01em;transition:all .2s ease}.btn:hover{background:#ffffff0f;transform:translateY(-1px)}.btn.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.primary:hover{background:#fff}.btn.coral{background:var(--coral);color:var(--ink);border-color:transparent}.btn.lime{background:var(--lime);color:var(--ink);border-color:transparent}.btn.ghost{background:transparent}.btn.danger{background:transparent;color:var(--coral);border-color:#ff6b4a66}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11px;letter-spacing:.02em;font-family:var(--mono);background:#ffffff0f;border:1px solid var(--line);color:var(--text-dim)}.tag.coral{color:var(--coral);border-color:#ff6b4a66;background:#ff6b4a14}.tag.lime{color:var(--lime);border-color:#c5f24c59;background:#c5f24c14}.tag.cyan{color:var(--cyan);border-color:#5ad7ff66;background:#5ad7ff14}.tag.amber{color:var(--amber);border-color:#ffb64866;background:#ffb64814}.tag.plum{color:var(--plum);border-color:#b07cff66;background:#b07cff14}.input,.select,.textarea{width:100%;background:#ffffff0a;border:1px solid var(--line-strong);border-radius:12px;padding:12px 14px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .2s ease,background .2s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--cyan);background:#ffffff12}.label{display:block;font-size:11px;font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;z-index:1}.login-card{width:100%;max-width:460px;padding:44px 36px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0d,#ffffff04);border:1px solid var(--line);position:relative;overflow:hidden}.login-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--coral),transparent 70%);top:-120px;right:-120px;opacity:.4;filter:blur(20px)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);font-size:14px}.table th{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-weight:500}.table tr:hover td{background:#ffffff05}.divider{height:1px;background:var(--line);margin:20px 0}.kbd{font-family:var(--mono);font-size:11px;padding:2px 6px;border-radius:4px;background:#ffffff14;border:1px solid var(--line-strong);color:var(--text-dim)}.scroll-x{overflow-x:auto}.empty{padding:40px 20px;text-align:center;color:var(--text-faint)}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--coral);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;right:24px;z-index:50;padding:14px 18px;border-radius:14px;background:var(--paper);color:var(--ink);font-weight:600;font-size:13px;box-shadow:var(--shadow-soft)}