:root{font:16px/1.55 system-ui,sans-serif;color:#183047;background:#f3f6fa;color-scheme:light}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:22px}header{display:flex;align-items:center;justify-content:space-between}header>a{font-size:23px;letter-spacing:-.5px;font-weight:750;color:#183047;text-decoration:none}h1{font-size:30px;letter-spacing:-.7px;line-height:1.2}h2{font-size:21px;margin-top:0}h3{margin:0}a{color:#175d9c}button,.button{display:inline-block;border:0;border-radius:9px;padding:11px 17px;background:#18588e;color:white;text-decoration:none;font:inherit;cursor:pointer}.quiet{background:transparent;color:#315779;padding:8px}.danger{background:#f8eaea;color:#9a3030}.card{background:white;border:1px solid #dce5ee;border-radius:14px;padding:25px;margin:20px 0;box-shadow:0 3px 12px #17365405}.narrow{max-width:460px;margin:40px auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid>.card{margin:0}.device{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid #edf1f5}.device:last-child{border-bottom:0}.device form{margin-top:8px}.device p{margin:7px 0}.muted,small,footer{color:#66798b}label{display:block;margin:16px 0}input:not([type=checkbox]),select{display:block;width:100%;padding:11px;margin:6px 0;border:1px solid #becddd;border-radius:7px;background:white;font:inherit}fieldset{border:1px solid #dce5ee;border-radius:8px}.check{display:flex;align-items:center;gap:8px;margin:8px 0}.badge{font-size:13px;padding:5px 9px;border-radius:20px;background:#edf0f3}.approved,.active{background:#e5f4ec;color:#256343}.pending,.provisioning,.revoking{background:#fff1d9;color:#866018}.denied,.suspended,.revoked{background:#f5e8e8;color:#904444}.notice{padding:14px 18px;background:#e7f0fc;border-radius:9px}.table{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:14px 10px;border-bottom:1px solid #e7edf3}th{color:#65778a;font-weight:500}button:focus,a:focus,input:focus,select:focus{outline:3px solid #82b5e6;outline-offset:3px}@media(max-width:700px){.grid{display:block}.grid>.card{margin:20px 0}.device{align-items:flex-start;flex-direction:column}main,header,footer{padding:16px}.card{padding:19px}h1{font-size:26px}}