:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#1e2937;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:1440px;margin:0 auto;padding:30px 26px}header{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:#54709a;margin:0 0 5px}h1{margin:0;font-size:26px}h2{font-size:16px;margin:0 0 5px}p{font-size:13px;line-height:1.5;color:#667284;margin:5px 0 14px}.card{background:#fff;border:1px solid #dfe5ed;border-radius:12px;box-shadow:0 5px 20px #1f3b5a0a}.login-card{max-width:430px;padding:22px}.login-card label{display:block;font-weight:600;font-size:12px;margin:14px 0}.login-card input,.search input{width:100%;border:1px solid #d5dde7;border-radius:7px;padding:10px;margin-top:5px;font:inherit}.primary,.secondary{border:0;border-radius:7px;padding:10px 14px;font-weight:700;cursor:pointer}.primary{background:#1c5fd4;color:#fff;width:100%;margin-top:5px}.secondary{background:#edf2f8;color:#34445c}.toolbar{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.toolbar p{margin:2px 0 0}.search{display:flex;gap:8px;min-width:300px}.search input{margin:0}.notice{min-height:20px;margin:8px 2px;color:#994b00;font-size:13px}.notice.error{color:#a12d24}.notice.ok{color:#0a7c3a}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px;text-align:left}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#657287;background:#f8fafc}th,td{padding:13px 12px;border-bottom:1px solid #edf0f4;vertical-align:top}td{font-size:12px}tbody tr:last-child td{border-bottom:0}.username{font-weight:700;color:#253348}.status{display:inline-block;border-radius:20px;padding:4px 8px;background:#edf2f8;font-size:11px;font-weight:700;text-transform:capitalize}.status.active{background:#e4f5eb;color:#13733b}.status.grace{background:#fff2d6;color:#8b5600}.status.suspended,.status.expired,.status.device_revoked{background:#fde8e6;color:#aa3329}.muted{font-size:11px;color:#748094;margin-top:4px}.actions{display:flex;flex-wrap:wrap;gap:5px;min-width:170px}.actions button,.device-list button{border:1px solid #d7dfe9;background:#fff;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:600;cursor:pointer}.actions button:hover,.device-list button:hover{background:#f1f5fa}.device-list{margin-top:8px}.device-list summary{cursor:pointer;color:#52627a}.device{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding-top:7px;border-top:1px solid #edf0f4;font-size:11px}.device code{font-size:10px;word-break:break-all}.device.revoked{color:#9b3932}.empty{padding:22px;text-align:center}.toolbar .search button{white-space:nowrap}@media(max-width:700px){.shell{padding:20px 12px}header{align-items:flex-start}.toolbar{align-items:stretch;flex-direction:column}.search{min-width:0}.table-wrap{margin:0 -2px}}