:root{--ink:#142033;--muted:#64748b;--line:#dce5ef;--surface:#fff;--canvas:#f3f7fb;--blue:#2463eb;--blue-dark:#194fc3;--green:#119c72;--amber:#d97706;--red:#dc3d4b;--shadow:0 18px 50px #273f5e17}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-family:Inter,Microsoft YaHei,system-ui,sans-serif}body{min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}h1,h2,p{margin-top:0}small{color:var(--muted);margin-top:3px;display:block}.dashboard-shell{width:min(1500px,100% - 40px);margin:0 auto;padding:34px 0 70px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.topbar h1{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(28px,4vw,42px)}.eyebrow{color:var(--blue);letter-spacing:.16em;margin-bottom:7px;font-size:12px;font-weight:800}.muted{color:var(--muted)}.identity{border:1px solid var(--line);background:#ffffffd1;border-radius:18px;align-items:center;gap:12px;padding:10px 12px 10px 14px;display:flex}.role-badge{color:var(--blue);background:#eaf1ff;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:800}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:20px;position:relative;overflow:hidden}.metric:after{content:"";background:#eef4fb;border-radius:50%;width:90px;height:90px;position:absolute;top:-35px;right:-35px}.metric span{color:var(--muted);font-size:13px;font-weight:700}.metric strong{letter-spacing:-.04em;margin:12px 0 9px;font-size:36px;line-height:1;display:block}.metric.accent strong{color:var(--blue)}.metric.warning strong{color:var(--amber)}.metric small{font-size:12px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:22px;padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-heading h2{letter-spacing:-.02em;margin:0;font-size:19px}.search{width:min(360px,45%)}input,select,textarea{width:100%;color:var(--ink);background:#f8fafc;border:1px solid #cfdbe8;border-radius:10px;outline:none;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2463eb1f}textarea{resize:vertical;font:inherit;min-height:90px}input[type=file]{background:#f8fafc}label{color:#42526a;gap:7px;font-size:12px;font-weight:700;display:grid}.checkbox-label{white-space:nowrap;align-items:center;gap:8px;padding-bottom:10px;display:flex}.checkbox-label input{width:auto}.inline-form{background:#f6f9fd;border:1px solid #e3ebf4;border-radius:16px;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:10px;margin-bottom:20px;padding:15px;display:grid}.stack-form{gap:12px;display:grid}.filter-row{flex-wrap:wrap;align-items:end;gap:10px;margin:-6px 0 14px;display:flex}.filter-row label{min-width:150px}.button{color:#29415f;background:#eef3f9;border:1px solid #0000;border-radius:10px;padding:10px 14px;font-weight:750}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue-dark)}.button.secondary{background:#fff;border-color:#c7d5e5}.button.success{background:var(--green);color:#fff}.button.ghost{background:0 0;padding:7px 10px}.button.small{padding:7px 9px;font-size:12px}.button.full{width:100%}.text-action{appearance:none;color:var(--blue);background:0 0;border:0;padding:3px;font-weight:700}.text-action.danger{color:var(--red)}.icon-button{background:#f0f4f8;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{color:#73839a;text-align:left;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:10px 9px;font-size:11px}td{vertical-align:middle;border-bottom:1px solid #edf2f7;padding:12px 9px}tr:last-child td{border-bottom:0}.row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.empty{color:var(--muted);text-align:center;padding:32px 10px}.pill{background:#eef2f7;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.pill.open{color:var(--blue);background:#eaf1ff}.pill.completed{color:var(--green);background:#e4f8f1}.pill.expired,.pill.cancelled{color:#7a8595;background:#eef1f4}.account-list{gap:15px;display:grid}.account-row{border-bottom:1px solid #edf2f7;padding-bottom:14px}.account-row>div:first-child{justify-content:space-between;align-items:center;display:flex}.status-dot{color:#8a94a3;font-size:11px}.status-dot.active{color:var(--green)}.capacity{background:#edf2f7;border-radius:999px;height:8px;margin:10px 0 4px;position:relative}.capacity span{border-radius:inherit;background:linear-gradient(90deg, #37a8ff, var(--blue));height:100%;display:block}.capacity b{font-size:12px;position:absolute;top:-23px;right:0}.notice{border-radius:12px;margin-bottom:16px;padding:12px 15px;font-weight:650}.notice.success{color:#087859;background:#ddf7ed;border:1px solid #b2ecd9}.notice.error{color:#a31d2a;background:#fff0f1;border:1px solid #ffd0d4}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101f3480;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:22px;width:min(520px,100%);padding:22px;box-shadow:0 30px 100px #0c1c304d}.dialog.sensitive{border:2px solid #f4c86a}.account-maintenance-dialog{width:min(760px,100%);max-height:90vh;overflow-y:auto}.account-email-search h2{margin-bottom:8px}.account-email-search .inline-form{margin-top:16px}.account-search-result{border:1px solid var(--line);width:100%;color:var(--blue);text-align:left;background:#f5f9ff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;padding:14px;display:flex}.account-search-result span:last-child{margin-left:auto}.maintenance-summary{background:#f7faff;border:1px solid #dce7f3;border-radius:14px;grid-template-columns:1fr 2fr 1fr;gap:15px;padding:18px;display:grid}.maintenance-summary span{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.maintenance-summary strong{overflow-wrap:anywhere;font-size:13px}.maintenance-summary p{grid-column:1/-1;margin:0}.maintenance-actions{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:20px 0;display:flex}.maintenance-explanation{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.maintenance-groups{gap:12px;display:grid}.maintenance-group{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:12px;padding:14px;font-size:13px}.maintenance-group>div{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.maintenance-group>div span,.maintenance-group p{color:var(--muted);font-size:12px}.maintenance-group p{margin:8px 0}.maintenance-blocker{color:#a85516;background:#fff6e8;border-radius:5px;padding:4px 7px;display:inline-block}.maintenance-form ul{margin:10px 0 0;padding-left:18px;font-size:13px}.maintenance-confirm{background:#fff8ed;border-radius:10px;padding:14px}.maintenance-history{gap:14px;display:grid}.maintenance-history>section{border:1px solid var(--line);border-radius:14px;padding:16px}.maintenance-history header{flex-wrap:wrap;gap:8px;font-size:13px}.maintenance-history header span,.maintenance-history p,.maintenance-history summary{color:var(--muted);font-size:12px}.maintenance-history summary{cursor:pointer;margin-bottom:10px}.history-email-change{background:#f6f9fc;border-radius:10px;grid-template-columns:1fr auto 1fr;gap:12px;padding:12px;display:grid}.history-email-change span{color:var(--muted);font-size:11px}.history-email-change strong{color:var(--ink);overflow-wrap:anywhere;margin-top:5px;font-size:13px;display:block}@media (max-width:600px){.maintenance-summary,.history-email-change{grid-template-columns:1fr}.account-maintenance-dialog{padding:18px}}.dialog header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dialog h2{margin:0}.link-box{word-break:break-all;background:#f1f5f9;border-radius:12px;margin:14px 0;padding:14px;display:block}.fine-print{color:var(--muted);margin:13px 0 0;font-size:12px}.credential{border-bottom:1px solid var(--line);grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;display:grid}.credential code{overflow-wrap:anywhere;background:#f7f8fa;border-radius:8px;padding:10px}.login-shell,.pickup-shell{background:radial-gradient(circle at 20% 0,#ddecff 0,#0000 35%),linear-gradient(145deg,#f7faff,#edf4fb);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fffffff0;border:1px solid #fff;border-radius:28px;width:min(420px,100%);padding:36px;box-shadow:0 28px 80px #213f6229}.brand-mark{color:#fff;background:linear-gradient(135deg,#2f78ff,#1748c8);border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:24px;font-size:24px;font-weight:900;display:grid;box-shadow:0 12px 24px #2463eb3d}.login-card h1{letter-spacing:-.04em;margin-bottom:8px;font-size:29px}.login-form{gap:16px;margin:28px 0;display:grid}.login-card footer{color:var(--muted);text-align:center;font-size:11px}.pickup-card{background:#fffffff5;border:1px solid #fff;border-radius:28px;width:min(520px,100%);padding:28px;box-shadow:0 28px 80px #213f6226}.pickup-card h1{letter-spacing:-.04em;margin-bottom:10px;font-size:30px}.pickup-intro{color:var(--muted);font-size:14px;line-height:1.65}.pickup-meta{grid-template-columns:1.3fr .7fr;gap:10px;margin:22px 0 12px;display:grid}.pickup-meta>div{background:#f6f9fc;border:1px solid #e5ecf4;border-radius:12px;padding:12px}.pickup-meta>div:last-child{grid-column:span 2}.pickup-meta span{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.progress-track{background:#e9eff6;border-radius:99px;height:7px;margin-bottom:22px;overflow:hidden}.progress-track span{background:var(--green);height:100%;transition:width .25s;display:block}.pickup-button{padding:14px}.pickup-credentials{background:#f9fbfe;border:1px solid #cfe0f2;border-radius:18px;margin-bottom:16px;padding:14px;position:relative;overflow:hidden}.watermark{color:#26569112;text-align:center;pointer-events:none;font-size:18px;font-weight:900;position:absolute;inset:44% -10%;transform:rotate(-16deg)}.mobile-credential{z-index:1;border-bottom:1px solid #e1e9f1;grid-template-columns:42px minmax(0,1fr) 54px;align-items:center;gap:8px;padding:11px 0;display:grid;position:relative}.mobile-credential:last-of-type{border-bottom:0}.mobile-credential span{color:var(--muted);font-size:12px}.mobile-credential code{overflow-wrap:anywhere;font-size:13px}.mobile-credential button{color:var(--blue);background:0 0;border:0;font-weight:750}.verification-code-panel{background:#f7faff;border:1px solid #cfe0f2;border-radius:18px;margin:18px 0;padding:18px}.verification-code-panel h2{margin:0;font-size:18px}.verification-code-panel>.fine-print{margin:8px 0 14px;line-height:1.6}.verification-code-result{margin-top:16px}.code-value-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.code-value-row code{letter-spacing:.14em;color:#163e74;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.code-message{color:#3c5371;margin:12px 0 0;font-size:13px;line-height:1.6}.customer-form{grid-template-columns:repeat(3,minmax(0,1fr))}.issuance-panel{border-color:#cfe0f2;flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.issuance-panel h2{margin:0 0 8px}.issuance-panel .muted{margin:0;line-height:1.6}.issuance-form{grid-template-columns:minmax(170px,1fr) auto;align-items:end;gap:10px;max-width:470px;display:grid}.issuance-form .fine-print{grid-column:1/-1;margin:0;line-height:1.6}.fixed-field{color:var(--muted);gap:7px;font-size:12px;display:grid}.fixed-field strong{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#f6f9fc;border-radius:10px;align-items:center;padding:10px 12px;display:flex}.group-number,.group-name{justify-items:start;gap:6px;display:grid}.customer-table table{min-width:650px}.expiry-actions{gap:8px;min-width:128px;display:grid}.accelerator-label{text-align:left;font-size:12px;line-height:1.6}.accelerator-label small{color:var(--muted);font-weight:400;display:block}.accelerator-label.pending{color:#a96915}.account-summary>.accelerator-label{flex-basis:100%;margin:0}.account-pool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.account-pool-card{border:1px solid var(--line);background:#fff;border-top:5px solid #3678f3;border-radius:18px;flex-direction:column;padding:22px;display:flex;box-shadow:0 7px 18px #19365b08}.account-pool-card.pool-cat{border-top-color:#0cb989}.account-pool-card.pool-game{border-top-color:#8c68e8}.account-pool-card.pool-unknown{border-top-color:#d9a23c}.account-pool-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-pool-card h3{overflow-wrap:anywhere;margin:0;font-size:20px}.pool-total{color:var(--muted);white-space:nowrap;font-size:12px}.account-pool-card>p{margin:12px 0;font-size:13px}.pool-statistics{background:#f7f9fb;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.pool-statistics>div{color:#00866b;background:#eafbf5;border-radius:10px;justify-items:center;gap:4px;padding:10px 4px;display:grid}.pool-statistics>div:nth-child(2){color:#2257df;background:#eef4ff}.pool-statistics>div:nth-child(3){color:#bc3443;background:#fff1f2}.pool-statistics strong{font-size:24px}.pool-statistics span{font-size:12px}.pool-card-actions{gap:10px;margin-top:18px;display:flex}.pool-card-actions>button{flex:1}.pool-import-button{color:#00765b;background:#d5f9e9}.pool-help{margin-bottom:0}.pool-routing-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.pool-month-filter{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 18px;font-size:13px;display:flex}.pool-month-filter select{width:auto;min-width:170px}.pool-routing-summary>div{border:1px solid var(--line);background:#f7f9fd;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;font-size:12px;display:flex}.pool-routing-summary strong{overflow-wrap:anywhere}.pool-routing-summary>div>span:first-child{color:var(--muted)}.pool-badges{flex-wrap:wrap;gap:7px;margin-top:14px;font-size:11px;display:flex}.pool-badges>span{background:#f0f4fb;border-radius:6px;padding:5px 7px}.pool-badges .pool-current{color:#087c52;background:#e4f8ef}.pool-paused{color:#995d0a;background:#fff2d8;border-radius:6px;padding:4px 7px}.account-pool-card.pool-is-paused{border-top-color:#c8cfd9}.pool-description{overflow-wrap:anywhere;min-height:2.8em}.pool-management-actions{flex-wrap:wrap;gap:9px 14px;min-height:24px;margin:15px 0;display:flex}.pool-card-actions{margin-top:auto}.import-tabs{background:#f0f2f6;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.import-tabs button{color:#596579;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:12px}.import-tabs button[aria-selected=true]{color:#1557d4;background:#fff;box-shadow:0 2px 6px #1a355214}.account-import-text{resize:vertical;width:100%;font-family:Consolas,monospace;line-height:1.6}.account-file-import{background:#fbfcfe;border:2px dashed #cdd5e2;border-radius:14px;padding:26px 20px}.dialog .account-list{max-height:55vh;padding-right:8px;overflow-y:auto}.group-number strong,.group-code-large{font-variant-numeric:tabular-nums}.group-number strong{white-space:nowrap}.heart-marker{font-size:12px}.support-delivery-note{color:var(--muted);margin:0 0 18px;font-size:13px}.group-code-large{letter-spacing:.1em;color:var(--blue);font-size:38px;display:block}.dialog .button.full+.button.full{margin-top:10px}.delivery-help{margin:-6px 0 20px;line-height:1.6}.account-row>.account-summary{flex-wrap:wrap;gap:6px;min-width:0}.account-assignment{color:var(--muted);overflow-wrap:anywhere;flex-basis:100%;margin:2px 0 0;font-size:12px;line-height:1.6}.confirm-zone{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.confirm-zone p{color:var(--muted);font-size:13px;line-height:1.6}.confirm-zone .button{padding:14px}.complete-state{text-align:center;padding:18px 4px}.complete-state>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 13px;font-size:28px;display:grid}.complete-state.expired>span{background:#8793a3}.complete-state p{color:var(--muted)}.pickup-card footer{color:#8590a0;text-align:center;margin-top:24px;font-size:11px;line-height:1.55}.loading-line{justify-content:center;gap:7px;padding:42px;display:flex}.loading-line span{background:var(--blue);border-radius:50%;width:9px;height:9px;animation:1s infinite alternate pulse}.loading-line span:nth-child(2){animation-delay:.2s}.loading-line span:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.35;transform:translateY(-7px)}}@media (max-width:1000px){.account-pool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.inline-form{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.pool-routing-summary,.account-pool-grid{grid-template-columns:1fr}.dashboard-shell{width:min(100% - 22px,1500px);padding-top:18px}.topbar{display:block}.identity{justify-content:space-between;margin-top:15px}.metric-grid{gap:10px}.metric{padding:15px}.metric strong{font-size:29px}.panel{border-radius:17px;padding:16px}.panel-heading{flex-direction:column;align-items:flex-start}.search{width:100%}.inline-form{grid-template-columns:1fr}.pickup-shell{align-items:start;padding:12px}.pickup-card{border-radius:22px;margin-top:8px;padding:22px 18px}.pickup-card h1{font-size:26px}}.portal-brand{color:var(--muted);align-items:center;gap:12px;margin-bottom:26px;font-size:13px;font-weight:650;display:flex}.portal-brand .brand-mark{width:38px;height:38px;margin:0;font-size:21px}.portal-confirmation{text-align:center;background:#f1f6ff;border:1px solid #d7e4fc;border-radius:18px;margin:24px 0 16px;padding:22px}.portal-confirmation>span{color:var(--muted);font-size:12px;display:block}.portal-confirmation>strong{font-variant-numeric:tabular-nums;letter-spacing:.16em;color:#1d4ec0;margin:12px 0 22px;font-size:36px;display:block}.portal-warning{color:#805620;background:#fff8e9;border-radius:10px;margin:16px 0;padding:12px;font-size:12px;line-height:1.8}.portal-secondary{margin:18px auto 0;display:block}.portal-credentials{background:#eff5ff;border:2px solid #bfd4ff;margin-top:16px;padding:14px}.portal-replacement{text-align:center;background:#fff7f7;border:1px solid #f4c5c7;border-radius:18px;margin:22px 0;padding:22px 18px}.portal-replacement-icon{color:#c83535;background:#fee5e5;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:32px;font-weight:800;display:grid}.portal-replacement h2{color:#a92727;margin:0 0 12px;font-size:21px}.portal-replacement p{color:var(--muted);font-size:14px;line-height:1.7}.portal-replacement .fine-print{margin:14px 0 0;font-size:12px}.portal-credential{background:#fff;border:1px solid #d7e3fa;border-radius:12px;margin-bottom:12px;padding:14px}.portal-credential-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.portal-credential-heading span{color:#174ba5;font-size:18px;font-weight:800}.portal-credential-heading button{color:#194fc3;background:#e8f0ff;border:0;border-radius:9px;flex-shrink:0;min-height:40px;padding:8px 12px;font-size:14px;font-weight:750}.portal-credential code{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;font-size:18px;font-weight:700;line-height:1.5;display:block}.portal-admin-tabs{margin:20px 0}.customer-portal .notice{margin-top:16px}.portal-setup-guide{background:#f0f6ff;border:1px solid #dce8ff;border-radius:12px;margin-top:20px;padding:16px;font-size:14px;line-height:1.7}.portal-setup-guide strong{color:var(--ink);font-size:16px;display:block}.portal-setup-guide p{color:var(--muted);margin:6px 0 0}
