:root{color-scheme:dark}body{background:#0b1320;color:#edf4ff}main{max-width:1200px;margin:80px auto;padding:0 28px}h1{font-size:clamp(40px,6vw,76px);line-height:1.06;letter-spacing:-3px;margin:22px 0}h1 em{color:#94b8ff;font-style:normal}.eyebrow{letter-spacing:2px;font-size:12px;color:#9caec9}.intro,.note,.events p{color:#a7b7cd;line-height:1.7}.intro{margin-bottom:45px}button,input{font:inherit;border:1px solid #354662;border-radius:10px;padding:13px 18px;background:#17263c;color:inherit}button{cursor:pointer}button:hover{background:#263c5c}form{padding:30px;background:#111e30;border:1px solid #293b54;border-radius:18px;max-width:450px}label{display:block;margin-bottom:12px}input{width:100%;box-sizing:border-box;margin-bottom:16px}form button{background:#a5c6ff;color:#0a172c}.bar{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #293b54}#updated{color:#9caec9}#cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(145deg,#16273f,#101b2c);border:1px solid #31445e;border-radius:18px;padding:25px}.card h2{font-size:23px;margin:22px 0 8px}.ip{color:#9caec9;font-family:monospace}.state{color:#85e1bb;font-size:13px}.off{color:#ffad9f}.metric{margin:23px 0}.metric label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px}.track{height:6px;background:#283b54;border-radius:20px;overflow:hidden}.fill{height:100%;background:#9abfff}.detail{color:#a7b7cd;font-size:13px;line-height:1.8}.events{margin-top:42px;padding:25px;border:1px solid #293b54;border-radius:18px}li{padding:12px 0;border-bottom:1px solid #26364b}#warning,#error{color:#ffbd9c}.note{font-size:13px}[hidden]{display:none!important}@media(max-width:850px){#cards{grid-template-columns:1fr}.bar{flex-direction:column}main{margin-top:45px}h1{letter-spacing:-1px}nav{flex-wrap:wrap;gap:12px}}

progress{width:100%;height:7px;border:0;border-radius:9px;overflow:hidden;background:#283b54}progress::-webkit-progress-bar{background:#283b54}progress::-webkit-progress-value{background:#9abfff}

main>.intro{padding:0;min-height:0;display:block;margin:0 0 32px}main{margin-top:48px}h1{font-size:clamp(38px,5vw,64px);margin:18px 0 22px}header nav{gap:22px}

.power-panel{margin-top:24px;padding-top:18px;border-top:1px solid #354662}.power-panel p{font-size:12px;color:#a7b7cd;margin-bottom:12px}.power-actions{display:flex;flex-wrap:wrap;gap:8px}.power-actions button{font-size:12px;padding:10px 12px}button:disabled{opacity:.4;cursor:default}#provider-note,#power-message{color:#a8c7ed;margin-bottom:14px;line-height:1.6}dialog{color:#edf4ff;background:#152238;border:1px solid #526b8f;border-radius:16px;max-width:480px;padding:30px}dialog p{line-height:1.7;margin:20px 0}dialog::backdrop{background:#000a}

.lease{margin-top:18px;padding:12px;border:1px solid #354662;border-radius:10px;font-size:13px;color:#b9ccec;line-height:1.7}.lease.soon{border-color:#be8755;color:#ffd199}.lease.urgent{border-color:#d07575;color:#ffb2b2}.graph-controls{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}.graph-controls label{font-size:13px;color:#a7b7cd}.graph-controls select{display:block;margin-top:8px;padding:12px;background:#152238;color:#edf4ff;border:1px solid #354662;border-radius:8px;font:inherit;min-width:170px}.legend{display:flex;gap:20px;font-size:13px}.legend span:nth-child(1){color:#94b8ff}.legend span:nth-child(2){color:#85e1bb}.legend span:nth-child(3){color:#ffd199}#load-graph svg{display:block;width:100%;height:auto;min-height:180px;max-height:340px}.chart-grid{stroke:#33465e;stroke-width:1}.chart-cpu{stroke:#94b8ff}.chart-ram{stroke:#85e1bb}.chart-disk{stroke:#ffd199}.chart-line{fill:none;stroke-width:2.5;stroke-linejoin:round}.chart-label{fill:#9caec9;font-size:11px}.chart-dot{stroke:none}.history-scroll{overflow:auto}table.history{width:100%;border-collapse:collapse;font-size:13px;min-width:550px}table.history td,table.history th{text-align:left;padding:14px 10px;border-bottom:1px solid #293b54;vertical-align:top}table.history th{color:#a7b7cd;font-weight:500}.history-state{white-space:nowrap}
