:root{font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:#233047;background:#f4f6f9;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e3e7ee;padding:18px max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:750;color:#14213d}.brand span{font-size:13px;font-weight:400;color:#738097;margin-left:12px}header form{display:flex;align-items:center;gap:14px;margin:0}main{max-width:1320px;margin:40px auto;padding:0 24px}.login{max-width:450px;padding:36px;background:white;border:1px solid #e1e6ee;border-radius:16px;margin:9vh auto;box-shadow:0 14px 50px #22314d08}h1{font-size:30px;line-height:1.2;letter-spacing:-.6px;margin:8px 0 16px}h2{font-size:19px;margin:0 0 16px}h3{font-size:15px;margin:24px 0 8px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#5671a6;font-weight:700}.muted,small{color:#768298}small{display:block;font-size:11px;line-height:1.8}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.metric{font-size:28px;font-weight:700;text-align:right;white-space:nowrap}.metric small{font-weight:400}.filters,.card,.table-wrap{background:white;border:1px solid #e3e7ee;border-radius:12px;overflow:hidden}.filters{padding:18px;margin-bottom:20px}.filters form{display:flex;gap:12px}.filters input{flex:1;min-width:120px}.filters select{max-width:200px}.card{padding:25px;margin-bottom:24px}.columns{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.columns>.card{min-width:0}label{display:block;font-size:13px;font-weight:600;margin:14px 0}input,select,textarea{display:block;width:100%;font:inherit;border:1px solid #d9dfe8;background:#fff;border-radius:7px;padding:10px 12px;color:#233047;margin-top:5px}input:focus,select:focus,textarea:focus{outline:2px solid #b8cbef;border-color:#5a83ca}.filters input,.filters select{margin:0}button,.button{font:inherit;font-weight:600;color:white;background:#315caa;padding:10px 18px;border:1px solid #315caa;border-radius:7px;cursor:pointer;display:inline-block;text-decoration:none}button:hover,.button:hover{background:#254c91;color:#fff}.secondary{color:#53647f;background:#fff;border-color:#dce2eb}.secondary:hover{background:#eef2f7;color:#314665}.danger{background:#fff1f1;border-color:#eac7c7;color:#a94747}.danger:hover{background:#f8dddd;color:#9d3232}a{color:#315caa;text-decoration:none}a:hover{text-decoration:underline}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:11px;color:#7b879b;background:#fbfcfe;text-align:left;font-weight:600}td,th{padding:15px 18px;border-bottom:1px solid #eef1f5}td{font-size:12px}tbody tr:last-child td{border-bottom:0}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:650;letter-spacing:.3px}.wrap{overflow-wrap:anywhere}.badge{display:inline-block;font-size:11px;border-radius:5px;padding:3px 8px;background:#edf1f6;color:#627188}.badge.pending{background:#fff4dd;color:#ae7c1d}.badge.active{background:#e7f5ee;color:#2a8658}.badge.revoked,.badge.disabled,.badge.expired{background:#f9e9e9;color:#a45454}.dot{display:inline-block;border-radius:50%;width:7px;height:7px;background:#bbc3d0;margin-right:6px;vertical-align:middle}.dot.online{background:#2db076}.empty{text-align:center;padding:60px;color:#8995a8}.pagination{display:flex;justify-content:center;gap:24px;padding:22px;color:#7e8a9e;font-size:12px}.error{background:#fff0f0;color:#a53a3a;padding:12px;border-radius:6px}.quota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}hr{border:0;border-top:1px solid #e9edf3;margin:24px 0}.actions{display:flex;gap:10px}pre{font-family:ui-monospace,Consolas,monospace;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#f6f8fb;border:1px solid #e7ecf3;border-radius:8px;max-height:420px;overflow:auto}dl{font-size:12px}dt{color:#7c899f;margin-top:16px}dd{margin:4px 0;color:#354863}details{border-top:1px solid #e7ecf3;padding:14px 0}summary{cursor:pointer;font-size:12px}@media(max-width:900px){.columns{grid-template-columns:1fr}.table-wrap{overflow:auto}.title{align-items:flex-start}.filters form{flex-wrap:wrap}.metric{font-size:22px}.quota-grid{grid-template-columns:1fr}.login{margin:30px 16px}header{padding:15px 20px}.brand span{display:none}main{padding:0 16px;margin-top:25px}h1{font-size:25px}}
