html,body,#root{height:100%}:root{--bg0: #070a10;--bg1: #0b1020;--a1: #00d1ff;--a2: #b8ff2c;--a3: #ff4d2e;--text: rgba(245, 247, 255, .92);--muted: rgba(210, 220, 235, .62);--glass: rgba(18, 25, 38, .55);--glass2: rgba(18, 25, 38, .72);--border: rgba(255, 255, 255, .1);--border2: rgba(255, 255, 255, .16);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 60px rgba(0, 0, 0, .55);--ring: 0 0 0 3px rgba(0, 209, 255, .18);--r-sm: 12px;--r-md: 16px;--r-lg: 20px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg0);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100%;background-color:var(--bg0);background-image:radial-gradient(900px 600px at 15% 5%,rgba(0,209,255,.18),transparent 55%),radial-gradient(900px 600px at 85% 20%,rgba(184,255,44,.12),transparent 55%),radial-gradient(1000px 720px at 70% 90%,rgba(255,77,46,.12),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));background-attachment:fixed}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.h1{font-size:22px;margin:0 0 10px;letter-spacing:.2px}.h2{font-size:16px;margin:0 0 8px;letter-spacing:.2px}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#121926c7,#12192694);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.topbar__title{font-weight:700;letter-spacing:.2px;display:inline-flex;align-items:center;gap:10px}.topbar__title:before{content:"";width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--a1),var(--a2));box-shadow:0 0 0 3px #00d1ff1a,0 0 22px #00d1ff40}.topbar__right{display:flex;align-items:center;gap:10px}.content{padding:16px 16px 22px;max-width:940px;width:100%;margin:0 auto}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(0deg,#121926c7,#12192694);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.tab{position:relative;padding:13px 10px;text-align:center;color:var(--muted);font-weight:600}.tab--active{color:var(--text)}.tab--active:after{content:"";position:absolute;left:18%;right:18%;bottom:7px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--a1),var(--a2));box-shadow:0 0 16px #00d1ff40}.panel{position:relative;background:var(--glass);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:14px;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);overflow:hidden}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(800px 380px at 10% 0%,rgba(0,209,255,.1),transparent 55%),radial-gradient(700px 320px at 95% 0%,rgba(184,255,44,.06),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%);opacity:.9}.panel>*{position:relative}.panel--flush{padding:0}.listRow{display:grid;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);align-items:center}.listRow:last-child{border-bottom:0}@media(hover:hover){.listRow:hover{background:#ffffff0a}}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid2{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:720px){.grid2{grid-template-columns:1.2fr .8fr}}.btn{appearance:none;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);border-radius:var(--r-md);padding:12px 14px;font-weight:700;cursor:pointer;box-shadow:0 10px 26px #00000040;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease,filter .14s ease}.btn--xl{min-height:58px;padding:16px 18px;font-size:16px;border-radius:18px;letter-spacing:.2px}@media(hover:hover){.btn:hover{transform:translateY(-1px);border-color:#fff3;background:#ffffff14;box-shadow:0 18px 44px #00000073}}.btn:active{transform:translateY(0) scale(.99)}.btn--primary{background:radial-gradient(900px 220px at 10% 0%,rgba(0,209,255,.22),transparent 60%),linear-gradient(135deg,#00d1ff38,#b8ff2c29);border-color:#00d1ff61;box-shadow:0 18px 50px #0000006b,0 0 0 1px #00d1ff1a inset}@media(hover:hover){.btn--primary:hover{filter:saturate(1.1);border-color:#00d1ff8c;box-shadow:0 22px 60px #0000008c,0 0 0 3px #00d1ff1f,0 0 26px #00d1ff2e}}.btn--danger{background:radial-gradient(900px 220px at 10% 0%,rgba(255,77,46,.2),transparent 60%),linear-gradient(135deg,#ff4d2e29,#ff2d551f);border-color:#ff4d2e6b}.btn:disabled{opacity:.5;cursor:not-allowed}.chip{border:1px solid rgba(255,255,255,.12);background:#ffffff0d;padding:8px 10px;border-radius:999px;color:var(--muted);font-weight:700;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi__box{border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);background:#ffffff0a;padding:10px}.kpi__label{font-size:12px;color:var(--muted);margin-bottom:6px}.kpi__value{font-size:20px;font-weight:800;letter-spacing:.2px}@supports (-webkit-background-clip: text){.kpi__value{background:linear-gradient(90deg,var(--text),rgba(0,209,255,.9),rgba(184,255,44,.85));-webkit-background-clip:text;background-clip:text;color:transparent}}.select{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);border-radius:var(--r-md);padding:10px 12px;outline:none;font-weight:700;line-height:1.2}.select--lg{min-height:56px;padding:14px;font-size:16px;border-radius:18px}.select::placeholder{color:#d2dceb73}.select:disabled{opacity:.6}.select:focus,.select:focus-visible{box-shadow:var(--ring);border-color:#00d1ff80}.btn:focus-visible,.chip:focus-visible,.tab:focus-visible{outline:none;box-shadow:var(--ring)}input[type=checkbox]{accent-color:var(--a2)}.videoWrap{position:relative;width:100%;overflow:hidden;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.12);background:#000;box-shadow:var(--shadow-lg)}.videoWrap video,.videoWrap canvas{width:100%;height:auto;display:block}.overlayHUD{position:absolute;left:10px;right:10px;top:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}.hudBox{pointer-events:none;background:#0a0c126b;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);padding:10px 12px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 12px 32px #00000073}.hudBig{font-size:34px;font-weight:900;line-height:1;letter-spacing:.3px}.hudSmall{font-size:12px;color:#e6edf3cc;margin-top:6px}