:root{color:#10223a;font-synthesis:none;background:#f3f6f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.muted{color:#66758a}.eyebrow{color:#1b8bc2;letter-spacing:.15em;margin:0 0 8px;font-size:.72rem;font-weight:800}.primary,.secondary{border:0;border-radius:10px;padding:.72rem 1rem;font-weight:750}.primary{color:#fff;background:#1188c1}.primary:disabled{cursor:not-allowed;opacity:.55}.secondary{color:#123455;background:#eaf1f6;text-decoration:none}.error{color:#9c2736;background:#fff0f2;border-radius:8px;padding:.7rem}.full{grid-column:1/-1}.splash{color:#49647f;place-items:center;min-height:100vh;display:grid}.login-page{background:radial-gradient(circle at 20% 20%,#154d78,#061c35 65%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #d9e2ea;border-radius:22px;width:min(440px,100%);padding:42px;box-shadow:0 24px 70px #00132666}.brand-mark,.logo>span{color:#fff;background:#1188c1;border-radius:13px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.login-card h1{margin:.2rem 0;font-size:2.2rem}.login-card form{gap:16px;margin:30px 0 22px;display:grid}.login-card label,.form-grid label{gap:7px;font-size:.83rem;font-weight:700;display:grid}.login-card input,.form-grid input,.form-grid select{background:#fff;border:1px solid #cdd8e1;border-radius:9px;width:100%;padding:.78rem}.login-card small{text-align:center;color:#758195;display:block}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.app-shell aside{color:#d5e4ef;background:#071f3d;height:100vh;padding:24px 18px;position:sticky;top:0}.logo{align-items:center;gap:12px;padding:0 8px 25px;display:flex}.logo div{display:grid}.logo small{color:#6ec6e8;letter-spacing:.13em}.app-shell nav{gap:4px;display:grid}.app-shell nav button{color:#b7cadd;text-align:left;background:0 0;border:0;border-radius:9px;padding:12px 14px}.app-shell nav button.active,.app-shell nav button:hover{color:#fff;background:#123b61}.aside-footer{border-top:1px solid #24425f;padding:14px;display:grid;position:absolute;bottom:22px;left:18px;right:18px}.aside-footer small{color:#83a4be}.aside-footer button{color:#8cd4ef;text-align:left;background:0 0;border:0;margin-top:10px;padding:0}.workspace{min-width:0;padding:38px clamp(20px,4vw,58px)}.page-heading,.panel>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-heading h1,.panel h1{margin:0;font-size:clamp(1.8rem,3vw,2.55rem)}.page-heading p:not(.eyebrow),.panel header p:not(.eyebrow){color:#68788b}.date-chip,.role-chip{color:#195071;background:#e5f2f8;border-radius:8px;padding:7px 10px;font-size:.75rem;font-weight:800}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0;display:grid}.metrics article{background:#fff;border:1px solid #dae3ea;border-radius:14px;gap:4px;padding:22px;display:grid}.metrics strong{color:#0b466e;font-size:2rem}.metrics span{color:#6d7b8c;font-size:.82rem}.panel{background:#fff;border:1px solid #dae3ea;border-radius:16px;padding:26px;box-shadow:0 8px 30px #1835500a}.panel header h2{margin:0}.live-dot{color:#16835c;font-size:.8rem;font-weight:800}.screen-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.screen-card{border:1px solid #dbe4ea;border-radius:12px;overflow:hidden}.screen-preview{aspect-ratio:16/9;color:#fff;align-content:center;padding:20px;display:grid}.screen-preview span{letter-spacing:.13em;font-size:.6rem}.screen-preview strong{margin-top:12px;font-size:1.05rem}.screen-preview small{opacity:.8;margin-top:3px}.theme-navy{background:linear-gradient(135deg,#061c35,#0b426b)}.theme-blue{background:linear-gradient(135deg,#0d6e9b,#16a0cb)}.theme-green{background:linear-gradient(135deg,#0c594b,#20a17b)}.theme-amber{background:linear-gradient(135deg,#8d4b11,#d58a19)}.screen-meta{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.screen-meta div{gap:2px;display:grid}.screen-meta span,.screen-meta code,.list article span,td small{color:#718094;font-size:.73rem;display:block}.status{white-space:nowrap;border-radius:99px;padding:5px 8px;font-weight:800;font-size:.68rem!important}.status.online{color:#10704d;background:#e6f7ef}.status.simulated{color:#876214;background:#fff6d9}.status.off{color:#8a3943;background:#fbeaed}.list{margin-top:20px;display:grid}.list article{border-top:1px solid #e5ebef;justify-content:space-between;align-items:center;padding:16px 4px;display:flex}.list article>div:last-child{align-items:center;gap:10px;display:flex}.table-wrap{margin-top:22px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e7edf1;padding:14px 12px;font-size:.82rem}th{color:#708094;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.modal-backdrop{z-index:20;background:#06192db5;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(680px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 28px 80px #00132680}.modal>header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal h2{margin:0}.icon-button{color:#637488;background:0 0;border:0;font-size:1.8rem}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.checkbox{grid-column:1/-1;align-items:center;display:flex!important}.checkbox input{width:auto}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.authority-notice{background:#fff9e9;border:1px solid #f1cc88;border-radius:14px;max-width:720px;margin:10vh auto;padding:28px}.authority-notice strong{font-size:1.2rem}.mobile-top{display:none}.display{color:#fff;grid-template-rows:auto 1fr auto;min-height:100vh;padding:5vw;display:grid}.display header,.display footer{letter-spacing:.12em;justify-content:space-between;font-size:1.4vw;display:flex}.display section{align-self:center}.display section p{letter-spacing:.25em;font-size:1.3vw}.display h1{max-width:80%;margin:1vw 0;font-size:5.8vw;line-height:1.02}.display h2{opacity:.8;font-size:2.4vw;font-weight:400}.display footer{border-top:1px solid #fff5;padding-top:2vw}@media (width<=980px){.metrics,.screen-grid{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:210px 1fr}}@media (width<=720px){.app-shell{display:block}.app-shell aside{display:none}.workspace{padding:18px}.mobile-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.mobile-top select{border:1px solid #cbd7df;border-radius:8px;max-width:55%;padding:8px}.metrics,.screen-grid{grid-template-columns:1fr}.page-heading,.panel>header{display:grid}.form-grid{grid-template-columns:1fr}.table-wrap{margin-right:-16px}.panel{padding:20px}}