*{box-sizing:border-box}body{margin:0;color:#172d42;background:#f4f6f8;font:16px/1.6 Arial,"Malgun Gothic",sans-serif}header{background:#00529b;color:white;padding:22px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:#ffda1a;font-size:25px;letter-spacing:1px}.brand span{display:block;color:white;font-size:14px;font-weight:400;letter-spacing:0}main{max-width:1230px;margin:auto;padding:30px 25px}h1{font-size:clamp(28px,4vw,46px);line-height:1.3;margin:6px 0 24px}h2{font-size:22px;margin:0 0 12px}p{margin:8px 0 18px}button,input{font:inherit}button{border:1px solid #00529b;background:white;color:#00529b;padding:10px 22px;border-radius:4px;cursor:pointer;font-weight:bold}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #efb800;outline-offset:4px}.primary{background:#ffda1a;border-color:#ffda1a;color:#172d42}label{display:block;margin:15px 0}input:not([type=range]){width:100%;padding:12px;border:1px solid #788797;border-radius:3px;display:block;margin-top:5px}input[type=range]{width:100%;accent-color:#00529b}.login{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:white;padding:45px;margin-top:30px}.login form{max-width:410px}.eyebrow{color:#00529b;font-weight:bold;letter-spacing:2px;font-size:14px}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.heading span,footer{font-size:14px;color:#526475}.settings{border-top:5px solid #ffda1a;background:white;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:25px;margin:10px 0 35px}.sigma-control label{display:flex;justify-content:space-between;margin-top:0}.sigma-control strong{font-size:28px;color:#00529b}.range-labels{display:flex;justify-content:space-between;font-size:14px;margin:5px 0 16px}#save-status{display:block;font-size:14px;margin-top:8px}.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:35px}.device{text-align:left;padding:20px;background:white;border:2px solid #d6dfe7}.device.active{border-color:#00529b;box-shadow:inset 5px 0 #00529b}.device span{display:block;font-size:14px;font-weight:400}.device strong{display:block;font-size:22px}.summary{display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px}.summary>div,.charts>section,#details>section{padding:22px;background:white}.summary strong{font-size:24px}#anomaly{font-size:18px}.charts{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin:22px 0}.bar-row{margin:18px 0}.bar-label{display:flex;justify-content:space-between;font-size:14px}.bar{height:12px;background:#e6ebef;margin-top:6px}.bar i{display:block;height:100%;background:#00529b}.hour{display:grid;grid-template-columns:44px 1fr 105px;gap:8px;align-items:center;font-size:14px;padding:4px 0}.track{height:17px;position:relative;background:#f1f4f6}.track i{position:absolute;height:5px;top:2px;background:#00529b}.track b{position:absolute;height:5px;bottom:2px;background:#e4b900}.track em{position:absolute;height:100%;background:#cbd4dd}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #dce3e9}footer{padding:30px 0}#message:not(:empty){background:#fff0db;border-left:4px solid #c36b00;padding:15px}.warning{color:#b13826}[hidden]{display:none!important}@media(max-width:720px){header{padding:15px;align-items:flex-start}#account{display:none}main{padding:20px 15px}.login,.settings,.charts,.summary{grid-template-columns:1fr;gap:20px}.login{padding:25px}.heading{align-items:flex-start;flex-direction:column}.summary{gap:10px}.summary>div{padding:16px}.hour{grid-template-columns:40px 1fr 95px}}