*{box-sizing:border-box}body{margin:0;background:#001923;color:#f4f7f8;font:15px system-ui,sans-serif}main{max-width:680px;margin:auto;padding:22px 16px 40px}h1{text-align:center;font-size:28px}section{background:#052531;border:1px solid #174354;border-radius:17px;padding:17px;margin:17px 0}h2{margin:0 0 17px;font-size:21px;border-bottom:3px solid #ee0750;padding-bottom:8px;width:max-content}.heads,.triple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.heads{font-size:12px;letter-spacing:1px;text-align:center;margin-bottom:8px}.metric{margin:13px 0 18px}.metric-title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:7px}.metric-title strong{text-align:center;font-size:14px}.toggle{display:flex;align-items:center;gap:5px;color:#b8c9cf;font-size:12px}.toggle input{width:22px;height:22px;accent-color:#ed0750}.metric.off .triple{opacity:.35}.period{margin:14px 0}.period h3{margin:0 0 7px}.timegrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timegrid label{display:grid;gap:5px}input:not([type=checkbox]),select{width:100%;padding:11px;border:1px solid #477082;border-radius:10px;background:#092d3b;color:white;font:600 16px system-ui;text-align:center}.hint{color:#9eb2ba;font-size:13px}button{width:100%;padding:15px;border:0;border-radius:12px;background:#ed0750;color:white;font:700 16px system-ui}button:disabled{opacity:.45}#status{font-weight:600}@media(max-width:460px){.heads,.triple{gap:5px}.heads{font-size:10px}section{padding:14px 10px}.metric-title strong{font-size:13px}.toggle span{display:none}}