:root{color:#18202b;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.login-page,.loading-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card,.content-card{background:#fff;border:1px solid #dfe4ea;border-radius:12px;box-shadow:0 8px 30px #1f2a3712}.login-card{width:min(400px,100%);padding:36px}.brand-mark{color:#fff;background:#1668dc;border-radius:9px;place-items:center;width:40px;height:40px;margin-bottom:24px;font-weight:700;display:grid}.login-card h1,header h1{color:#111827;margin:0}.login-card h1{font-size:26px}.login-card p{color:#667085;margin:8px 0 28px}.login-card label{margin-bottom:7px;font-size:14px;font-weight:600;display:block}input,select{color:#18202b;background:#fff;border:1px solid #cfd6df;border-radius:7px;min-height:42px}input{width:100%;padding:9px 12px}select{padding:8px 34px 8px 11px}input:focus,select:focus{border-color:#1668dc;outline:3px solid #1668dc26}.primary-button,.secondary-button{border-radius:7px;min-height:40px;padding:8px 16px;font-weight:600}.primary-button{color:#fff;background:#1668dc;border:1px solid #1668dc}.secondary-button{color:#344054;background:#fff;border:1px solid #cfd6df}.login-card .primary-button{width:100%;margin-top:20px}.error-message{color:#b42318;background:#fef3f2;border-radius:7px;margin-top:14px;padding:10px 12px;font-size:14px}.admin-page{width:min(1240px,100% - 40px);margin:0 auto;padding:42px 0}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}header h1{margin-top:4px;font-size:28px}.eyebrow{color:#667085;letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:600}.content-card{overflow:hidden}.toolbar{border-bottom:1px solid #e5e9ef;justify-content:space-between;gap:16px;padding:20px;display:flex}.search-form{gap:8px;width:min(520px,100%);display:flex}.table-wrapper{min-height:180px;position:relative;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid #edf0f3;padding:15px 20px}th{color:#667085;letter-spacing:.04em;text-transform:uppercase;background:#fafbfc;font-size:12px;font-weight:600}td{color:#475467;font-size:14px}td strong{color:#18202b;font-weight:600;display:block}.device-id{color:#98a2b3;margin-top:2px;font-size:12px;display:block}.monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.status{text-transform:capitalize;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.status.active{color:#067647;background:#ecfdf3}.status.pending{color:#b54708;background:#fffaeb}.status.revoked{color:#b42318;background:#fef3f2}.empty-state,.loading-state{color:#667085;text-align:center;padding:48px 20px}.loading-state{background:#ffffffc7;place-items:center;display:grid;position:absolute;inset:42px 0 0}.pagination{color:#667085;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:14px;display:flex}.pagination div{align-items:center;gap:12px;display:flex}@media (width<=680px){.admin-page{width:min(100% - 24px,1240px);padding:24px 0}header,.toolbar,.pagination{flex-direction:column;align-items:stretch}.search-form{width:100%}th,td{white-space:nowrap;padding:12px}}