:root{--bg:#080f12;--panel:#122023;--panel2:#19292d;--border:#294048;--accent:#c8d7ba;--text:#f2f4ed;--muted:#9cb0ad}
body{background:radial-gradient(ellipse at 80% -20%,#25463d 0%,transparent 45%),radial-gradient(ellipse at 12% 90%,#102c32,transparent 42%),#080f12}
.brand,h1,h2,.metric,.lux-kpi b,.lux-host h3{font-family:Georgia,serif;letter-spacing:-.035em;font-weight:400}
h1{font-size:clamp(27px,3vw,39px)}h2{font-size:25px}.brand{letter-spacing:-.04em}
.side{background:linear-gradient(180deg,#0d1a1e,#0a1316);border-right:1px solid #283d40}
.side button{transition:background .2s,color .2s;border-radius:9px}
.side button:hover{background:#1c3133;color:#e4eee2}
.side button.selected{background:linear-gradient(135deg,#26473c,#1c3636);border:1px solid #37564c}
.box,.card{background:linear-gradient(135deg,rgba(29,48,48,.88),rgba(16,29,33,.93));border:1px solid #314a49;box-shadow:0 18px 50px rgba(0,0,0,.12);border-radius:16px}
button{border-radius:10px;transition:opacity .2s,transform .15s}button:not(:disabled):hover{transform:translateY(-1px)}
.lux-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin:10px 0 20px}
.lux-head p{margin:7px 0;color:var(--muted)}.lux-head h2{font-size:30px;margin:0}
.lux-eyebrow{color:#a9c7b5;font-size:10px;letter-spacing:.16em;font-weight:700;text-transform:uppercase}
.lux-live{display:inline-flex;align-items:center;gap:8px;color:#d5dad9;border:1px solid #475a5a;background:#1a292c;padding:7px 11px;border-radius:999px;white-space:nowrap;font-size:12px}
.lux-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#879b9c}
.lux-live.online{color:#c3edce;border-color:#2c6950;background:#173528}.lux-live.online i{background:#75d99e;box-shadow:0 0 12px #71e0a766}
.lux-live.warning{color:#f7dfac;border-color:#806536;background:#3d2f20}.lux-live.warning i{background:#e8b45e;box-shadow:0 0 10px #ffc36b77}
.lux-live.critical,.lux-live.offline{color:#ffbdbd;border-color:#9f464b;background:#3c2329}
.lux-live.critical i,.lux-live.offline i{background:#ff7979;box-shadow:0 0 10px #ff6b7588}
.lux-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.lux-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}
.lux-kpi{padding:17px 19px;background:linear-gradient(150deg,#1a3030,#102022);border:1px solid #324b46;border-radius:14px}
.lux-kpi span{display:block;color:#abc0bb;font-size:12px}.lux-kpi b{display:block;font-size:33px;margin-top:5px}
.lux-host{padding:22px;border:1px solid #34504d;background:linear-gradient(155deg,#192e2e,#101f23);border-radius:18px}
.lux-host-top,.lux-measure-head,.lux-host-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lux-host-top{align-items:start}.lux-host h3{font-size:23px;margin:7px 0}.lux-host p{margin:0 0 12px}
.lux-host-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}
.lux-host-tags span{font-size:11px;padding:6px 9px;border:1px solid #35504c;border-radius:6px;color:#bacdc8}
.lux-measure{margin:14px 0}.lux-measure-head{font-size:12px;color:#d7dfd8}.lux-measure-head strong{font-weight:500;color:#c3d1cb}
.lux-bar{height:6px;border-radius:8px;background:#2a3a3a;overflow:hidden;margin-top:9px}
.lux-bar-fill{height:100%;border-radius:8px;transition:width .5s;background:#91bea7}
.lux-bar-fill.warning{background:#e6b65e}.lux-bar-fill.critical{background:#e17a7c}
.lux-host-foot{color:#a7bbb6;font-size:11px;border-top:1px solid #35504b;padding-top:15px;margin-top:21px}
.lux-hint{color:#d1ae7c!important;font-size:12px;margin-top:10px!important}
.lux-panel{padding:21px;border:1px solid #314a49;border-radius:16px;background:linear-gradient(145deg,#192b2d,#101d20);margin:14px 0}
.lux-panel h3{font:normal 22px Georgia,serif;margin:0 0 15px}
.lux-event{display:flex;gap:12px;align-items:center;border-bottom:1px solid #294040;padding:11px 0}
.lux-event:last-child{border-bottom:0}.lux-event div{flex:1;display:flex;flex-direction:column;gap:2px;font-size:12px}
.lux-event div span,.lux-event time{font-size:11px;color:#a4b9b3}
.lux-account{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #294040;padding:10px 0}
.lux-account:last-child{border-bottom:0}.lux-account b{font-size:12px;font-weight:500}
.lux-account>span:last-child{color:#a6bcb4;font-size:12px}
.lux-empty{padding:24px;color:#9db0ab}
.lux-dash-indicator{display:flex;gap:13px;align-items:center;flex-wrap:wrap;padding:12px 16px;border:1px solid #3c5750;border-radius:13px;background:#172a2b;margin:0 0 20px;font-size:12px}
@media(max-width:1100px){.lux-grid{grid-template-columns:1fr}}
@media(max-width:700px){.lux-kpis{grid-template-columns:repeat(2,1fr)}.lux-host{padding:15px}.lux-host-top{flex-wrap:wrap}.lux-account{grid-template-columns:1fr;gap:5px}.lux-event{flex-wrap:wrap}}