:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17221d;background:#f4f2eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:42px max(5vw,24px);background:#17372b;color:white;display:flex;justify-content:space-between;align-items:end;gap:24px}header h1{font-size:clamp(34px,5vw,58px);letter-spacing:-2px;margin:2px 0}header p{margin:0;color:#bad0c6}.eyebrow{font-size:12px!important;letter-spacing:2px;color:#e0b865!important}main{max-width:1200px;margin:auto;padding:35px 24px 80px}section{margin-bottom:42px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}h2{font-size:22px;margin:0}button{border:1px solid #c8c8be;border-radius:9px;padding:10px 14px;background:#fff;cursor:pointer;font-weight:650;color:#24342c}button:hover{filter:brightness(.96)}button.primary{background:#dfad43;color:#182218;border:0;padding:13px 18px}.signal-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.card{background:white;border:1px solid #deddd4;border-radius:14px;padding:18px;box-shadow:0 5px 20px #263b2b0a}.card-head{display:flex;justify-content:space-between;gap:10px}.card h3{margin:0 0 3px}.muted{color:#78827c;font-size:13px}.status{font-size:12px;font-weight:800;border-radius:999px;padding:5px 9px;height:max-content}.online{background:#d9f5df;color:#17692c}.offline{background:#ecebe6;color:#777}.card-actions{display:flex;gap:8px;margin-top:18px}.card-actions button:first-child{flex:1;background:#224d3b;color:#fff;border:0}.danger{color:#a4382e}.table-wrap{background:white;border:1px solid #deddd4;border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #ecebe4;white-space:nowrap}th{font-size:12px;color:#778078;text-transform:uppercase;letter-spacing:.7px}.toggle{accent-color:#1c6c48;width:18px;height:18px}.timeline{display:grid;gap:8px}.event{background:white;border-left:4px solid #d9a335;padding:12px 15px;border-radius:5px 10px 10px 5px;display:flex;justify-content:space-between;gap:12px}.event strong{font-family:ui-monospace,monospace;font-size:12px}.event span{color:#68736c;font-size:13px}dialog{border:0;border-radius:15px;padding:0;box-shadow:0 25px 80px #0005;min-width:min(430px,90vw)}dialog::backdrop{background:#0b1914aa}form{padding:25px;display:grid;gap:16px}form h3{font-size:23px;margin:0}label{display:grid;gap:7px;font-size:13px;font-weight:650}input,select{font:inherit;padding:11px;border:1px solid #c9cac3;border-radius:8px;background:white}fieldset{border:1px solid #d7d7cf;border-radius:9px}.days{display:flex;gap:8px;flex-wrap:wrap}.days label{display:flex;align-items:center;gap:3px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}#toast{position:fixed;right:22px;bottom:22px;background:#172b22;color:white;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:600px){header{align-items:start;gap:20px;flex-direction:column}.signal-buttons{width:100%;justify-content:flex-start}.signal-buttons button{flex:1}.event{flex-direction:column}}