:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.admin-shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px 20px;background:#10233f;color:#fff;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:900;letter-spacing:-1px;background:linear-gradient(145deg,#ff7a1a,#ec4310);box-shadow:0 12px 28px #ec431040}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:14px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:16px}.sidebar-brand span{font-size:12px;color:#92a4bc;margin-top:3px}.sidebar nav{padding-top:24px;display:grid;gap:8px}.sidebar nav button{height:46px;border:0;border-radius:12px;background:transparent;color:#a9b7ca;text-align:left;padding:0 13px;font-weight:700;display:flex;align-items:center;gap:11px}.sidebar nav button span{font-size:18px}.sidebar nav button small{margin-left:auto;font-size:10px}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#2563eb,#377df1);box-shadow:0 10px 24px #2563eb40}.sidebar-security{margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0d;display:flex;gap:10px;align-items:center}.sidebar-security>span{color:#39d98a}.sidebar-security strong,.sidebar-security small{display:block}.sidebar-security strong{font-size:12px}.sidebar-security small{font-size:10px;color:#92a4bc;margin-top:3px}.workspace{min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid #e6ebf2;padding:0 34px;display:flex;align-items:center;justify-content:space-between}.topbar p,.topbar h1{margin:0}.topbar p{font-size:11px;color:#8591a3;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.topbar h1{font-size:23px;margin-top:4px}.profile{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e8f0ff;color:#245edb;font-weight:800}.profile strong,.profile small{display:block}.profile strong{font-size:13px}.profile small{font-size:11px;color:#8692a3;margin-top:2px}.profile button{border:0;background:transparent;color:#68758a;margin-left:6px}.content{padding:26px 34px 40px;max-width:1600px;margin:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric{height:112px;padding:21px 22px;background:#fff;border:1px solid #e8edf4;border-radius:18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 25px #162b4d0a}.metric span,.metric strong{display:block}.metric span{font-size:13px;color:#758297;font-weight:600}.metric strong{font-size:30px;margin-top:8px;letter-spacing:-1px}.metric i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-style:normal;font-size:21px}.metric-blue i{background:#e8f1ff;color:#2563eb}.metric-green i{background:#e5f8ee;color:#109b59}.metric-orange i{background:#fff1df;color:#d97706}.metric-red i{background:#ffe9e9;color:#dc2626}.license-panel{background:#fff;border:1px solid #e5ebf3;border-radius:20px;box-shadow:0 10px 34px #162b4d0d;overflow:hidden}.panel-header{min-height:88px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6}.panel-header h2,.panel-header p{margin:0}.panel-header h2{font-size:18px}.panel-header p{color:#7a8799;font-size:12px;margin-top:5px}.primary-button,.secondary-button{height:42px;border-radius:12px;padding:0 18px;font-weight:800;border:1px solid transparent}.primary-button{color:#fff;background:linear-gradient(135deg,#2875f5,#1558d6);box-shadow:0 7px 16px #2563eb33}.secondary-button{background:#fff;color:#3b4960;border-color:#dbe2ec}.toolbar{padding:16px 24px;display:flex;gap:12px;justify-content:space-between;background:#fbfcfe}.toolbar form{width:min(460px,60%);height:42px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;display:flex;align-items:center;overflow:hidden}.toolbar form span{padding-left:14px;color:#8c98aa}.toolbar input{border:0;outline:0;min-width:0;flex:1;padding:0 10px;color:#26344a}.toolbar form button{align-self:stretch;width:70px;border:0;border-left:1px solid #edf0f4;background:#fff;color:#2563eb;font-weight:700}.toolbar select{height:42px;min-width:140px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;padding:0 34px 0 13px;color:#445167}.table-wrap{overflow:auto;min-height:340px}.table-wrap table{width:100%;border-collapse:collapse;min-width:930px}.table-wrap th{height:44px;padding:0 16px;text-align:left;background:#f7f9fc;color:#7c899b;font-size:11px;font-weight:800;white-space:nowrap}.table-wrap th:first-child,.table-wrap td:first-child{padding-left:24px}.table-wrap td{height:72px;padding:10px 16px;border-bottom:1px solid #edf1f5;color:#536076;font-size:12px}.table-wrap tbody tr{transition:background .15s}.table-wrap tbody tr:hover{background:#f8fbff;cursor:pointer}.table-wrap td strong,.table-wrap td code{display:block}.table-wrap td strong{color:#27364d;font-size:13px;margin-bottom:5px}.table-wrap td code{color:#7d8ba0;font-size:11px}.status{display:inline-flex;height:26px;padding:0 10px;border-radius:999px;align-items:center;font-size:11px;font-weight:800}.status-active{background:#e6f8ee;color:#13844e}.status-pending{background:#e8f0ff;color:#2563eb}.status-suspended{background:#fff2dc;color:#b96704}.status-revoked{background:#ffe9e9;color:#c72828}.quota{width:74px}.quota span{font-weight:700;color:#48566c}.quota i{display:block;height:4px;margin-top:7px;background:#e9edf3;border-radius:4px;overflow:hidden}.quota b{display:block;height:100%;background:#4181ee;border-radius:4px}.row-button{border:0;background:transparent;color:#2563eb;font-weight:700}.pagination{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:#7b8798;font-size:12px}.pagination div{display:flex;align-items:center;gap:7px}.pagination button,.pagination strong{min-width:34px;height:34px;border:1px solid #e0e6ee;border-radius:9px;background:#fff;display:grid;place-items:center}.pagination strong{background:#286fe9;color:#fff;border-color:#286fe9}.form-error{padding:11px 13px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b91c1c;font-size:12px;line-height:1.5}.table-error{margin:0 24px 12px}.table-loading{height:250px;display:grid;place-content:center;justify-items:center;gap:12px;color:#7c899b}.spinner{width:28px;height:28px;border:3px solid #d9e3f1;border-top-color:#2563eb;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:#8490a2;padding:40px 20px}.empty-state span{font-size:30px;color:#b7c1ce}.empty-state h3{color:#435067;margin:8px 0 5px}.empty-state p{margin:5px 0;font-size:12px}.table-empty{height:250px}.app-loading{height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;color:#68758a}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 10%,#dfeeff 0,transparent 32%),radial-gradient(circle at 85% 90%,#ffe7d7 0,transparent 28%),#f4f7fb}.login-card{width:440px;max-width:100%;padding:38px 42px 28px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:#ffffffe0;box-shadow:0 30px 80px #1d355724;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card>.brand-mark{margin:auto}.login-heading{text-align:center;margin:19px 0 25px}.login-heading p,.login-heading h1{margin:0}.login-heading p{font-size:12px;color:#e55a18;font-weight:800}.login-heading h1{font-size:26px;margin:5px 0 8px}.login-heading span{font-size:13px;color:#7f8b9d}.login-form{display:grid;gap:15px}.login-form label,.issue-form label{display:grid;gap:7px;color:#4a586e;font-size:12px;font-weight:700}.login-form input,.issue-form input,.issue-form textarea{width:100%;border:1px solid #dce3ed;border-radius:12px;background:#fff;outline:0;color:#26344a}.login-form input,.issue-form input{height:44px;padding:0 13px}.login-form input:focus,.issue-form input:focus,.issue-form textarea:focus{border-color:#4381ea;box-shadow:0 0 0 3px #4381ea1a}.totp-input{text-align:center;font-size:24px;letter-spacing:.42em;font-weight:800}.login-button{width:100%;margin-top:4px}.text-button{border:0;background:transparent;color:#2563eb;font-size:12px}.login-card footer{text-align:center;color:#9aa4b2;font-size:10px;border-top:1px solid #edf0f4;margin-top:24px;padding-top:18px}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c182b75;z-index:20;display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(760px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 90px #08132440}.modal-header{height:84px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9edf3;position:sticky;top:0;background:#fff;z-index:1}.modal-header h2,.modal-header p,.drawer-header h2,.drawer-header p{margin:0}.modal-header h2,.drawer-header h2{font-size:20px;margin-top:3px}.eyebrow{font-size:10px;color:#4776ce;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.icon-button{width:38px;height:38px;border:1px solid #e1e6ed;border-radius:11px;background:#fff;color:#617086;font-size:24px;display:grid;place-items:center}.issue-form{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full-row{grid-column:1/-1}.issue-form textarea{min-height:78px;padding:11px 13px;resize:vertical}.issue-form fieldset{margin:0;padding:0;border:0}.issue-form legend{color:#4a586e;font-size:12px;font-weight:700;margin-bottom:7px}.segmented-field>div{display:flex;height:42px;padding:3px;background:#edf2f8;border-radius:12px}.segmented-field button{flex:1;border:0;border-radius:9px;background:transparent;color:#6d798b;font-size:12px;font-weight:700}.segmented-field button.active{background:#fff;color:#2563eb;box-shadow:0 2px 7px #28466e1a}.feature-field{display:flex;flex-wrap:wrap;gap:9px}.feature-field legend{width:100%}.feature-field label{display:flex;align-items:center;gap:7px;padding:0 12px;height:36px;border:1px solid #dfe5ed;border-radius:10px}.feature-field input{width:15px;height:15px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px}.issued-panel{padding:24px}.once-warning{min-height:76px;padding:15px 17px;border:1px solid #fed7aa;background:#fff8ed;color:#9a5108;border-radius:14px;display:grid;gap:4px}.once-warning strong{font-size:14px}.once-warning span{font-size:12px}.issued-list{display:grid;gap:9px;margin-top:17px;max-height:360px;overflow:auto}.issued-code{height:48px;border:1px solid #dfe5ed;border-radius:12px;padding:0 8px 0 14px;display:flex;align-items:center;justify-content:space-between;background:#f9fbfd}.issued-code code{font-size:14px;font-weight:800;letter-spacing:.04em}.issued-code button{height:32px;border:0;border-radius:8px;background:#e8f0ff;color:#2563eb;font-weight:700}.drawer-backdrop{place-items:stretch end;padding:0}.detail-drawer{width:min(620px,100vw);height:100vh;background:#fff;box-shadow:-25px 0 70px #08132433;display:flex;flex-direction:column}.drawer-header{min-height:112px;padding:23px 25px;display:flex;justify-content:space-between;border-bottom:1px solid #e8edf3}.drawer-header code{display:block;color:#8894a5;font-size:11px;margin-top:7px}.drawer-error{margin:12px 24px}.detail-tabs{height:54px;border-bottom:1px solid #e9edf3;display:flex;padding:0 24px;gap:22px}.detail-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#718096;font-size:12px;font-weight:800}.detail-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}.drawer-body{overflow:auto;padding:22px 24px 40px}.detail-status-row{display:flex;align-items:center;justify-content:space-between}.detail-status-row strong{font-size:11px;color:#8a96a7}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.detail-grid div{padding:15px;border:1px solid #e6ebf2;border-radius:13px;background:#fafbfd}.detail-grid .wide{grid-column:1/-1}.detail-grid dt{font-size:10px;color:#8995a6;font-weight:700}.detail-grid dd{margin:6px 0 0;font-size:13px;color:#354258;font-weight:700}.detail-actions{display:flex;gap:9px;padding-top:10px}.detail-actions button,.record-list article>button{height:38px;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#3e4c62;font-size:11px;font-weight:800;padding:0 13px}.detail-actions .danger-button{border-color:#fecaca;color:#c32929;background:#fff8f8}.record-list{display:grid;gap:10px}.record-list article{min-height:85px;border:1px solid #e4e9f0;border-radius:14px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between}.record-list strong,.record-list span,.record-list small{display:block}.record-list strong{font-size:13px}.record-list span{font-size:11px;color:#647287;margin-top:5px}.record-list small{font-size:10px;color:#98a2b1;margin-top:4px}.timeline{padding-left:5px}.timeline article{display:flex;gap:13px;min-height:76px}.timeline i{width:9px;height:9px;border-radius:50%;background:#3b78e8;margin-top:5px;box-shadow:0 0 0 4px #e8f0ff;position:relative}.timeline i:after{content:"";position:absolute;top:13px;left:4px;width:1px;height:58px;background:#dde4ed}.timeline article:last-child i:after{display:none}.timeline strong,.timeline span{display:block}.timeline strong{font-size:12px}.timeline span{font-size:10px;color:#8d98a8;margin-top:4px}.timeline p{font-size:11px;color:#56647a;background:#f6f8fb;padding:8px 10px;border-radius:8px;margin:7px 0 0}.drawer-body>.empty-state{padding-top:90px}@media (max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.sidebar-brand{padding-left:6px}.sidebar-brand>div:last-child,.sidebar nav button:not(.active) small,.sidebar-security div{display:none}.sidebar nav button{justify-content:center;padding:0}.sidebar nav button span{font-size:20px}.sidebar nav button{font-size:0}.sidebar-security{justify-content:center}.topbar,.content{padding-left:24px;padding-right:24px}}@media (max-width:720px){.admin-shell{display:block}.sidebar{display:none}.topbar{height:72px;padding:0 16px}.topbar h1{font-size:20px}.profile div{display:none}.content{padding:16px}.metric-grid{gap:10px}.metric{height:94px;padding:16px}.metric strong{font-size:25px}.metric i{width:40px;height:40px}.panel-header{padding:16px;align-items:flex-start;gap:12px}.panel-header .primary-button{padding:0 12px}.toolbar{padding:12px 16px;display:grid}.toolbar form,.toolbar select{width:100%}.pagination{padding:0 16px}.modal-backdrop{padding:12px}.modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px);border-radius:18px}.form-grid{grid-template-columns:1fr}.full-row{grid-column:auto}.modal-header{padding:0 18px}.issue-form,.issued-panel{padding:18px}.detail-drawer{width:100vw}.detail-grid{grid-template-columns:1fr}.detail-grid .wide{grid-column:auto}.login-card{padding:32px 24px}.profile button{margin:0}}.detail-actions{flex-wrap:wrap}@media (max-width:720px){.panel-header .primary-button{min-width:118px;white-space:nowrap;font-size:12px}.table-wrap table{min-width:0}.table-wrap th:nth-child(n+4),.table-wrap td:nth-child(n+4){display:none}.table-wrap th,.table-wrap td{padding-left:8px;padding-right:8px}.table-wrap th:first-child,.table-wrap td:first-child{padding-left:16px}.table-wrap th:nth-child(1){width:46%}.table-wrap th:nth-child(2){width:22%}.table-wrap th:nth-child(3){width:32%}}.action-backdrop{z-index:40}.action-modal{width:min(500px,calc(100vw - 40px))}.action-form{padding:22px}.action-description{margin:0 0 18px;padding:13px 15px;border-radius:12px;background:#f4f7fb;color:#58667b;font-size:12px;line-height:1.65}.action-fields{display:grid;gap:15px;margin-bottom:16px}.action-fields label,.action-reason{display:grid;gap:7px;color:#4a586e;font-size:12px;font-weight:700}.action-fields input{height:42px;padding:0 12px;border:1px solid #dce3ed;border-radius:12px;outline:0}.action-fields input:focus,.action-reason textarea:focus{border-color:#4381ea;box-shadow:0 0 0 3px #4381ea1a}.quota-fields{grid-template-columns:1fr 1fr}.action-feature-field{grid-column:1/-1}.action-reason textarea{min-height:92px;padding:11px 12px;border:1px solid #dce3ed;border-radius:12px;resize:vertical;outline:0}.danger-text{color:#c72a2a}.destructive-button{background:linear-gradient(135deg,#e54848,#bd2020);box-shadow:0 7px 16px #be202033}@media (max-width:520px){.action-form{padding:18px}.quota-fields{grid-template-columns:1fr}.action-feature-field{grid-column:auto}}