:root{
  --bg:#050915;--bg2:#081226;--panel:#0c172d;--panel2:#111f3d;--card:#0f1b33;--line:#263755;--line2:#345071;
  --text:#e7eefc;--muted:#93a7c8;--muted2:#657998;--accent:#59d0ff;--accent2:#9c7cff;
  --ok:#43e289;--warn:#ffd166;--bad:#ff6b8b;--shadow:0 20px 60px rgba(0,0,0,.32);
  --radius:22px;--radius2:15px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box} html,body{min-height:100%;margin:0} body{font-family:var(--font);background:radial-gradient(900px 500px at 75% 0%,rgba(89,208,255,.18),transparent 58%),radial-gradient(700px 420px at 12% 8%,rgba(156,124,255,.14),transparent 55%),linear-gradient(180deg,var(--bg),#030610 100%);color:var(--text);}
a{color:inherit}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.muted{color:var(--muted)}.hidden{display:none!important}
.glass{background:linear-gradient(180deg,rgba(16,31,61,.86),rgba(10,18,34,.80));border:1px solid rgba(89,208,255,.12);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.glass-lite{background:linear-gradient(180deg,rgba(15,27,51,.82),rgba(9,17,33,.76));border:1px solid rgba(147,167,200,.13);box-shadow:0 12px 38px rgba(0,0,0,.22)}
.btn,.iconbtn,.tab,.pill-btn{appearance:none;border:1px solid rgba(89,208,255,.22);background:linear-gradient(180deg,rgba(89,208,255,.12),rgba(89,208,255,.045));color:var(--text);border-radius:14px;padding:10px 13px;font:inherit;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:.16s ease}.btn:hover,.iconbtn:hover,.tab:hover,.pill-btn:hover{transform:translateY(-1px);border-color:rgba(89,208,255,.5);background:linear-gradient(180deg,rgba(89,208,255,.2),rgba(89,208,255,.08))}.btn.danger{border-color:rgba(255,107,139,.35);background:rgba(255,107,139,.08)}.btn.ghost{background:rgba(255,255,255,.035);border-color:rgba(147,167,200,.18)}.iconbtn{width:42px;height:42px;padding:0}.tab.active{border-color:rgba(89,208,255,.72);box-shadow:0 0 0 3px rgba(89,208,255,.12);background:linear-gradient(180deg,rgba(89,208,255,.24),rgba(89,208,255,.08))}
.inp,select,textarea{width:100%;border:1px solid rgba(147,167,200,.2);background:rgba(7,14,28,.78);color:var(--text);border-radius:14px;padding:11px 12px;font:inherit;outline:none}.inp:focus,select:focus,textarea:focus{border-color:rgba(89,208,255,.55);box-shadow:0 0 0 3px rgba(89,208,255,.1)}textarea{min-height:100px;resize:vertical}label{display:grid;gap:7px;font-size:12px;font-weight:780;color:var(--muted);letter-spacing:.03em;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .wide{grid-column:1/-1}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.error{color:var(--bad)}.ok{color:var(--ok)}.warn{color:var(--warn)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{padding:18px;border-radius:20px}.kpi .label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.kpi .value{font-size:30px;font-weight:850;margin-top:8px}.kpi .sub{color:var(--muted);font-size:13px;margin-top:4px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{padding:18px;border-radius:20px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.card-title{font-size:17px;font-weight:850}.card-sub{font-size:13px;color:var(--muted);margin-top:3px}.table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(147,167,200,.12)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 13px;text-align:left;border-bottom:1px solid rgba(147,167,200,.10);font-size:14px}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em;background:rgba(255,255,255,.025)}tr:hover td{background:rgba(89,208,255,.035)}.status{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(147,167,200,.16);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.dot{width:8px;height:8px;border-radius:99px;background:var(--muted)}.status.online .dot{background:var(--ok);box-shadow:0 0 0 4px rgba(67,226,137,.12)}.status.warning .dot{background:var(--warn);box-shadow:0 0 0 4px rgba(255,209,102,.12)}.status.offline .dot,.status.failed .dot{background:var(--bad);box-shadow:0 0 0 4px rgba(255,107,139,.12)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid rgba(147,167,200,.15);padding:6px 9px;color:var(--muted);font-size:12px}.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.toast{position:fixed;right:18px;bottom:18px;z-index:60;max-width:460px;padding:14px 16px;border-radius:16px;background:rgba(8,16,30,.96);border:1px solid rgba(89,208,255,.22);box-shadow:var(--shadow)}.empty{padding:30px;text-align:center;color:var(--muted)}
@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}@media (max-width:760px){.kpi-grid,.cards-grid{grid-template-columns:1fr}.topnav-inner{grid-template-columns:1fr!important}.tabs{justify-content:flex-start;overflow:auto}.v2-shell{grid-template-columns:1fr!important}.sidebar{position:static!important}.wrap{padding:12px!important}}