:root{font-family:Inter,system-ui,sans-serif;color:#eaf3ff;background:#081b33}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem clamp(1rem,4vw,4rem);border-bottom:1px solid #244563}.brand{font-size:1.35rem;font-weight:800}.brand span{color:#4dbdff}main{max-width:1300px;margin:auto;padding:clamp(1rem,3vw,3rem)}h1{font-size:clamp(2rem,4vw,3rem);margin:.2rem 0 1rem}h2{margin-top:0}h3{margin-top:2rem}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:#70c7ff;font-weight:800}.card{background:#102b4b;border:1px solid #305170;border-radius:18px;padding:1.5rem;box-shadow:0 12px 28px #0003}.narrow{max-width:440px;margin:10vh auto}.top{display:flex;justify-content:space-between;align-items:center}.layout{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:1.2rem}.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}button,input,select{font:inherit}button{background:#28a8ef;color:#06172b;border:0;border-radius:9px;padding:.75rem 1rem;font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:2px}.secondary{background:#173b60;color:#fff;border:1px solid #5a86a7}label{display:block;margin:1rem 0;font-weight:600}input,select{display:block;width:100%;margin-top:.4rem;padding:.72rem;background:#071c34;color:#fff;border:1px solid #5b7793;border-radius:8px}#message,#login-error{color:#ffcc91}output{display:block;overflow-wrap:anywhere;line-height:1.6;margin-top:1rem}dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem}dt{color:#9bbbd5;font-size:.85rem}dd{margin:.2rem 0 0;font-weight:600}.device{text-align:left;width:100%;background:#102b4b;color:#fff;border:1px solid #35597b}.device strong,.device span{display:block}.device span{color:#afc9dd;margin-top:.35rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#071c34;border-radius:8px;padding:1rem}[hidden]{display:none!important}@media(max-width:750px){.layout{grid-template-columns:1fr}.top{align-items:flex-start;gap:1rem}.card{padding:1rem}}

.panel-nav{display:flex;gap:.7rem;margin:1rem 0 1.5rem}.panel-nav button[aria-pressed="false"]{background:#173b60;color:#fff}.panel-nav button[aria-pressed="true"]{background:#28a8ef;color:#06172b}#organizations{margin-top:1.5rem}

.panel-nav{flex-wrap:wrap}.summary-grid{margin:1.5rem 0}#enrollment-view{max-width:680px}#devices-view{display:block}#clients-view,#overview-view{min-height:260px}