:root{color-scheme:dark;--bg:#071827;--panel:#102b40;--panel2:#163751;--line:#2b526e;--text:#f6fbff;--muted:#9cc0d8;--blue:#36a4e6;--green:#36d7a2;--yellow:#ffd454;--red:#ff5d68}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.topbar{height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#06131f}.brand{color:#fff;text-decoration:none;font-size:20px;font-weight:800}.topbar nav{display:flex;gap:24px;align-items:center}.topbar nav a,.link-button{color:var(--muted);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.topbar form{margin:0}.page{max-width:1550px;margin:auto;padding:30px}.heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.heading h1{font-size:36px;margin:2px 0}.eyebrow{font-size:12px;letter-spacing:.13em;color:#77c9ff;margin:0}.back{display:inline-block;color:#9ed8ff;text-decoration:none;margin-bottom:18px}.site-grid,.door-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.site-card,.door-card,.panel,.login-card,.current-code{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;color:inherit;text-decoration:none}.site-card:hover,.door-card:hover{border-color:var(--blue);transform:translateY(-1px)}.site-card h2,.door-card h2{margin:0 0 14px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metrics span{color:var(--muted)}.metrics b{display:block;font-size:26px;color:#fff}.ok{color:var(--green)!important}.bad{color:var(--red)!important}.warn{color:var(--yellow)!important}.door-card{border-left:5px solid var(--red)}.door-card.online{border-left-color:var(--green)}.door-title,.door-facts,.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.status{font-size:13px;color:var(--muted)}.door-facts{margin-top:20px}.active-strip{margin:18px -22px -22px;padding:11px 22px;background:#0d4b57;color:#9effe0;border-radius:0 0 10px 8px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:14px}.ok-bg{background:var(--green);color:#03251c}.bad-bg{background:var(--red);color:#2b0005}.large-status{padding:8px 14px;border-radius:999px;font-weight:800}.current-code{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;background:linear-gradient(110deg,#173d58,#0d2c43)}.code-value{font:800 58px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;margin:12px 0}.code-empty{font-size:28px;font-weight:750;margin:12px 0}.detail-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(600px,1.8fr);gap:18px;margin-bottom:18px}.panel h2{margin-top:0}dl{display:grid;grid-template-columns:130px 1fr;gap:10px;margin:0}dt{color:var(--muted)}dd{margin:0;font-weight:650}.notice{margin-top:20px;background:#082033;border-left:4px solid var(--yellow);padding:14px;color:#cfe8f8}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase}.pill{display:inline-block;padding:3px 8px;border:1px solid var(--line);border-radius:999px;font-size:12px}.pill.active{background:#0d5b4a}.pill.standby{color:var(--green)}.pill.error,.pill.unknown,.pill.pending_delete{color:var(--red)}.timeline article{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline time{color:var(--muted)}.timeline p{margin:4px 0;color:var(--muted)}button{appearance:none;border:1px solid #6ca3c5;background:#173d58;color:#fff;padding:10px 15px;border-radius:7px;font-weight:750;cursor:pointer}.primary{background:var(--blue);border-color:var(--blue);color:#031523}.danger{background:var(--red);border-color:var(--red);color:#270006;font-size:18px;padding:16px 22px}.login-card{max-width:430px;margin:10vh auto}.login-card h1{font-size:32px}.login-card label{display:block;margin:18px 0;color:var(--muted)}.login-card input{width:100%;margin-top:6px;padding:13px;border:1px solid var(--line);border-radius:7px;background:#061827;color:#fff;font-size:16px}.flash{padding:14px 18px;border-radius:8px;margin-bottom:18px;background:#173d58}.flash.error{border-left:4px solid var(--red)}.flash.warning{border-left:4px solid var(--yellow)}.flash.success{border-left:4px solid var(--green)}.empty{padding:40px;border:1px dashed var(--line);color:var(--muted)}@media(max-width:900px){.page{padding:18px}.detail-grid{grid-template-columns:1fr}.current-code{align-items:flex-start;gap:20px;flex-direction:column}.code-value{font-size:42px}.heading h1{font-size:30px}.topbar{padding:0 16px}.timeline article{grid-template-columns:1fr}.topbar nav a{display:none}}