:root{color:#172033;background:#f5f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:7px;padding:9px 14px}button:disabled{cursor:not-allowed;opacity:.6}.shell{max-width:1240px;margin:0 auto;padding:34px 28px 60px}.topbar,.section-head,.device-head,.modal-head,.password-card,.top-actions,.inline-form{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:#2563eb;letter-spacing:1.4px;margin:0 0 7px;font-size:11px;font-weight:800}h1,h2,p{margin:0}h1{font-size:28px}h2{font-size:17px}.muted,.section-head p,.password-card p{color:#6b7280;font-size:13px}.summary{grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 16px;display:grid}.summary div,.panel-card,.login-card{background:#fff;border:1px solid #e5e9f0;border-radius:10px;box-shadow:0 2px 8px #14233c0a}.summary div{flex-direction:column;gap:10px;padding:16px;display:flex}.summary span{color:#6b7280;font-size:13px}.summary strong{font-size:26px}.panel-card{margin-top:16px;padding:20px}.section-head{flex-wrap:wrap}.device-search{width:min(100%,280px)}.table-wrap{margin-top:18px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0f4;padding:13px 10px;font-size:13px}th{color:#6b7280;font-weight:600}td code{color:#344054;font-size:12px}td small{color:#98a2b3;margin-top:5px;display:block}.status{border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-block}.status.pending{color:#667085;background:#f2f4f7}.status.active{color:#087443;background:#ecfdf3}.status.expired{color:#b42318;background:#fef3f2}.primary{color:#fff;background:#2563eb}.danger{color:#fff;background:#dc2626}.secondary{color:#344054;background:#eef2f6}.wide{width:100%}.empty{text-align:center;color:#98a2b3;padding:40px}.error-banner,.error-text{color:#b42318;background:#fef3f2;border-radius:7px;margin-top:16px;padding:10px 12px;font-size:13px}.password-card{margin-top:16px}.inline-form input{min-width:260px}input{background:#fff;border:1px solid #d0d5dd;border-radius:7px;outline:0;width:100%;padding:10px 11px}.inline-form input{width:auto}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(100%,400px);padding:30px}.login-card h1{margin-bottom:8px;font-size:24px}.login-card label,.modal label{color:#475467;gap:7px;margin-top:18px;font-size:13px;font-weight:600;display:grid}.login-card .wide{margin-top:18px}.modal-backdrop{background:#10182873;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:min(100%,500px);padding:22px;box-shadow:0 20px 60px #10182838}.icon-close{color:#667085;background:0 0;padding:2px 8px;font-size:24px}.device-modal-id{color:#667085;word-break:break-all;margin-top:8px;font:12px ui-monospace,monospace}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}@media (width<=720px){.shell{padding:22px 14px 40px}.summary{grid-template-columns:repeat(2,1fr)}.password-card{flex-direction:column;align-items:stretch}.inline-form{align-items:stretch;width:100%}.inline-form input{width:100%;min-width:0}}