:root{--navy:#0b1f3a;--navy-2:#12345a;--yellow:#f4c430;--bg:#f5f7fb;--panel:#fff;--text:#162033;--muted:#68758a;--border:#d9e0ea;--danger:#b42318;--ok:#087443;--warn:#b7791f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{background:var(--navy);color:#fff;gap:18px;justify-content:space-between;padding:14px 24px}.brand,.topbar{align-items:center;display:flex}.brand{font-weight:800;gap:10px}.brand-mark{background:var(--yellow);border-radius:4px;height:22px;width:22px}.nav{display:flex;flex-wrap:wrap;gap:10px}.button,.nav a,.nav button{align-items:center;background:var(--yellow);border:1px solid rgba(0,0,0,.08);border-radius:6px;color:#101820;cursor:pointer;display:inline-flex;font-weight:700;min-height:36px;padding:8px 12px}.button.secondary,.nav a.secondary{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.18);color:#fff}.content{margin:0 auto;max-width:1360px;padding:24px}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card,.form-panel,.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px}.card h2,.card h3,.form-panel h2{margin:0 0 10px}.muted{color:var(--muted)}.metric{font-size:34px;font-weight:800}.stack{display:grid;grid-gap:16px;gap:16px}.row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.split{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(280px,360px) 1fr}.customer-header{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:18px}.customer-header h1{margin:0}.device-hero{align-items:center;background:#fff;border:1px solid var(--border);border-left:5px solid var(--yellow);border-radius:8px;display:flex;gap:18px;justify-content:space-between;padding:18px}.device-hero h2{margin:0 0 8px}.subnav{display:flex;flex-wrap:wrap;gap:8px}.subnav a{background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--navy);font-weight:800;min-height:36px;padding:9px 12px}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}th{text-transform:uppercase}label,th{color:var(--muted);font-size:13px}label{display:grid;font-weight:700;grid-gap:5px;gap:5px}input,select,textarea{border:1px solid var(--border);border-radius:6px;min-height:38px;padding:8px 10px;width:100%}textarea{min-height:76px}.form-grid{display:grid;grid-gap:10px;gap:10px}.badge{border-radius:999px;font-size:12px;font-weight:800;padding:4px 8px}.badge,.badge-list{display:inline-flex}.badge-list{flex-wrap:wrap;gap:6px;margin-top:6px}.badge.ok{background:#dff7ea;color:var(--ok)}.badge.off{background:#ffe4e1;color:var(--danger)}.badge.unknown{background:#fff2cf;color:var(--warn)}.danger{color:var(--danger)}.idle-pill{align-items:center;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.2);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:800;min-height:32px;padding:6px 10px;white-space:nowrap}.dark-text{color:#101820}.login{align-items:center;display:grid;min-height:100vh;padding:24px}.login-card{background:#fff;border:1px solid var(--border);border-radius:8px;margin:0 auto;max-width:420px;padding:24px;width:100%}@media (max-width:900px){.split{grid-template-columns:1fr}.customer-header,.device-hero,.topbar{align-items:flex-start;flex-direction:column}}