:root{
  --bg:#05080d;--panel:#0a111a;--panel2:#0e1824;--line:#1d2d3f;
  --text:#f5f9fd;--muted:#8499ae;--green:#25e6a0;--blue:#3db7ff;
  --red:#ff6375;--amber:#ffc95d;--purple:#9a85ff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(900px 520px at 8% -8%,rgba(37,230,160,.10),transparent 62%),
radial-gradient(1000px 560px at 100% 0,rgba(61,183,255,.10),transparent 62%),var(--bg);
color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(480px,96vw);border:1px solid var(--line);background:linear-gradient(180deg,#0d1722,#081019);border-radius:24px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.brand{display:flex;align-items:center;gap:12px}.logo{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--green),var(--blue));color:#021016;font-weight:1000}.brand strong{font-size:16px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.login-card h1{font-size:34px;margin:24px 0 6px}.login-card p{color:var(--muted);font-size:12px;line-height:1.6}.field{display:grid;gap:6px;margin:13px 0}.field label{font-size:9px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.7px}.input,.select,.textarea{width:100%;border:1px solid #26384d;background:#071019;color:white;border-radius:10px;padding:11px 12px;font-size:11px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#3d86b8}.textarea{min-height:100px;resize:vertical}
.btn{border:1px solid #2b3e53;background:#0c1722;color:#dce9f5;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:900}.btn:hover{border-color:#52708e}.btn.primary{background:linear-gradient(135deg,var(--green),var(--blue));color:#031016;border-color:transparent}.btn.red{color:#ff9eaa;border-color:rgba(255,99,117,.34);background:rgba(255,99,117,.07)}.btn.amber{color:#ffd889;border-color:rgba(255,201,93,.34);background:rgba(255,201,93,.07)}.btn.green{color:#92ffd0;border-color:rgba(37,230,160,.34);background:rgba(37,230,160,.07)}.btn:disabled{opacity:.45;cursor:not-allowed}
.notice{border:1px solid #35485e;border-radius:10px;padding:9px 11px;font-size:10px;color:#bcd0e3;background:#08131d;margin-top:10px}.notice.good{border-color:#1d654e;color:#8dffd0}.notice.bad{border-color:#71303b;color:#ffacb6}
.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(5,9,14,.94);backdrop-filter:blur(14px);padding:18px 12px;overflow:auto}.side-brand{margin:4px 6px 22px}.nav-group{margin:15px 0}.nav-title{padding:0 9px 6px;color:#5f758a;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:1px}.sidebar a{display:flex;align-items:center;gap:8px;color:#91a6bb;text-decoration:none;padding:9px 10px;border-radius:9px;font-size:10px;font-weight:850;margin:2px}.sidebar a:hover,.sidebar a.active{background:#0f1b27;color:#fff}.nav-dot{width:6px;height:6px;border-radius:50%;background:#53697e}.active .nav-dot{background:var(--green);box-shadow:0 0 12px var(--green)}
.main{min-width:0}.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgba(5,8,13,.88);backdrop-filter:blur(18px);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.identity strong{font-size:12px}.identity span{display:block;color:var(--muted);font-size:9px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px}.connection{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 9px;color:#9bb0c5;font-size:9px}.connection i{width:7px;height:7px;border-radius:50%;background:#64748b}.connection.online i{background:var(--green);box-shadow:0 0 9px var(--green)}.content{max-width:1800px;margin:auto;padding:24px}
.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:4px 0 16px}.eyebrow{font-size:9px;color:var(--green);font-weight:950;text-transform:uppercase;letter-spacing:1.7px}.hero h1{font-size:clamp(32px,4vw,62px);line-height:.95;margin:7px 0}.hero p{max-width:800px;color:var(--muted);font-size:11px;line-height:1.55;margin:0}.build{font-size:9px;color:#99aec2;border:1px solid var(--line);padding:7px 9px;border-radius:999px;white-space:nowrap}
.emergency{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.emergency-item{border:1px solid var(--line);background:linear-gradient(180deg,#0d1722,#09111a);border-radius:14px;padding:12px}.emergency-item .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.emergency-item strong{font-size:10px}.emergency-item p{font-size:9px;color:var(--muted);line-height:1.4;margin:6px 0 9px}.toggle{display:inline-flex;border:1px solid #32465b;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:950}.toggle.on{color:#ff9ca8;border-color:#71303b;background:rgba(255,99,117,.08)}.toggle.off{color:#8fffd0;border-color:#235947;background:rgba(37,230,160,.06)}
.kpis{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:12px}.kpi,.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(14,24,36,.97),rgba(7,13,20,.98));border-radius:15px}.kpi{padding:12px}.kpi span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.4px}.kpi strong{display:block;font-size:21px;margin-top:7px}.positive{color:#74f6ba!important}.negative{color:#ff8492!important}.warning{color:#ffd67e!important}.muted{color:var(--muted)!important}
.grid{display:grid;grid-template-columns:1.3fr .7fr;gap:10px;margin-bottom:10px}.grid.equal{grid-template-columns:1fr 1fr}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:11px 13px}.card-head h2{font-size:12px;margin:0}.card-head span{font-size:8px;color:var(--muted)}.card-body{padding:12px}.toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:9px}.toolbar .input,.toolbar .select{width:auto;min-width:150px;padding:8px 9px}.table{overflow:auto;max-height:600px}table{width:100%;border-collapse:collapse;font-size:9px}th,td{padding:9px;border-bottom:1px solid #142333;text-align:left;vertical-align:middle;white-space:nowrap}th{position:sticky;top:0;background:#0b151f;z-index:1;color:#70869b;font-size:7px;text-transform:uppercase;letter-spacing:.5px}.user-cell strong{font-size:10px}.mini{color:var(--muted);font-size:8px;margin-top:2px}.pill{display:inline-flex;align-items:center;border:1px solid #2b3d50;border-radius:999px;padding:4px 6px;font-size:7px;font-weight:950}.pill.good{color:#84f7c1;border-color:#245844}.pill.bad{color:#ff98a4;border-color:#69313b}.pill.warn{color:#ffd37c;border-color:#66542d}.pill.blue{color:#8bd9ff;border-color:#28556a}.actions{display:flex;gap:4px}.actions .btn{padding:6px 7px;font-size:8px}
.alerts{display:grid;gap:7px}.alert{border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:10px;padding:9px 10px;background:#08121b}.alert.critical{border-left-color:var(--red)}.alert.warning{border-left-color:var(--amber)}.alert strong{font-size:9px}.alert p{margin:4px 0 0;color:#94a9bd;font-size:8px;line-height:1.4}.strategy-row{display:grid;grid-template-columns:1fr 70px 70px 80px 85px;gap:7px;padding:8px 0;border-bottom:1px solid #142333;align-items:center;font-size:9px}.strategy-row .name{font-weight:900}.incident{padding:9px 0;border-bottom:1px solid #142333}.incident strong{font-size:9px}.incident p{margin:4px 0 0;color:#93a8bc;font-size:8px;line-height:1.45}.quicklinks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quicklink{display:block;border:1px solid var(--line);background:#09131d;border-radius:12px;padding:12px;color:#dce9f6;text-decoration:none}.quicklink strong{display:block;font-size:10px}.quicklink span{display:block;margin-top:5px;color:var(--muted);font-size:8px;line-height:1.4}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.77);display:grid;place-items:center;z-index:100;padding:20px}.modal-card{width:min(1100px,96vw);max-height:92vh;overflow:auto;border:1px solid #2c4156;background:#07111a;border-radius:18px}.modal-head{position:sticky;top:0;z-index:2;background:#08121b;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px}.modal-head h2{font-size:14px;margin:0}.modal-body{padding:14px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail{border:1px solid var(--line);background:#09131d;border-radius:10px;padding:10px}.detail span{display:block;color:var(--muted);font-size:7px;text-transform:uppercase}.detail strong{display:block;margin-top:5px;font-size:10px}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.tab{border:1px solid var(--line);background:#09131d;color:#9fb2c6;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:900}.tab.active{color:#041016;background:linear-gradient(135deg,var(--green),var(--blue));border-color:transparent}.tabpane{display:none}.tabpane.active{display:block}
.mobilebar{display:none}
@media(max-width:1300px){.kpis{grid-template-columns:repeat(4,1fr)}.emergency{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.mobilebar{display:flex;overflow:auto;gap:6px;padding:8px 12px;border-bottom:1px solid var(--line)}.mobilebar a{white-space:nowrap;color:#9fb2c6;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:8px}.grid,.grid.equal{grid-template-columns:1fr}.content{padding:14px}.hero{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.kpis,.emergency{grid-template-columns:repeat(2,1fr)}.quicklinks{grid-template-columns:1fr}.topbar{padding:10px 12px}.top-actions .connection{display:none}.actions{flex-wrap:wrap}}