:root{font-family:Inter,Segoe UI,sans-serif;color:#dce6f4;background:#0b1120;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}aside{width:232px;position:fixed;inset:0 auto 0 0;background:#101827;border-right:1px solid #243047;padding:30px 22px}.brand{font-size:20px;color:#65d8c5}.brand strong{color:#eef3fb;font-weight:650}.sub{font-size:9px;letter-spacing:1.5px;margin-top:14px;color:#7e8da8}nav{display:grid;gap:9px;margin-top:45px}nav a{color:#9eacc3;text-decoration:none;padding:13px;border-radius:7px}nav a.active{background:#183735;color:#76dfce}.aside-bottom{position:absolute;bottom:30px;line-height:2;color:#b8c5d9}.aside-bottom small{color:#7e8da8}.dot{display:inline-block;width:7px;height:7px;background:#54d3af;border-radius:50%;margin-right:5px}main{max-width:1800px;margin-left:232px;padding:40px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#91a1bb}h1{font-size:30px;letter-spacing:-.8px;margin:10px 0}p{color:#8e9eb7;margin:6px 0;line-height:1.6}button{border:0;border-radius:6px;background:#62d6bd;color:#082c26;padding:11px 16px;cursor:pointer;font-weight:650}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#1b293d;color:#bdcbe1;border:1px solid #30415a;padding:7px 11px}.toolbar{display:flex;gap:10px;align-items:center;font-size:12px;color:#8e9eb7;margin-bottom:20px}.toolbar span{margin-right:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{border:1px solid #27344b;background:#121d2e;border-radius:9px;padding:20px}.stat span{font-size:12px;color:#99abc5}.stat strong{display:block;font-size:32px;margin-top:12px;font-weight:600}.stat small{color:#8192ac;font-size:11px}.panel{background:#111b2b;border:1px solid #27344b;border-radius:9px;margin-bottom:24px;overflow:hidden}.panel-head{padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}h2{font-size:17px;margin:0}h3{font-size:17px}.panel-head p{font-size:12px}.filters{display:flex;gap:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#152032;font-weight:500;color:#8192ac;font-size:11px;text-transform:uppercase;letter-spacing:.6px}td,th{padding:15px 20px;border-bottom:1px solid #223047}td{font-size:12px}td small{display:block;color:#8293ad;margin-top:6px}td strong{font-weight:550;font-size:13px}.badge{display:inline-block;padding:5px 8px;border-radius:5px;font-size:11px;background:#233047;color:#b1bed1}.up{color:#66dec0;background:#143931}.down{color:#ff939f;background:#482530}.warning,.pending{color:#f4cd80;background:#3f3524}.unknown,.paused{color:#acb9d1;background:#263248}.actions{display:flex;gap:5px}.actions button{font-size:11px;padding:6px 8px}.event{padding:15px 22px;border-top:1px solid #243047;display:flex;align-items:center;gap:14px}.event div{flex:1}.event small{color:#8496b1;display:block;margin-top:5px}footer{font-size:11px;color:#7789a6;padding:0 2px}input,select{background:#0c1626;border:1px solid #30415a;border-radius:5px;color:#dce6f4;padding:10px;min-width:0}input:focus,select:focus{outline:1px solid #62d6bd}label{display:grid;gap:8px;font-size:12px;color:#b1c0d7;margin:15px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:center}.hint{font-size:11px}dialog{background:#121d2e;color:#dce6f4;border:1px solid #3a4c68;border-radius:10px;padding:25px;width:600px;max-width:95vw;max-height:90vh}dialog::backdrop{background:#030814bb}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}#error,#form-error{color:#ffadb4}#error{padding:15px;background:#482530;border-radius:6px;margin-bottom:15px}#empty{text-align:center;padding:45px}#empty button{margin-top:20px}#login{padding:25px;border:1px solid #30415a;margin-bottom:20px;border-radius:8px}#login-form{display:flex;gap:10px;margin-top:15px}#history{width:1000px}.history-table{max-height:350px}#chart svg{width:100%;height:150px;margin:20px 0;background:#0c1626;border-radius:6px}#chart p{padding:20px}button:focus-visible,a:focus-visible{outline:2px solid #a0f6df;outline-offset:3px}[hidden]{display:none!important}@media(max-width:1150px){aside{width:190px}main{margin-left:190px;padding:25px}.panel-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{position:static;width:auto;padding:18px}.sub,nav,.aside-bottom{display:none}main{margin:0;padding:18px}header{align-items:flex-start;flex-direction:column}h1{font-size:26px}.filters{width:100%;flex-wrap:wrap}.filters input{flex:1}.grid{grid-template-columns:1fr;gap:0}.event{flex-wrap:wrap}.stats{gap:10px}.stat{padding:15px}}

@media(max-width:700px){aside nav{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}nav a{padding:9px 12px;font-size:12px}}

.brand-logo{display:block;background:#fff;border-radius:8px;padding:10px;line-height:0}.brand-logo img{display:block;width:100%;height:auto}.brand-logo:focus-visible{outline:2px solid #f5a51d;outline-offset:4px}