:root{--bg:#070b16;--bg2:#0f172a;--panel:#111827;--panel2:#172033;--text:#e5e7eb;--muted:#94a3b8;--line:#334155;--line2:#1f2937;--ok:#10b981;--danger:#ef4444;--warn:#f59e0b;--accent:#38bdf8;--purple:#8b5cf6;--orange:#f97316;--cyan:#06b6d4}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,#111827,#020617 52%,#05070d);color:var(--text)}button,input,select,textarea{font:inherit}button{border:0;border-radius:12px;padding:11px 14px;background:var(--accent);color:#001018;font-weight:800;cursor:pointer;transition:.15s}button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#263449;color:var(--text)}.danger{background:var(--danger);color:white}.mini{padding:7px 10px;border-radius:9px;font-size:12px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.panel{background:rgba(12,18,32,.94);border:1px solid var(--line2);border-radius:18px;padding:20px;box-shadow:0 18px 48px rgba(0,0,0,.25);margin-bottom:16px}.login .panel{width:min(430px,100%)}h1,h2,h3{margin:0 0 12px}label{display:block;margin:10px 0 6px;color:#cbd5e1;font-size:13px}input,select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:#020617;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,189,248,.12)}.muted{color:var(--muted)}.small{font-size:12px}.error{color:#fecaca;background:#7f1d1d;border:1px solid #991b1b;padding:10px;border-radius:10px}.ok{color:#dcfce7;background:#14532d;border:1px solid #166534;padding:10px;border-radius:10px}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:rgba(2,6,23,.88);border-right:1px solid var(--line2);padding:20px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:12px}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--ok));color:#001018;font-weight:900}.brand b{display:block;font-size:20px}.brand small{color:var(--muted)}.sideNav{display:grid;gap:8px}.sideNav button{display:flex;align-items:center;gap:11px;justify-content:flex-start;background:transparent;color:#cbd5e1;border:1px solid transparent;text-align:left}.sideNav button span{width:24px;text-align:center;color:var(--accent)}.sideNav button.active{background:linear-gradient(90deg,rgba(56,189,248,.18),rgba(56,189,248,.05));border-color:#164e63;color:#f8fafc}.userBox{margin-top:auto;border:1px solid var(--line2);border-radius:16px;padding:14px;background:#071122}.userBox b,.userBox span{display:block}.userBox span{font-size:12px;color:var(--muted);margin:4px 0 12px;text-transform:uppercase}.main{padding:24px;max-width:1480px;width:100%;margin:0 auto}.pageTop{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.pageTop h1{font-size:30px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:12px;color:var(--accent);margin:0 0 6px}.topActions{display:flex;gap:8px}.wrap{max-width:1320px;margin:auto;padding:22px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px}.tabs,.adminTabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs button.active{background:#e5e7eb;color:#020617}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.formgrid.compact{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.full{grid-column:1/-1}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.timerCard{border:1px solid var(--line2);background:linear-gradient(180deg,#101827,#0b1220);border-radius:16px;padding:16px;margin:10px 0;display:flex;justify-content:space-between;gap:12px}.pill{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:999px;background:#075985;color:#e0f2fe;font-size:12px}.pill.warn{background:#78350f;color:#fef3c7}.time{font-size:22px;font-weight:900;margin:8px 0 0;color:#f8fafc}.tableWrap{overflow:auto;border:1px solid var(--line2);border-radius:14px;margin-top:12px}table{border-collapse:collapse;width:100%;min-width:860px;background:#020617}th,td{border-bottom:1px solid #182235;padding:11px;text-align:left;vertical-align:top;font-size:13px}th{position:sticky;top:0;background:#111827;color:#cbd5e1;text-transform:uppercase;font-size:11px;letter-spacing:.04em}tr:hover td{background:#0b1220}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.kpi{background:linear-gradient(180deg,#08101f,#030712);border:1px solid var(--line2);border-radius:18px;padding:18px;border-left:4px solid var(--accent);min-height:120px}.kpi p{margin:0 0 8px;color:var(--muted)}.kpi b{display:block;font-size:30px;line-height:1.1}.kpi span{display:block;margin-top:8px;color:var(--muted);font-size:13px}.kpi.green{border-left-color:var(--ok)}.kpi.purple{border-left-color:var(--purple)}.kpi.orange{border-left-color:var(--orange)}.kpi.yellow{border-left-color:var(--warn)}.kpi.red{border-left-color:var(--danger)}.kpi.cyan{border-left-color:var(--cyan)}.dashPanel{margin-bottom:16px}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sectionHead h2{margin:0}.sectionHead span{color:var(--muted);font-size:13px}.search{max-width:360px}.stack{height:18px;border-radius:999px;overflow:hidden;background:#1f2937;display:flex;margin:18px 0}.seg.green{background:var(--ok)}.seg.red{background:var(--danger)}.seg.cyan{background:var(--cyan)}.seg.orange{background:var(--orange)}.seg.purple{background:var(--purple)}.legend{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px}.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px}.dot.green{background:var(--ok)}.dot.red{background:var(--danger)}.dot.cyan{background:var(--cyan)}.dot.orange{background:var(--orange)}.mutedDot{background:#64748b}.right{text-align:right}.bars{display:grid;gap:10px}.barRow{display:grid;grid-template-columns:155px 1fr 90px;gap:10px;align-items:center}.barRow span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barRow div{height:24px;border-radius:7px;background:#020617;overflow:hidden}.barRow b{font-size:12px;text-align:right}.bar{display:block;height:100%;border-radius:7px}.bar.c0{background:var(--cyan)}.bar.c1{background:var(--purple)}.bar.c2{background:var(--warn)}.bar.c3{background:var(--danger)}.bar.c4{background:var(--ok)}.bar.c5{background:#94a3b8}.opsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.opCard{border:1px solid var(--line2);border-radius:16px;padding:14px;background:#06101e}.opCard.ok{border-left:4px solid var(--ok)}.opCard.warn{border-left:4px solid var(--warn)}.opCard.off{border-left:4px solid #64748b}.opHead{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.opHead i{font-style:normal;border-radius:999px;padding:2px 7px;background:#0f172a}.opCard h3{margin:9px 0 4px}.opCard p{margin:0;color:#cbd5e1}.opCard b{display:block;font-size:26px;margin:10px 0 2px}.opCard small,.opCard em{display:block;color:var(--muted);font-style:normal;font-size:12px}.statusStrip{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:14px}.btGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.btCard{min-height:190px;border:1px solid var(--line2);border-radius:18px;padding:15px;background:linear-gradient(180deg,#0b1220,#050a13);position:relative;overflow:hidden}.btCard:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:#64748b}.btCard.okState:before{background:var(--ok)}.btCard.warnState:before{background:var(--warn)}.btCard.dangerState:before{background:var(--danger)}.btCode{font-size:12px;color:var(--accent);font-weight:900;text-transform:uppercase}.btCard h3{margin:8px 0 5px;font-size:17px}.btCard p{min-height:38px;color:#cbd5e1;margin:0 0 10px;font-size:13px}.btCard span,.btCard small,.btCard em{display:block;color:var(--muted);font-style:normal;font-size:12px}.btCard strong{display:block;margin:8px 0;color:#f8fafc}.btCard b{display:block;font-size:29px;margin:6px 0}.btCard.off{opacity:.72}.adminTabs{margin-top:0}@media(max-width:1180px){.opsGrid,.btGrid,.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:240px 1fr}}@media(max-width:900px){.shell{display:block}.sidebar{position:static;height:auto}.sideNav{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:14px}.grid2,.formgrid,.formgrid.compact{grid-template-columns:1fr}.timerCard{display:block}.actions{margin-top:12px}.kpis,.opsGrid,.btGrid{grid-template-columns:1fr}.barRow{grid-template-columns:105px 1fr 72px}.legend{display:grid;gap:8px}.sectionHead{display:block}.search{max-width:none;margin-top:10px}.pageTop{align-items:flex-start}.topActions{margin-top:4px}}