:root{color-scheme:light;font:15px/1.55 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#1c2a3d;background:#f2f5f9}*{box-sizing:border-box}body{margin:0}header{min-height:76px;padding:18px max(24px,calc((100vw - 1180px)/2));background:#102b4d;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}header>div{display:flex;align-items:center;gap:13px}header strong{font-size:20px}.mark{display:grid;place-items:center;background:#3c83ea;width:36px;height:36px;border-radius:9px;font-weight:800}.sub{font-size:13px;color:#b5c7de;margin-left:12px}main{max-width:1180px;margin:auto;padding:32px 24px 55px}h1{font-size:28px;line-height:1.3;margin:0 0 8px}h2{font-size:19px;margin:0 0 18px}p{margin:10px 0}button,input{font:inherit}button{border:1px solid #1e67c2;border-radius:7px;background:#1e67c2;color:white;padding:9px 15px;cursor:pointer;white-space:nowrap}button:hover{filter:brightness(.95)}button:disabled{opacity:.48;cursor:default}button.secondary{background:white;color:#234469;border-color:#ced7e3}button.danger{color:#ae2835;border-color:#e7c9ce;background:#fff8f8}button.link-button{border:0;background:none;color:#1e67c2;padding:2px 0;text-align:left}button.icon-button{border:0;color:#607184;background:none;font-size:25px;padding:0 4px}label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:13px}input{width:100%;min-width:0;border:1px solid #c8d3e0;border-radius:7px;padding:10px 11px;background:white;color:#1c2a3d;font-size:14px;outline:none}input:focus{border-color:#1e67c2;box-shadow:0 0 0 3px #1e67c21a}.card{background:white;border:1px solid #e1e7ee;border-radius:12px;box-shadow:0 3px 12px #16395e05}.login{max-width:430px;padding:32px;margin:50px auto}.login form{display:grid;gap:18px;margin-top:24px}.muted{color:#687a90}.small{font-size:12px}.message{min-height:1.5em;color:#ad2e3b;font-size:14px;overflow-wrap:anywhere}.message.success{color:#26704c}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.create-card{padding:24px;margin-bottom:24px}.create-grid{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(200px,1.3fr) minmax(110px,.7fr) minmax(160px,1fr);gap:15px;align-items:end}.create-grid>button{grid-column:1/-1;justify-self:start}.list-card{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f8fafc;color:#62758c;font-size:13px;padding:14px 18px;white-space:nowrap}td{border-top:1px solid #e8edf3;padding:17px 18px;vertical-align:middle}td .muted{font-size:12px}.customer-name{font-weight:650;overflow-wrap:anywhere}.key-suffix{font:12px/1.5 ui-monospace,Consolas,monospace;color:#637790;margin-top:4px}.badge{border-radius:20px;padding:4px 9px;font-size:12px;background:#eef3fb;color:#345884;display:inline-block;white-space:nowrap}.badge.active{color:#236347;background:#e7f5ec}.badge.revoked{color:#9f2937;background:#fcebf0}.badge.expired{color:#825820;background:#fff2dc}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button{font-size:12px;padding:6px 9px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-top:1px solid #e8edf3;color:#687a90;font-size:13px}.pagination div{display:flex;gap:8px}.pagination button{font-size:12px}.empty{text-align:center;padding:45px;color:#7d8da0}dialog{width:min(620px,calc(100vw - 32px));border:1px solid #dce5ee;border-radius:13px;padding:26px;color:#1c2a3d;box-shadow:0 20px 100px #0a203540}dialog::backdrop{background:#10243d66}.dialog-title{display:flex;justify-content:space-between;align-items:start;gap:20px}.dialog-title h2{margin-bottom:10px}dialog form{display:grid;gap:18px}dialog label{margin:18px 0}.device{padding:15px 0;border-top:1px solid #e5ebf1}.device code{font:11px/1.6 ui-monospace,Consolas,monospace;word-break:break-all;display:block;color:#607184}.device-header{display:flex;justify-content:space-between;gap:16px;align-items:center}#created-key{font:14px/1.5 ui-monospace,Consolas,monospace}button:focus-visible{outline:3px solid #79acfa;outline-offset:2px}[hidden]{display:none!important}@media(max-width:800px){.sub{display:none}.create-grid{grid-template-columns:1fr 1fr}main{padding:24px 15px}.create-card{padding:18px}header{padding:16px}th,td{padding:12px}.title-row h1{font-size:23px}}@media(max-width:480px){.create-grid{grid-template-columns:1fr}.login{padding:24px;margin:25px auto}.title-row{align-items:start}.pagination{align-items:start;gap:15px;flex-direction:column}}