:root{--bg:#07090c;--p:#11161d;--p2:#171d25;--line:#29323d;--tx:#f5f7f9;--mut:#929eaa;--gold:#e7bd55;--green:#36d38a;--yellow:#f2c14f;--orange:#ff9d42;--red:#ff5e66}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--tx);background:radial-gradient(circle at 85% 0,#30271266,transparent 32rem),linear-gradient(145deg,#06080a,#0b0f14 60%,#080a0d)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.shell{max-width:1450px;margin:auto;padding:20px}.top{display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{display:flex;align-items:center;gap:12px}.logo{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#181208;font-weight:900;background:linear-gradient(145deg,#ffd97c,#b6862e)}h1{font-size:20px;margin:0}.brand b,.gold{color:var(--gold)}.brand p{margin:4px 0 0;color:var(--mut);font-size:10px;letter-spacing:.1em}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #37424e;background:#131922;color:var(--tx);border-radius:12px;padding:10px 12px;cursor:pointer}.btn.primary{border:0;background:linear-gradient(135deg,#f1cc72,#b98b31);color:#171208;font-weight:800}.btn.red{border-color:#6c3138;color:#ffabb0;background:#211014}.btn.orange{border-color:#6a482a;color:#ffc38d;background:#21170f}.chip{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font-size:10px}.online{color:#7ce8b4;border-color:#295640}.offline{color:#ff9fa4;border-color:#623139}.authz{margin:17px 0;padding:10px 14px;border:1px solid #443b28;border-radius:14px;background:#e7bd550a;color:var(--mut);font-size:11px;letter-spacing:.06em}.authz strong{color:#ffd97c}.title{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:20px 0 15px}.title h2{font-size:29px;margin:0 0 4px}.title p{margin:0;color:var(--mut);font-size:12px}.grid{display:grid;gap:14px}.c2{grid-template-columns:repeat(2,1fr)}.c3{grid-template-columns:repeat(3,1fr)}.c4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(160deg,#151b23f2,#0c1015fa);border:1px solid var(--line);border-radius:19px;padding:18px;box-shadow:0 18px 60px #0006}.card h3{margin:0 0 14px;font-size:15px}.kpi small,.muted{color:var(--mut)}.kpi strong{display:block;font-size:29px;margin-top:6px}.green{color:var(--green)}.yellow{color:var(--yellow)}.red{color:var(--red)}.orange{color:var(--orange)}.form{display:grid;gap:10px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:10px;color:var(--mut)}.field input,.field select,.field textarea{border:1px solid #303a46;background:#0b1016;color:var(--tx);border-radius:10px;padding:10px 11px;outline:none}.field textarea{min-height:80px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.tab{border:1px solid var(--line);background:#0d1218;color:var(--mut);border-radius:10px;padding:9px 11px;cursor:pointer}.tab.active{border-color:#715e34;color:#ffd97c;background:#1b1710}.tablewrap{overflow:auto;border:1px solid #252e38;border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{padding:10px 11px;border-bottom:1px solid #222b34;font-size:11px;text-align:left}.table th{color:#abb4bd;background:#0d1218}.status{display:inline-block;padding:4px 7px;border:1px solid #3a4551;border-radius:999px;font-size:9px}.ok{color:#7de8b5;border-color:#285943}.warn{color:#ffd67c;border-color:#67532b}.crit{color:#ff9fa5;border-color:#683139}.feed{display:flex;flex-direction:column;gap:8px}.item,.alert{padding:12px;border:1px solid #27313b;background:#0d1218;border-radius:13px}.alert{border-color:#623038;background:#201014}.alert.acuda{border-color:#654626;background:#20160f}.item p,.alert p{margin:5px 0 0;color:var(--mut);font-size:10px;line-height:1.45}.row{display:flex;justify-content:space-between;gap:10px}.guard{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.hero{text-align:center;padding:28px 18px}.hero h3{font-size:28px;margin:8px 0}.scan{width:100%;min-height:88px;font-size:19px;margin-top:15px}.biggrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.big{min-height:84px;font-size:16px;font-weight:800}.scanner{position:fixed;inset:0;background:#020304f3;z-index:1000;display:grid;place-items:center;padding:15px}.scannerbox{width:min(720px,100%)}.scanner video{width:100%;max-height:62vh;object-fit:cover;border:1px solid #3a4652;border-radius:18px;background:#000}.login{position:fixed;inset:0;z-index:2000;background:#030507f2;backdrop-filter:blur(10px);display:grid;place-items:center;padding:16px}.loginbox{width:min(420px,100%);padding:23px;border:1px solid #2c3540;border-radius:22px;background:linear-gradient(160deg,#151a21,#0c1015)}.toast{position:fixed;right:18px;bottom:18px;z-index:3000;max-width:350px;padding:13px 15px;border:1px solid #355446;border-radius:13px;background:#111820;display:none}.toast.show{display:block}.toast.error{border-color:#663039}.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.module{padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(150deg,#151b23,#0e1217);text-decoration:none;color:var(--tx)}.module i{font-style:normal;font-size:27px;display:block;margin-bottom:10px}.module span{display:block;color:var(--mut);font-size:10px;margin-top:4px}.ai{border:1px solid #594a29;background:#1c180f;border-radius:14px;padding:13px}.footer{display:flex;justify-content:space-between;color:#65717d;font-size:9px;margin-top:17px}.modal{position:fixed;inset:0;background:#020304e8;z-index:1500;display:grid;place-items:center;padding:15px}.modalbox{width:min(520px,100%);padding:20px;border:1px solid #2f3944;border-radius:20px;background:#11161d}.qrbox{display:grid;place-items:center;min-height:220px;background:#fff;border-radius:13px;padding:10px}
@media(max-width:950px){.c4{grid-template-columns:1fr 1fr}.c3,.guard{grid-template-columns:1fr}.modules{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shell{padding:12px}.title{align-items:flex-start;flex-direction:column}.title h2{font-size:24px}.c2,.two,.three{grid-template-columns:1fr}.biggrid{grid-template-columns:1fr 1fr}.modules{grid-template-columns:1fr}.footer{flex-direction:column;gap:5px}}