:root{--navy:#06354a;--cyan:#00a6c7;--blue:#087ca7;--green:#08a66c;--red:#d63c4f;--ink:#163646;--muted:#6f8796;--bg:#f2f7f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px max(20px,calc((100% - 1180px)/2));border-bottom:1px solid #dbe8ed}.brand{display:flex;align-items:center;gap:11px}.brand b,.brand small{display:block}.brand small{color:var(--muted)}.bolt{font-size:26px}.connection{display:flex;align-items:center;gap:8px;font-weight:700}.connection i{width:10px;height:10px;border-radius:50%;background:#aaa}.connection i.online{background:var(--green);box-shadow:0 0 0 5px #08a66c20}.connection i.offline{background:var(--red)}main{max-width:1180px;margin:auto;padding:34px 20px}.hero{background:linear-gradient(115deg,var(--navy),#08617a);color:#fff;border-radius:20px;padding:34px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:#49c9e0;margin:0}.hero h1{margin:5px 0;font-size:34px}.hero p{color:#c9e5ef}.contactor{min-width:260px;background:#ffffff13;padding:20px;border:1px solid #ffffff20;border-radius:16px}.contactor span{display:block;color:#c9e5ef}.contactor strong{font-size:30px;display:block;margin:2px 0 14px}.contactor button{border:0;padding:10px 18px;border-radius:9px;font-weight:800;cursor:pointer}.contactor .on{background:var(--green);color:white}.contactor .off{background:#fff;color:var(--red);margin-left:7px}.notice{padding:13px 16px;margin-top:16px;border-radius:10px;background:#fff5cb;color:#795d00}.hidden{display:none!important}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 34px}.summary article,.cards article,.logs{background:white;border:1px solid #dfeaf0;border-radius:16px;box-shadow:0 7px 22px #17445b0a}.summary article{padding:23px;border-left:5px solid var(--cyan)}.summary span,.cards span{color:var(--muted)}.summary strong{display:block;font-size:29px;margin:5px 0}.summary small{color:#8ba0ae}h2{font-size:20px;margin:25px 0 13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards article{padding:20px;position:relative;overflow:hidden}.cards article:after{content:"";position:absolute;right:-12px;top:-12px;width:52px;height:52px;border-radius:50%;background:#00a6c710}.cards b{display:block;font-size:27px;margin-top:6px}.cards em{font-size:13px;color:#8ca0ae;font-style:normal}.logs{margin-top:38px;padding:25px}.section-head{display:flex;align-items:end;justify-content:space-between}.section-head h2{margin:2px 0}.section-head>span{color:var(--muted);font-size:13px}.table-wrap{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:12px;border-bottom:1px solid #e6eef2}th{color:#637b8d;font-size:12px;text-transform:uppercase}.pill{padding:4px 9px;border-radius:10px;font-size:12px;font-weight:bold}.pill.ON{background:#d8f7e9;color:#087848}.pill.OFF{background:#ffe2e5;color:#ae2537}.danger-zone{border-top:1px solid #e6eef2;margin-top:22px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:18px}.danger-zone b,.danger-zone small{display:block}.danger-zone small{color:var(--muted);margin-top:3px}.danger-actions{display:flex;gap:9px;flex-wrap:wrap}.danger-button{border:0;border-radius:9px;background:var(--red);color:#fff;padding:10px 14px;font-weight:800;cursor:pointer}.danger-button.secondary{background:#fff;color:var(--red);border:1px solid #efb9c0}.modal{position:fixed;inset:0;background:#071d29b8;display:grid;place-items:center;padding:20px;z-index:20}.modal-card{width:min(470px,100%);background:#fff;border-radius:17px;padding:26px;box-shadow:0 24px 80px #00101b55;position:relative}.modal-card h2{margin:6px 0}.modal-card>p:not(.eyebrow):not(.modal-error){color:var(--muted)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:25px;color:#718896;cursor:pointer}.modal-card label{display:block;font-weight:700;margin:18px 0 7px}.modal-card input{width:100%;border:1px solid #cbdce3;border-radius:9px;padding:12px;font:inherit}.modal-card input:focus{outline:2px solid #00a6c740;border-color:var(--cyan)}.modal-error{background:#ffe7e9;color:#a62132;border-radius:8px;padding:9px 11px;margin:10px 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.modal-actions button{border:0;border-radius:9px;padding:11px 14px;font-weight:800;cursor:pointer}.cancel-button{background:#e8f0f3;color:var(--ink)}.confirm-delete{background:var(--red);color:#fff}.confirm-delete:disabled{opacity:.65;cursor:wait}footer{text-align:center;color:#748a99;padding:30px}@media(max-width:760px){.hero{align-items:stretch;flex-direction:column;gap:24px}.summary,.cards,.cards.four{grid-template-columns:1fr 1fr}.contactor{min-width:0}.danger-zone{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.summary,.cards,.cards.four{grid-template-columns:1fr}.connection span{display:none}main{padding:24px 14px}.hero{padding:24px}.section-head>span{display:none}.danger-actions,.danger-button{width:100%}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}