:root{color:#172033;font-synthesis:none;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e4e8ef;border-radius:16px;width:min(420px,100%);padding:32px;box-shadow:0 18px 50px #17203312}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:#172033;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.brand strong,.brand span{display:block}.brand span{color:#748096;margin-top:2px;font-size:12px}.auth-card h1{margin:32px 0 8px;font-size:28px}.muted{color:#6d7788}.auth-card form{gap:16px;margin-top:24px;display:grid}label{gap:7px;font-size:13px;font-weight:600;display:grid}input{background:#fff;border:1px solid #d7dde7;border-radius:9px;outline:none;width:100%;padding:11px 12px}input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea18}.primary,.secondary,.link{border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:650;display:inline-flex}.primary{color:#fff;background:#172033}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{color:#172033;background:#eef1f5}.link{color:#5365b8;background:0 0;width:100%;margin-top:18px}.error{color:#a62b2b;background:#fff0f0;border:1px solid #ffd4d4;border-radius:8px;padding:10px 12px;font-size:13px}.app{min-height:100vh}header{z-index:5;background:#fff;border-bottom:1px solid #e4e8ef;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.account{color:#697487;align-items:center;gap:12px;font-size:13px;display:flex}.icon-button,.actions button{color:#697487;background:0 0;border:0;border-radius:7px;padding:7px}.icon-button:hover,.actions button:hover{background:#f0f2f6}aside{background:#fff;border-right:1px solid #e4e8ef;width:220px;padding:24px 14px;position:fixed;top:64px;bottom:0}nav{gap:4px;display:grid}nav a{color:#697487;border-radius:8px;align-items:center;gap:9px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}nav a.active{color:#172033;background:#eef1f7;font-weight:650}.disabled{opacity:.4;cursor:not-allowed}.content{max-width:1320px;margin-left:220px;padding:42px 44px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#7b8494;font-size:11px;font-weight:700}.page-head h1{margin:7px 0 5px;font-size:30px}.page-head p{margin:0}.table-card{background:#fff;border:1px solid #e4e8ef;border-radius:12px;margin-top:26px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:left;border-bottom:1px solid #edf0f4;padding:15px 17px;font-size:13px}th{color:#778194;text-transform:uppercase;letter-spacing:.05em;background:#fafbfc;font-size:11px}td small{color:#8a93a2;margin-top:4px;display:block}.status{text-transform:capitalize;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:700}.status.active{color:#277b47;background:#eaf8ef}.status.revoked{color:#737b88;background:#f0f1f3}.actions{white-space:nowrap}.empty{text-align:center;color:#697487;background:#fff;border:1px dashed #d9dfe8;border-radius:12px;margin-top:26px;padding:70px 20px}.empty h2{color:#172033;margin:14px 0 5px;font-size:18px}.empty p{margin:0 0 18px}.banner{margin-top:20px}.security-note{color:#7a8494;align-items:center;gap:7px;margin-top:18px;font-size:12px;display:flex}.modal-backdrop{z-index:20;background:#17203366;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(500px,100%);padding:26px;box-shadow:0 20px 70px #17203333}.modal h2{margin:0 0 8px}.modal label{margin-top:22px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.secret{gap:8px;margin:20px 0;display:flex}.secret code{background:#f4f6f9;border:1px solid #e0e5ec;border-radius:8px;flex:1;padding:12px;font-size:12px;overflow:auto}.secret button{background:#fff;border:1px solid #d9dfe8;border-radius:8px;padding:0 12px}.warning{color:#725a16;background:#fff7df;border:1px solid #f1dda2;border-radius:8px;margin-bottom:18px;padding:10px 12px;font-size:12px}.full{width:100%}@media (width<=800px){aside{display:none}.content{margin-left:0;padding:28px 18px}.page-head{flex-direction:column;align-items:flex-start}header{padding:0 16px}.account span{display:none}}