:root{--bg:#050505;--panel:#0d0d0d;--panel2:#121212;--line:#252525;--text:#fff;--muted:#969696;--green:#16ff1e;--green2:#7dff58;--yellow:#ffd84d;--red:#ff7070;--radius:19px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 0,rgba(22,255,30,.07),transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted);font-size:11px;line-height:1.5}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 470px;gap:60px;align-items:center;max-width:1180px;margin:auto;padding:40px}.auth-brand{display:flex;align-items:center;gap:24px}.auth-brand img{width:145px;height:165px;object-fit:cover;border-radius:28px}.auth-brand h1{font-size:47px;margin:0}.auth-brand h1 span{color:var(--green);display:block}.auth-brand p{color:#b4b4b4;max-width:500px;font-size:16px;line-height:1.55}.auth-card,.card{background:linear-gradient(180deg,#111,#0b0b0b);border:1px solid #202020;border-radius:var(--radius);box-shadow:0 18px 60px rgba(0,0,0,.28)}.auth-card{padding:24px}.auth-tabs{display:flex;background:#080808;border-radius:14px;padding:4px;margin-bottom:24px}.auth-tabs button{flex:1;border:0;background:transparent;color:#888;padding:11px;border-radius:11px}.auth-tabs button.active{background:#1a1a1a;color:#fff}.auth-form,.form-grid{display:grid;gap:13px}.auth-form label,.dialog-card label,.form-grid label,.report-controls label{display:grid;gap:6px;font-size:11px;color:#c7c7c7}.auth-form input,.dialog-card input,.dialog-card select,.form-grid input,.form-grid select,header select,.custom-dates input,.report-controls input,.report-controls select{background:#070707;color:#fff;border:1px solid #292929;border-radius:11px;padding:11px 12px;outline:none}.primary{border:0;border-radius:11px;padding:11px 14px;background:linear-gradient(135deg,var(--green),var(--green2));color:#061007;font-weight:900}.secondary{background:#181818;color:#fff;border:1px solid #303030;border-radius:10px;padding:8px 11px}.secondary.full{width:100%;margin-top:12px}.smallbtn{padding:8px 10px;font-size:10px}.small{font-size:10px;color:#777}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#070707;border-right:1px solid #191919;padding:19px 13px}.side-brand{display:flex;align-items:center;gap:10px;padding:4px 7px 22px}.side-brand img{width:45px;height:49px;object-fit:cover;border-radius:12px}.side-brand b{display:block}.side-brand span{font-size:10px;color:var(--green)}nav{display:grid;gap:4px}.nav{border:0;text-align:left;background:transparent;color:#999;padding:9px 11px;border-radius:11px;font-size:12px}.nav:hover{background:#101010;color:#fff}.nav.active{background:rgba(22,255,30,.08);color:#fff;border:1px solid rgba(22,255,30,.14)}.side-bottom{position:absolute;left:13px;right:13px;bottom:14px;background:#0c0c0c;border:1px solid #1c1c1c;border-radius:13px;padding:11px;font-size:11px}.side-bottom span{display:block;color:#666;font-size:9px;margin-top:3px}.side-bottom button{margin-top:7px;background:none;color:#888;border:0;padding:0}main{padding:21px 25px 40px;max-width:1540px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}header h1{margin:0;font-size:25px}header p{color:var(--muted);font-size:11px;margin:5px 0 0}.header-controls{display:flex;gap:7px;align-items:center}header select{min-width:135px}.live{display:flex;align-items:center;gap:7px;background:rgba(22,255,30,.06);border:1px solid rgba(22,255,30,.14);color:#caffc8;border-radius:999px;padding:9px 11px}.live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.custom-dates{display:flex;justify-content:flex-end;align-items:end;gap:7px;margin-bottom:13px}.hero-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:13px}.card{padding:17px}.intro-card{padding:21px}.eyebrow{color:var(--green);font-size:9px;font-weight:900;letter-spacing:1.5px}.intro-card h2{font-size:25px;margin:8px 0 4px}.intro-card p{color:var(--muted);font-size:11px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.kpis.six{grid-template-columns:repeat(6,1fr)}.kpis div{padding:13px;background:#111;border:1px solid #1d1d1d;border-radius:14px}.kpis strong{display:block;font-size:23px}.kpis span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}.card-head h3,.card h3{margin:0;font-size:13px}.card-head span{color:var(--muted);font-size:9px}.steps{display:grid;gap:7px}.step{display:flex;justify-content:space-between;padding:8px 9px;background:#101010;border:1px solid #1c1c1c;border-radius:10px;font-size:10px}.step.ok b{color:var(--green)}.triple-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:13px;margin-top:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:13px}.two-col.wide-left{grid-template-columns:1.35fr .65fr}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.span2{grid-column:span 2}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.list{display:grid;gap:7px}.list.compact{gap:5px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #202020;background:#101010;border-radius:12px}.list-item b{font-size:11px}.list-item small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.actions{display:flex;gap:5px;flex-wrap:wrap}.badge{padding:5px 7px;border-radius:999px;font-size:8px;background:#181818;color:#bbb;border:1px solid #282828}.badge.green{background:rgba(22,255,30,.07);color:#caffc8;border-color:rgba(22,255,30,.14)}.badge.yellow{color:#ffe99a;background:rgba(255,216,77,.07);border-color:rgba(255,216,77,.13)}.mini{border:1px solid #303030;background:#171717;color:#fff;border-radius:8px;padding:5px 7px;font-size:8px}.mini.good{color:#caffc8;border-color:rgba(22,255,30,.18)}.notice{background:rgba(22,255,30,.05);border:1px solid rgba(22,255,30,.12);color:#caffc8;border-radius:11px;padding:9px 11px;font-size:10px;margin-bottom:11px}.bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:minmax(90px,1fr) 2fr 55px;align-items:center;gap:8px;font-size:9px}.bar-track{height:7px;background:#1a1a1a;border-radius:999px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--green2));border-radius:999px}.heatmap{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.heat{height:30px;border-radius:6px;background:#111;border:1px solid #1d1d1d;display:grid;place-items:center;font-size:7px;color:#777}.heat.g1{background:rgba(22,255,30,.08);color:#baffb9}.heat.g2{background:rgba(22,255,30,.18);color:#e8ffe8}.heat.g3{background:rgba(22,255,30,.38);color:#fff}.heat.g4{background:rgba(22,255,30,.60);color:#021703;font-weight:900}.tableish{display:grid}.table-row{display:grid;grid-template-columns:1.4fr repeat(4,.7fr);gap:8px;padding:9px;border-top:1px solid #1c1c1c;font-size:9px}.table-row.head{color:#777;border-top:0}.report-controls{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.report-result{margin-top:15px}.report-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.report-kpis div{padding:12px;background:#101010;border:1px solid #1e1e1e;border-radius:12px}.report-kpis b{display:block;font-size:18px}.report-kpis span{font-size:8px;color:#777}.setting,.health-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #1c1c1c}.setting:first-of-type,.health-row:first-of-type{border-top:0}.setting b{font-size:10px}.setting span{display:block;color:var(--muted);font-size:8px;margin-top:3px}.arch{padding:10px;border-top:1px solid #1c1c1c;font-size:10px}.forecast-buy{color:var(--green)}dialog{background:transparent;border:0;padding:0;color:white}dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}.dialog-card{position:relative;width:min(460px,calc(100vw - 28px));background:#0d0d0d;border:1px solid #272727;border-radius:18px;padding:20px;display:grid;gap:12px}.close{position:absolute;right:11px;top:8px;border:0;background:none;color:#777;font-size:23px}.provision{padding:11px;border-radius:12px;background:rgba(22,255,30,.06);border:1px solid rgba(22,255,30,.15);font-size:10px}.rtmp{word-break:break-all;background:#050505;border:1px solid #222;border-radius:8px;padding:8px;margin:7px 0;color:#caffc8}.toast{position:fixed;right:17px;bottom:17px;z-index:9999;background:#151515;color:#fff;border:1px solid #292929;border-radius:11px;padding:10px 13px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;font-size:10px}.toast.show{opacity:1;transform:none}.toast.error{border-color:rgba(255,112,112,.4);color:#ffd0d0}
@media(max-width:1100px){.kpis.six{grid-template-columns:repeat(3,1fr)}.triple-grid{grid-template-columns:1fr 1fr}.triple-grid .card:first-child{grid-column:span 2}}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr;padding:22px}.auth-brand{display:none}.app{grid-template-columns:1fr}aside{position:static;height:auto;padding:9px;overflow:auto}.side-brand,.side-bottom{display:none}nav{display:flex;overflow:auto}.nav{white-space:nowrap}main{padding:13px}.hero-grid,.two-col,.analytics-grid,.system-grid,.triple-grid{grid-template-columns:1fr}.span2,.triple-grid .card:first-child{grid-column:auto}.header-controls{flex-wrap:wrap}.kpis.six{grid-template-columns:1fr 1fr}.report-kpis{grid-template-columns:1fr 1fr}.table-row{grid-template-columns:1.3fr repeat(2,.7fr)}.table-row>*:nth-child(n+4){display:none}}