:root{font-family:Inter,Arial,sans-serif;color:#172036;background:#f3f5fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e1e5ed;padding:24px 5vw;display:flex;align-items:center;gap:40px}.wordmark{font-weight:900;font-size:34px;letter-spacing:-2px;color:#0800f0}.wordmark span{display:block;font-size:8px;letter-spacing:2px}.product{font-weight:700;font-size:14px;letter-spacing:2px;border-left:1px solid #ddd;padding-left:28px}.product span{display:block;font-size:9px;letter-spacing:1px;color:#69748a;margin-top:6px}header button{margin-left:auto}main{max-width:1280px;margin:auto;padding:24px 4vw 64px}.pilot{font-size:12px;color:#68521c;background:#fff6df;padding:12px 16px;border-radius:8px}h1{font-size:36px;letter-spacing:-1px;margin:8px 0 12px}h2{margin:8px 0}h3{margin:12px 0 20px}p{line-height:1.6;color:#667085}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#0800f0;margin:0}.panel{background:white;border:1px solid #e2e6ef;border-radius:14px;padding:28px;margin:20px 0;box-shadow:0 5px 18px #16214b04}.narrow{max-width:470px;margin:48px auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:36px 0 20px}.heading p{margin-bottom:0}label{display:block;font-size:13px;font-weight:600;margin:16px 0}input,select{display:block;width:100%;border:1px solid #cdd4e0;padding:12px;border-radius:7px;margin-top:8px;background:white;color:#172036;font:inherit}button{border:1px solid #ced5e1;background:white;border-radius:7px;padding:12px 18px;color:#172036;font-weight:600;cursor:pointer}button:hover{background:#eef0ff}.primary{background:#0800f0;color:white;border-color:#0800f0}.primary:hover{background:#241ed0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9c98ff;outline-offset:3px}.site-title{display:flex;gap:24px;align-items:center;margin-bottom:28px}.site-title img{max-width:120px;max-height:62px;object-fit:contain}.site-title div{margin-left:auto;text-align:right}.device-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.camera,.weather{border-radius:10px;padding:28px;min-height:240px}.camera{background:linear-gradient(125deg,#17213a,#253652);color:white;display:flex;flex-direction:column;justify-content:center}.camera p{color:#c1cbdc}.camera .eyebrow{color:#a8b4ff}.weather{background:#f6f8fc;border:1px solid #e5e9f1}.device-status{max-width:430px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hint{font-size:12px}fieldset{border:1px solid #e0e5ee;border-radius:8px;margin:20px 0;padding:14px}legend{font-size:14px;font-weight:600}input[type=checkbox]{display:inline-block;width:auto;margin:0 8px 0 0}.check{font-weight:400}#notice:empty{display:none}#notice{background:#eaeaff;color:#292477;padding:12px;border-radius:8px}footer{padding:24px 5vw;border-top:1px solid #dce1eb;font-size:12px;color:#667085;display:flex;justify-content:space-between;gap:20px}[hidden]{display:none!important}@media(max-width:700px){header{gap:18px;padding:18px}.product{padding-left:16px}.product span{max-width:90px;line-height:1.5}main{padding:18px}h1{font-size:28px}.panel{padding:20px}.device-grid,.admin-grid{grid-template-columns:1fr}.site-title{flex-wrap:wrap}.site-title div{width:100%;text-align:left;margin:0}.heading{align-items:flex-start}.camera,.weather{min-height:180px}footer{display:block}footer span{display:block;margin-top:12px}header button{padding:8px;font-size:12px}}

.mock-label{font-weight:700;font-size:11px;letter-spacing:1px;color:#5b42aa}.weather-badge{display:inline-block;border-radius:5px;padding:6px 9px;font-size:12px;background:#e5eafa;color:#324477}.weather-badge.stale{background:#fff0cc;color:#805b00}.weather-badge.offline,.weather-badge.no_data{background:#ebeef2;color:#526074}.weather-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.weather-metrics dt{font-size:12px;color:#69748a}.weather-metrics dd{font-size:20px;font-weight:600;margin:6px 0}.weather-detail time{overflow-wrap:anywhere}.weather{min-width:0}.weather-detail p{overflow-wrap:anywhere}

.camera video{width:100%;max-height:360px;background:#000;border-radius:8px;margin:12px 0}.camera .mock-video-label{color:#fff0b3;font-size:11px;font-weight:700;letter-spacing:1px}.camera .mock-play{align-self:flex-start;margin-top:12px}.camera .mock-player-status{max-width:520px}.camera{min-width:0}

dialog{max-width:960px;width:calc(100% - 48px);max-height:85vh;overflow:auto;border:1px solid #536170;border-radius:12px;padding:24px}dialog::backdrop{background:rgba(0,0,0,.65)}
.history{margin-top:16px;min-width:0}.history summary{cursor:pointer;font-weight:600}.history-chart{display:block;width:100%;max-height:130px;background:#e9eef4}.history-chart circle{fill:#215da8}.history-table{max-width:100%;overflow:auto}.history-table td,.history-table th{padding:6px;text-align:left;white-space:nowrap}

.admin-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 24px}.admin-navigation button[aria-pressed=true]{background:#172036;color:white}.admin-grid:has(>section[hidden]){grid-template-columns:1fr}.inventory-group{margin:20px 0}.inventory-group details,.membership-select{padding:12px 0;border-bottom:1px solid #e5e9f1}summary{cursor:pointer;font-weight:600;line-height:1.5}.access-entry{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid #e5e9f1}.access-entry time,.access-entry small{font-size:12px;color:#667085;overflow-wrap:anywhere}.history select{max-width:100%;margin:12px 0}.weather-detail>time{display:block;margin-bottom:12px}.weather-detail details p{margin:8px 0}.panel>[data-admin-section][hidden]{display:none}.history-chart{width:100%;max-height:200px}nav button{margin:0}