:root{--bg: #04101c;--bg2: #0a1d30;--panel: rgba(9, 26, 42, .72);--line: rgba(53, 224, 230, .25);--line-soft: rgba(53, 224, 230, .14);--ink: #dff6f8;--ink-soft: #8fb6bf;--ink-mute: #4e7580;--gold: #d8b780;--gold-hi: #eccf95;--blue: #35e0e6;--green: #35e6a8;--rose: #ff6b8a;--hud: #35e0e6;--hud-dim: #1a7e86;--hud-glow: rgba(53, 224, 230, .55);--serif: "Quicksand", sans-serif;--sans: "Jost", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{position:relative;z-index:2}body{background:var(--bg);color:var(--ink);font-family:var(--sans);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background:radial-gradient(1200px 600px at 50% -10%,rgba(53,224,230,.08),transparent 60%),repeating-linear-gradient(0deg,transparent 0 2px,rgba(53,224,230,.012) 2px 4px)}body:after{content:"";position:fixed;left:0;right:0;top:-140px;height:120px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(53,224,230,.05),transparent);animation:scan 9s linear infinite;opacity:.7}@keyframes scan{0%{top:-140px}to{top:110vh}}a{color:inherit;text-decoration:none}button{font-family:inherit}.panel,.kpi,.ui-stat,.lcard,.brandcard,.ui-state{position:relative}.panel:before,.kpi:before,.ui-stat:before,.lcard:before,.brandcard:before,.ui-state:before,.panel:after,.kpi:after,.ui-stat:after,.lcard:after,.brandcard:after,.ui-state:after{content:"";position:absolute;width:12px;height:12px;pointer-events:none;border-color:var(--hud);border-style:solid;opacity:.85}.panel:before,.kpi:before,.ui-stat:before,.lcard:before,.brandcard:before,.ui-state:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px;border-radius:3px 0 0}.panel:after,.kpi:after,.ui-stat:after,.lcard:after,.brandcard:after,.ui-state:after{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0;border-radius:0 0 3px}.reactor{position:relative}.reactor-core{position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;background:radial-gradient(circle at 36% 32%,#d8fbff 0%,var(--hud) 30%,#0e5a66 65%,#05242e 100%);box-shadow:0 0 16px var(--hud-glow),0 0 40px #35e0e640,inset 0 0 10px #ffffff40;animation:reactor-pulse 4s ease-in-out infinite}@keyframes reactor-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.2)}}.reactor-ring-a{animation:reactor-rot 14s linear infinite;transform-origin:50% 50%}.reactor-ring-b{animation:reactor-rot-rev 9s linear infinite;transform-origin:50% 50%}.reactor-ring-c{animation:reactor-rot 22s linear infinite;transform-origin:50% 50%}@keyframes reactor-rot{to{transform:rotate(360deg)}}@keyframes reactor-rot-rev{to{transform:rotate(-360deg)}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1100px 600px at 72% -10%,#0d2a3a 0%,var(--bg) 55%,#020a12 100%);overflow:hidden;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(42px);opacity:.4}.lcard{width:380px;max-width:92vw;background:var(--panel);border:1px solid rgba(53,224,230,.25);border-radius:8px;padding:34px 32px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 30px 80px #00000073}.logo{font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:1px;text-shadow:0 0 18px rgba(53,224,230,.35)}.logo span{color:var(--gold)}.field{width:100%;background:#04101ccc;border:1px solid rgba(53,224,230,.22);border-radius:5px;padding:12px 14px;color:var(--ink);font-size:14px;margin-top:9px}.field:focus{outline:none;border-color:var(--hud);box-shadow:0 0 12px #35e0e640}.btn-primary{width:100%;margin-top:18px;border:none;border-radius:5px;padding:13px;font-size:13px;font-weight:600;cursor:pointer;color:#04101c;font-family:var(--serif);letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,var(--gold-hi),var(--gold));box-shadow:0 0 18px #d8b78059;transition:box-shadow .15s ease}.btn-primary:hover:not(:disabled){box-shadow:0 0 26px #d8b7808c}.btn-primary:disabled{opacity:.65;cursor:default}.muted{color:var(--ink-mute);font-size:12.5px}.error{color:var(--rose);font-size:12.5px;margin-top:10px}.linklike{color:var(--gold);cursor:pointer}.shell{display:flex;min-height:100vh}.side{width:232px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.logo-sub{color:var(--hud);font-size:10.5px;letter-spacing:3px;text-transform:uppercase;margin-bottom:22px;font-family:var(--serif);opacity:.9}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:1px solid transparent;color:var(--ink-soft);padding:10px 12px;border-radius:5px;font-size:13px;letter-spacing:.3px;cursor:pointer;margin-bottom:2px}.nav-btn:hover{background:#35e0e614}.nav-btn.on{background:#35e0e61f;border-color:#35e0e640;color:var(--hud);text-shadow:0 0 8px rgba(53,224,230,.4)}.brandcard{margin-top:auto;background:var(--bg2);border:1px solid var(--line-soft);border-radius:6px;padding:14px;font-size:13px}.brandcard .r{color:var(--ink-mute);font-size:12px;margin:2px 0 8px}.pill{display:inline-block;font-family:var(--serif);font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;padding:5px 10px;border-radius:3px;border:1px solid var(--line);white-space:nowrap;color:var(--ink-soft)}.pill.live{color:var(--green);border-color:#35e6a866;text-shadow:0 0 8px rgba(53,230,168,.4)}.pill.high{color:var(--rose);border-color:#ff6b8a66}.pill.med{color:var(--hud);border-color:#35e0e666}.main{flex:1;padding:26px 30px;overflow:auto}.head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.head h1{font-family:var(--serif);font-weight:600;font-size:26px;letter-spacing:.5px;margin:0;text-shadow:0 0 14px rgba(53,224,230,.3)}.sub{color:var(--ink-mute);font-size:13px;margin-top:4px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.kpi{background:var(--panel);border:1px solid var(--line-soft);border-radius:6px;padding:18px 16px}.kpi .lab{color:var(--ink-mute);font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;font-family:var(--serif)}.kpi .val{font-family:var(--serif);font-weight:600;font-size:30px;line-height:1.1;margin-top:6px;text-shadow:0 0 10px rgba(53,224,230,.2)}.panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:6px;padding:22px 24px;margin-bottom:18px}.hd{font-family:var(--serif);font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--hud);text-shadow:0 0 10px rgba(53,224,230,.3)}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.bar-track{flex:1;height:8px;background:#35e0e614;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:var(--hud);box-shadow:0 0 6px #35e0e666}.btn-ghost{background:#04101c66;border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:7px 12px;font-size:13px;cursor:pointer}.btn-ghost:hover{border-color:var(--hud);box-shadow:0 0 14px #35e0e633;color:var(--hud)}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--ink-mute)}.doc-page{min-height:100vh;padding:56px 24px 80px}.doc{max-width:680px;margin:0 auto;color:var(--ink-soft);font-size:15px;line-height:1.65}.doc h2{font-family:var(--serif);color:var(--hud);font-size:16px;letter-spacing:.5px;text-transform:uppercase;margin:30px 0 10px}.doc h2:first-of-type{margin-top:8px}.doc p{margin:0 0 14px}.doc ul{margin:0 0 14px;padding-left:20px}.doc li{margin-bottom:8px}.doc strong{color:var(--ink)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:5px;font:inherit;font-weight:600;cursor:pointer;transition:box-shadow .15s ease,filter .15s ease}.ui-btn:focus-visible{outline:2px solid var(--hud);outline-offset:2px}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn--primary{background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#04101c;box-shadow:0 0 14px #d8b7804d}.ui-btn--primary:hover:not(:disabled){box-shadow:0 0 22px #d8b78080}.ui-btn--ghost{background:#04101c66;border:1px solid var(--line);color:var(--ink)}.ui-btn--ghost:hover:not(:disabled){border-color:var(--hud);box-shadow:0 0 14px #35e0e640;color:var(--hud)}.ui-btn--danger{background:var(--rose);color:#04101c}.ui-btn--sm{padding:7px 12px;font-size:13px}.ui-btn--md{padding:11px 16px;font-size:14px}.ui-btn--block{width:100%}.ui-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:ui-spin .6s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-skeleton{background:linear-gradient(90deg,var(--bg2) 25%,var(--line-soft) 37%,var(--bg2) 63%);background-size:400% 100%;animation:ui-shimmer 1.4s ease infinite}@keyframes ui-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ui-badge{display:inline-block;font-family:var(--serif);font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;padding:3px 9px;border-radius:3px;border:1px solid var(--line);white-space:nowrap}.ui-badge--success{color:var(--green);border-color:#35e6a866}.ui-badge--warning{color:var(--gold-hi);border-color:var(--gold)}.ui-badge--info{color:var(--hud);border-color:#35e0e666}.ui-badge--neutral{color:var(--ink-mute)}.ui-badge--danger{color:var(--rose);border-color:#ff6b8a66}.ui-progress{height:8px;background:#35e0e614;border-radius:4px;overflow:hidden;width:100%}.ui-progress__fill{height:100%;border-radius:4px;background:var(--hud);box-shadow:0 0 6px #35e0e666;transition:width .3s ease}.ui-stat{background:var(--panel);border:1px solid var(--line-soft);border-radius:6px;padding:18px 16px}.ui-stat__label{color:var(--ink-mute);font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;font-family:var(--serif)}.ui-stat__value{font-family:var(--serif);font-weight:600;font-size:clamp(24px,3vw,30px);line-height:1.1;margin-top:6px;text-shadow:0 0 10px rgba(53,224,230,.2)}.ui-stat__hint{color:var(--ink-mute);font-size:12px;margin-top:6px}.ui-stat__trend{font-size:12.5px;margin-top:6px}.ui-stat__trend--up{color:var(--green)}.ui-stat__trend--down{color:var(--ink-mute)}.ui-state{background:var(--panel);border:1px solid var(--line-soft);border-radius:6px;padding:28px 24px;color:var(--ink-soft);text-align:center}.ui-state--empty{color:var(--ink-mute)}.kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px}@media (prefers-reduced-motion: reduce){.ui-spinner,.ui-skeleton,.ui-progress__fill,body:after,.reactor-core,.reactor-ring-a,.reactor-ring-b,.reactor-ring-c{animation:none;transition:none}}