:root{--bg:#05070a;--panel:#0a0e13;--panel2:#0d1218;--line:#1b232d;--line2:#26313e;--text:#edf2f7;--muted:#768391;--violet:#a77bff;--cyan:#32d7f0;--green:#37e38b;--amber:#ffbb55;--red:#ff5d73}
*{box-sizing:border-box}html{background:var(--bg);font-size:14px}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% -10%,rgba(167,123,255,.12),transparent 26%),radial-gradient(circle at 90% 5%,rgba(50,215,240,.07),transparent 24%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.026;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(5,7,10,.86);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.brand-wrap,.top-status{display:flex;align-items:center}.brand-wrap{gap:13px}.mark{width:29px;height:29px;display:flex;align-items:flex-end;gap:3px;padding:5px;border:1px solid #2b3540;border-radius:7px;box-shadow:inset 0 0 18px rgba(167,123,255,.08)}.mark span{width:4px;border-radius:4px;background:linear-gradient(var(--cyan),var(--violet));box-shadow:0 0 8px rgba(50,215,240,.35)}.mark span:nth-child(1){height:8px}.mark span:nth-child(2){height:17px}.mark span:nth-child(3){height:12px}.brand-wrap h1{font-size:16px;letter-spacing:.16em;margin:0;font-weight:800}.brand-wrap h1 span{color:var(--violet);margin-left:4px}.brand-wrap p{margin:3px 0 0;color:var(--muted);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.top-status{gap:14px}.mode{font-size:10px;letter-spacing:.12em;color:var(--amber);border:1px solid rgba(255,187,85,.3);background:rgba(255,187,85,.06);padding:7px 10px;border-radius:6px}.live-pill{display:flex;align-items:center;gap:8px;color:var(--muted);font:700 10px ui-monospace,monospace;letter-spacing:.1em}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--amber)}.live-pill.live{color:var(--green)}.live-pill.live i{background:var(--green);box-shadow:0 0 0 5px rgba(55,227,139,.08),0 0 12px var(--green);animation:live 2s infinite}.live-pill.dead{color:var(--red)}.live-pill.dead i{background:var(--red)}@keyframes live{50%{opacity:.55}}.clock{font:500 12px ui-monospace,monospace;color:#aab4bf;min-width:70px}main{max-width:1600px;margin:0 auto;padding:24px 30px 40px}.card{background:linear-gradient(145deg,rgba(14,19,25,.96),rgba(8,12,17,.96));border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.18);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:14px}.hero,.safety{padding:22px 24px}.eyebrow,.section-head{display:flex;align-items:center;justify-content:space-between}.eyebrow span,.eyebrow-text{font-size:10px;letter-spacing:.16em;color:#8793a0;font-weight:700}.eyebrow b{font:700 10px ui-monospace,monospace;letter-spacing:.08em;color:var(--violet)}.eyebrow b.safe{color:var(--green)}.hero-main{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.big-number{display:flex;align-items:baseline;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.big-number strong{font-size:64px;line-height:1;color:var(--text);letter-spacing:-.08em}.big-number em{font-size:24px;font-style:normal;color:#37414c}.big-number span{font-size:24px;color:var(--muted)}.hero-main p{margin:8px 0 0;color:var(--muted);font-size:12px}.ring{--p:0deg;width:88px;height:88px;border-radius:50%;background:conic-gradient(var(--violet) var(--p),#171d24 0);display:grid;place-items:center;position:relative;box-shadow:0 0 25px rgba(167,123,255,.1)}.ring:after{content:"";position:absolute;inset:7px;background:#0b1016;border-radius:50%}.ring div{z-index:1;text-align:center}.ring strong{font:700 15px ui-monospace,monospace;display:block}.ring small{font-size:7px;letter-spacing:.14em;color:var(--muted)}.progress{height:3px;border-radius:3px;background:#171d24;overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 12px var(--violet);transition:width .7s ease}.hero-foot{display:flex;gap:22px;margin-top:13px;color:#5d6874;font-size:10px}.hero-foot span:before{content:"✓";color:var(--green);margin-right:6px}.safety{position:relative}.safety-lock{font:700 64px ui-monospace,monospace;margin-top:12px;color:var(--green);text-shadow:0 0 28px rgba(55,227,139,.18)}.safety h2{font-size:15px;margin:-3px 0 7px}.safety p{font-size:11px;line-height:1.55;color:var(--muted);max-width:350px;margin:0}.safety-row{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;color:#7e8995;font:600 10px ui-monospace,monospace}.safety-row strong{color:var(--green)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.kpi{padding:17px 18px}.kpi>div{display:flex;align-items:center;justify-content:space-between}.kpi span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#788592}.kpi strong{display:block;margin:9px 0 3px;font:700 27px ui-monospace,monospace;letter-spacing:-.04em}.kpi p{margin:0;color:#596571;font-size:10px}.kpi p b{font-weight:600;color:#8c98a4}.dot{width:6px;height:6px;border-radius:50%}.dot.green{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.violet{background:var(--violet)}.dot.cyan{background:var(--cyan)}.dot.amber{background:var(--amber)}.main-grid,.lower-grid{display:grid;gap:14px;margin-top:14px}.main-grid{grid-template-columns:1.85fr 1fr}.lower-grid{grid-template-columns:1.1fr 1fr}.chart-card,.agents-card,.funnel-card,.feed-card,.historical-card{padding:20px}.section-head h2{font-size:15px;margin:4px 0 0;letter-spacing:-.01em}.legend{display:flex;gap:13px;color:#697683;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%}.legend .violet{background:var(--violet)}.legend .cyan{background:var(--cyan)}.legend .red{background:var(--red)}.canvas-wrap{height:210px;margin-top:18px}.canvas-wrap canvas,.history-chart canvas{width:100%;height:100%}.chart-axis{display:flex;justify-content:space-between;color:#46515c;font:9px ui-monospace,monospace;margin-top:4px}.pulse-bars{height:17px;display:flex;align-items:flex-end;gap:3px}.pulse-bars i{display:block;width:3px;background:var(--green);animation:bars 1.1s infinite ease-in-out}.pulse-bars i:nth-child(1){height:5px}.pulse-bars i:nth-child(2){height:14px;animation-delay:.15s}.pulse-bars i:nth-child(3){height:9px;animation-delay:.3s}.pulse-bars i:nth-child(4){height:16px;animation-delay:.45s}@keyframes bars{50%{height:4px;opacity:.45}}.services{margin-top:13px}.service{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:12px 2px}.service:first-child{border-top:0}.service>i{width:7px;height:7px;border-radius:50%;background:var(--red)}.service.up>i{background:var(--green);box-shadow:0 0 8px rgba(55,227,139,.5)}.service h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 3px}.service p{margin:0;color:#56616c;font:9px ui-monospace,monospace}.service strong{font:700 9px ui-monospace,monospace;color:var(--green);border:1px solid rgba(55,227,139,.2);padding:4px 6px;border-radius:4px}.service:not(.up) strong{color:var(--red);border-color:rgba(255,93,115,.25)}.fresh,.privacy{font:700 8px ui-monospace,monospace;letter-spacing:.08em;color:var(--green)}.privacy{color:var(--cyan);border:1px solid rgba(50,215,240,.2);padding:5px 7px;border-radius:4px}.funnel{margin-top:17px;display:grid;gap:8px}.funnel-row{display:grid;grid-template-columns:110px 1fr 48px;align-items:center;gap:12px}.funnel-row label{font:600 9px ui-monospace,monospace;color:#7b8793;text-transform:uppercase}.funnel-track{height:8px;background:#151b22;border-radius:5px;overflow:hidden}.funnel-track i{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .6s}.funnel-row strong{text-align:right;font:600 11px ui-monospace,monospace}.unit-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-top:17px}.unit-strip div{background:#0a0f14;padding:10px;text-align:center}.unit-strip span{display:block;color:#58636e;font-size:7px;letter-spacing:.1em}.unit-strip strong{font:600 15px ui-monospace,monospace;display:block;margin-top:4px}.feed{height:252px;overflow:hidden;margin-top:13px}.feed-row{display:grid;grid-template-columns:57px 52px 1fr;gap:9px;align-items:center;border-top:1px solid var(--line);padding:7px 0;animation:enter .35s ease}.feed-row:first-child{border-top:0}@keyframes enter{from{opacity:0;transform:translateY(-5px)}}.feed-row time{font:9px ui-monospace,monospace;color:#52606c}.feed-row b{font:700 8px ui-monospace,monospace;text-transform:uppercase;color:var(--violet);letter-spacing:.05em}.feed-row span{font-size:10px;color:#9ca7b2}.feed-row.good span:before,.feed-row.warn span:before,.feed-row.neutral span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--green);margin:0 7px 1px 0}.feed-row.warn span:before{background:var(--amber)}.feed-row.neutral span:before{background:#53606c}.historical-card{margin-top:14px}.historical-stats{display:flex;gap:20px}.historical-stats span{color:#64717d;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.historical-stats b{font:600 12px ui-monospace,monospace;color:#c4ced8;margin-right:4px}.history-chart{height:150px;margin-top:18px}.disclaimer{font-size:9px;color:#4e5964;margin:10px 0 0;border-top:1px solid var(--line);padding-top:10px}footer{max-width:1600px;margin:0 auto;padding:0 30px 28px;display:flex;justify-content:space-between;color:#404a54;font:8px ui-monospace,monospace;letter-spacing:.12em}.toast{position:fixed;right:20px;bottom:20px;background:#1a1014;border:1px solid rgba(255,93,115,.35);color:#ff9daa;padding:11px 14px;border-radius:7px;font-size:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}@media(max-width:1050px){.hero-grid,.main-grid,.lower-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 18px}.mode{display:none}main{padding:18px}.historical-stats{display:none}footer{padding:0 18px 25px}}@media(max-width:620px){.topbar{height:auto;min-height:68px;padding:12px 15px}.clock{display:none}.hero-main{align-items:flex-end}.big-number strong{font-size:50px}.hero-foot{display:none}.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:14px}.kpi strong{font-size:22px}.legend{display:none}.funnel-row{grid-template-columns:85px 1fr 38px}.unit-strip{grid-template-columns:repeat(3,1fr)}.unit-strip div:nth-child(n+4){display:none}main{padding:12px}.hero,.safety,.chart-card,.agents-card,.funnel-card,.feed-card,.historical-card{padding:17px}footer span:nth-child(2){display:none}}