#app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ds-text-primary);min-height:100vh;background:var(--ds-bg-primary)}.auth-page[data-v-b1f7cad1]{display:flex;flex-direction:column;min-height:100vh;background:var(--ds-bg-primary)}.banner[data-v-b1f7cad1]{background:var(--ds-accent-light);border-bottom:1px solid #dbeafe;padding:10px 24px}.banner-content[data-v-b1f7cad1]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--ds-text-brand)}.banner-link[data-v-b1f7cad1]{color:var(--ds-accent);font-weight:500;white-space:nowrap}.auth-wrapper[data-v-b1f7cad1]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card[data-v-b1f7cad1]{width:100%;max-width:400px}.auth-logo[data-v-b1f7cad1]{display:flex;align-items:center;gap:10px;margin-bottom:32px}.logo-icon[data-v-b1f7cad1]{flex-shrink:0}.logo-text[data-v-b1f7cad1]{display:flex;align-items:center;gap:8px}.logo-name[data-v-b1f7cad1]{font-size:20px;font-weight:700;color:var(--ds-text-primary)}.logo-badge[data-v-b1f7cad1]{font-size:10px;font-weight:600;color:var(--ds-accent);background:var(--ds-accent-light);padding:2px 6px;border-radius:4px;letter-spacing:.5px}.alert[data-v-b1f7cad1]{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--ds-radius);font-size:13px;margin-bottom:20px}.alert-error[data-v-b1f7cad1]{color:var(--ds-red);background:var(--ds-red-light);border:1px solid #fecaca}.auth-form[data-v-b1f7cad1]{display:flex;flex-direction:column;gap:16px}.form-item[data-v-b1f7cad1]{display:flex;flex-direction:column;gap:6px}.form-item-label[data-v-b1f7cad1]{font-size:13px;font-weight:500;color:var(--ds-text-secondary)}.form-item-input[data-v-b1f7cad1]{width:100%;height:42px;padding:0 14px;border:1px solid var(--ds-border);border-radius:var(--ds-radius);font-size:14px;color:var(--ds-text-primary);background:var(--ds-bg-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-item-input[data-v-b1f7cad1]::placeholder{color:var(--ds-text-tertiary)}.form-item-input[data-v-b1f7cad1]:focus{border-color:var(--ds-accent);box-shadow:0 0 0 3px #1a56db1a}.form-item-input[data-v-b1f7cad1]:disabled{background:var(--ds-bg-tertiary);cursor:not-allowed}.form-agreement[data-v-b1f7cad1]{font-size:12px;color:var(--ds-text-tertiary);line-height:1.5}.form-agreement-link[data-v-b1f7cad1]{color:var(--ds-text-secondary);text-decoration:underline}.btn-primary[data-v-b1f7cad1]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:44px;background:var(--ds-text-primary);color:#fff;border:none;border-radius:var(--ds-radius);font-size:15px;font-weight:600;transition:background .15s ease;margin-top:4px}.btn-primary[data-v-b1f7cad1]:hover:not(:disabled){background:#1f2937}.btn-primary[data-v-b1f7cad1]:disabled{opacity:.5;cursor:not-allowed}.spinner[data-v-b1f7cad1]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.auth-footer-link[data-v-b1f7cad1]{text-align:center;margin-top:24px;font-size:13px;color:var(--ds-text-tertiary)}.auth-footer-link a[data-v-b1f7cad1]{color:var(--ds-accent);font-weight:500}.auth-footer[data-v-b1f7cad1]{text-align:center;padding:20px;font-size:12px}.footer-link[data-v-b1f7cad1]{color:var(--ds-text-tertiary)}@media (max-width: 640px){.banner[data-v-b1f7cad1]{padding:8px 12px}.banner-content[data-v-b1f7cad1]{font-size:12px;flex-wrap:wrap;text-align:center}.auth-wrapper[data-v-b1f7cad1]{padding:24px 16px}.auth-logo[data-v-b1f7cad1]{margin-bottom:24px}.logo-name[data-v-b1f7cad1]{font-size:18px}.form-item-input[data-v-b1f7cad1]{height:44px;font-size:16px}.btn-primary[data-v-b1f7cad1]{height:46px;font-size:16px}}.auth-page[data-v-24e56fa6]{display:flex;flex-direction:column;min-height:100vh;background:var(--ds-bg-primary)}.banner[data-v-24e56fa6]{background:var(--ds-accent-light);border-bottom:1px solid #dbeafe;padding:10px 24px}.banner-content[data-v-24e56fa6]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--ds-text-brand)}.banner-link[data-v-24e56fa6]{color:var(--ds-accent);font-weight:500;white-space:nowrap}.auth-wrapper[data-v-24e56fa6]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-card[data-v-24e56fa6]{width:100%;max-width:400px}.auth-logo[data-v-24e56fa6]{display:flex;align-items:center;gap:10px;margin-bottom:32px}.logo-icon[data-v-24e56fa6]{flex-shrink:0}.logo-name[data-v-24e56fa6]{font-size:20px;font-weight:700;color:var(--ds-text-primary)}.alert[data-v-24e56fa6]{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--ds-radius);font-size:13px;margin-bottom:20px}.alert-error[data-v-24e56fa6]{color:var(--ds-red);background:var(--ds-red-light);border:1px solid #fecaca}.alert-success[data-v-24e56fa6]{color:var(--ds-green);background:var(--ds-green-light);border:1px solid #a7f3d0}.auth-form[data-v-24e56fa6]{display:flex;flex-direction:column;gap:16px}.form-item[data-v-24e56fa6]{display:flex;flex-direction:column;gap:6px}.form-item-label[data-v-24e56fa6]{font-size:13px;font-weight:500;color:var(--ds-text-secondary)}.form-item-input[data-v-24e56fa6]{width:100%;height:42px;padding:0 14px;border:1px solid var(--ds-border);border-radius:var(--ds-radius);font-size:14px;color:var(--ds-text-primary);background:var(--ds-bg-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-item-input[data-v-24e56fa6]::placeholder{color:var(--ds-text-tertiary)}.form-item-input[data-v-24e56fa6]:focus{border-color:var(--ds-accent);box-shadow:0 0 0 3px #1a56db1a}.form-item-input[data-v-24e56fa6]:disabled{background:var(--ds-bg-tertiary);cursor:not-allowed}.form-agreement[data-v-24e56fa6]{font-size:12px;color:var(--ds-text-tertiary);line-height:1.5}.form-agreement-link[data-v-24e56fa6]{color:var(--ds-text-secondary);text-decoration:underline}.btn-primary[data-v-24e56fa6]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:44px;background:var(--ds-text-primary);color:#fff;border:none;border-radius:var(--ds-radius);font-size:15px;font-weight:600;transition:background .15s ease;margin-top:4px}.btn-primary[data-v-24e56fa6]:hover:not(:disabled){background:#1f2937}.btn-primary[data-v-24e56fa6]:disabled{opacity:.5;cursor:not-allowed}.spinner[data-v-24e56fa6]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.auth-footer-link[data-v-24e56fa6]{text-align:center;margin-top:24px;font-size:13px;color:var(--ds-text-tertiary)}.auth-footer-link a[data-v-24e56fa6]{color:var(--ds-accent);font-weight:500}.auth-footer[data-v-24e56fa6]{text-align:center;padding:20px;font-size:12px}.footer-link[data-v-24e56fa6]{color:var(--ds-text-tertiary)}.verify-code-row[data-v-24e56fa6]{display:flex;gap:10px}.verify-input[data-v-24e56fa6]{flex:1}.btn-send-code[data-v-24e56fa6]{width:auto;flex-shrink:0;padding:0 16px;height:42px;background:var(--ds-bg-primary);color:var(--ds-accent);border:1px solid var(--ds-accent);border-radius:var(--ds-radius);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-send-code[data-v-24e56fa6]:hover:not(:disabled){background:var(--ds-accent);color:#fff}.btn-send-code[data-v-24e56fa6]:disabled{opacity:.5;cursor:not-allowed}.code-msg-success[data-v-24e56fa6]{font-size:12px;color:var(--ds-green);margin-top:4px}.code-msg-error[data-v-24e56fa6]{font-size:12px;color:var(--ds-red);margin-top:4px}@media (max-width: 640px){.banner[data-v-24e56fa6]{padding:8px 12px}.banner-content[data-v-24e56fa6]{font-size:12px;flex-wrap:wrap;text-align:center}.auth-wrapper[data-v-24e56fa6]{padding:24px 16px}.auth-logo[data-v-24e56fa6]{margin-bottom:24px}.logo-name[data-v-24e56fa6]{font-size:18px}.form-item-input[data-v-24e56fa6]{height:44px;font-size:16px}.btn-primary[data-v-24e56fa6]{height:46px;font-size:16px}}.layout[data-v-0c23bb73]{display:flex;min-height:100vh}.mobile-header[data-v-0c23bb73]{display:none}.sidebar[data-v-0c23bb73]{width:var(--ds-sidebar-width);background:var(--ds-bg-sidebar);border-right:1px solid var(--ds-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}.sidebar-brand[data-v-0c23bb73]{display:flex;align-items:center;gap:10px;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar-brand-text[data-v-0c23bb73]{font-size:16px;font-weight:700;color:var(--ds-text-primary)}.sidebar-nav[data-v-0c23bb73]{padding:8px 12px;display:flex;flex-direction:column;gap:2px;flex:1}.nav-item[data-v-0c23bb73]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--ds-radius);font-size:13px;color:var(--ds-text-secondary);cursor:pointer;transition:all .1s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.nav-item[data-v-0c23bb73]:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.nav-item.active[data-v-0c23bb73]{background:#e8f0fe;color:var(--ds-accent);font-weight:500}.sidebar-bottom[data-v-0c23bb73]{padding:16px 12px;border-top:1px solid var(--ds-border);display:flex;flex-direction:column;gap:2px}.sidebar-link[data-v-0c23bb73]{padding:6px 12px;font-size:12px;color:var(--ds-text-tertiary);text-decoration:none;border-radius:var(--ds-radius-sm)}.sidebar-link[data-v-0c23bb73]:hover{color:var(--ds-text-secondary);background:var(--ds-bg-hover);text-decoration:none}.main[data-v-0c23bb73]{flex:1;margin-left:var(--ds-sidebar-width);min-height:100vh}.content[data-v-0c23bb73]{padding:32px 40px;max-width:1100px}.page-title[data-v-0c23bb73]{font-size:24px;font-weight:700;color:var(--ds-text-primary);margin-bottom:4px}.page-subtitle[data-v-0c23bb73]{font-size:13px;color:var(--ds-text-tertiary);margin-bottom:28px}.kpi-row[data-v-0c23bb73]{display:flex;gap:32px;align-items:flex-start;margin-bottom:42px}.kpi-card[data-v-0c23bb73]{display:flex;flex-direction:column}.kpi-label[data-v-0c23bb73]{font-size:13px;color:#8b8b8b;margin-bottom:10px;display:flex;align-items:center;gap:6px}.info-icon[data-v-0c23bb73]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#8b8b8b;cursor:help}.kpi-value-wrap[data-v-0c23bb73]{display:flex;align-items:baseline;gap:4px}.kpi-value[data-v-0c23bb73]{font-size:28px;font-weight:700;color:var(--ds-text-primary);line-height:1.2}.kpi-warn[data-v-0c23bb73]{color:var(--ds-red)}.kpi-unit[data-v-0c23bb73]{font-size:14px;color:var(--ds-text-secondary)}.kpi-actions[data-v-0c23bb73]{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.kpi-status[data-v-0c23bb73]{font-size:13px;color:var(--ds-text-secondary);white-space:nowrap}.btn-topup[data-v-0c23bb73]{height:32px;padding:0 14px;background:var(--ds-text-primary);color:#fff;border:none;border-radius:var(--ds-radius-sm);font-size:12px;font-weight:500;transition:background .15s ease}.btn-topup[data-v-0c23bb73]:hover{background:#1f2937}.service-block[data-v-0c23bb73]{margin-bottom:32px}.service-block-header[data-v-0c23bb73]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 0}.service-block-name[data-v-0c23bb73]{font-size:15px;font-weight:600;color:var(--ds-text-primary)}.service-block-price[data-v-0c23bb73]{font-size:12px;color:var(--ds-text-tertiary);margin-left:12px}.service-block-count[data-v-0c23bb73]{display:flex;align-items:baseline;gap:4px}.service-count[data-v-0c23bb73]{font-size:20px;font-weight:700;color:var(--ds-text-primary)}.section-header[data-v-0c23bb73]{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.section-header h3[data-v-0c23bb73]{font-size:16px;font-weight:600;color:var(--ds-text-primary)}.card[data-v-0c23bb73]{background:var(--ds-bg-primary);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);overflow:hidden}.card-narrow[data-v-0c23bb73]{max-width:500px}.card-header[data-v-0c23bb73]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ds-border-light)}.card-header h3[data-v-0c23bb73]{font-size:15px;font-weight:600}.card-count[data-v-0c23bb73]{font-size:12px;color:var(--ds-text-tertiary)}.card-body[data-v-0c23bb73]{padding:24px}.table[data-v-0c23bb73]{width:100%;border-collapse:collapse}.table th[data-v-0c23bb73]{text-align:left;padding:10px 20px;font-size:12px;font-weight:500;color:var(--ds-text-tertiary);border-bottom:1px solid var(--ds-border)}.table td[data-v-0c23bb73]{padding:12px 20px;font-size:13px;border-bottom:1px solid var(--ds-border-light)}.table tr:last-child td[data-v-0c23bb73]{border-bottom:none}.td-muted[data-v-0c23bb73]{color:var(--ds-text-tertiary)}.td-code[data-v-0c23bb73]{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;color:var(--ds-text-secondary)}.td-amount[data-v-0c23bb73]{font-weight:600;color:var(--ds-green)}.table-state[data-v-0c23bb73]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--ds-text-tertiary);font-size:13px}.spinner-lg[data-v-0c23bb73]{width:28px;height:28px;border:3px solid var(--ds-border);border-top-color:var(--ds-accent);border-radius:50%;animation:spin .7s linear infinite}.table-footer[data-v-0c23bb73]{padding:12px 20px;border-top:1px solid var(--ds-border-light)}.pagination[data-v-0c23bb73]{display:flex;align-items:center;justify-content:center;gap:4px}.pagination button[data-v-0c23bb73]{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--ds-border);background:var(--ds-bg-primary);border-radius:var(--ds-radius-sm);font-size:13px;color:var(--ds-text-secondary);transition:all .1s ease}.pagination button[data-v-0c23bb73]:hover:not(:disabled){background:var(--ds-bg-hover)}.pagination button.active[data-v-0c23bb73]{background:var(--ds-accent);color:#fff;border-color:var(--ds-accent)}.pagination button[data-v-0c23bb73]:disabled{opacity:.4;cursor:not-allowed}.page-dots[data-v-0c23bb73]{padding:0 4px;color:var(--ds-text-tertiary)}.topup-content[data-v-0c23bb73]{max-width:500px}.topup-tabs[data-v-0c23bb73]{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--ds-border)}.topup-tab[data-v-0c23bb73]{padding:10px 20px;border:none;background:none;font-size:14px;color:var(--ds-text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease;font-weight:500}.topup-tab[data-v-0c23bb73]:hover{color:var(--ds-text-primary)}.topup-tab.active[data-v-0c23bb73]{color:var(--ds-text-primary);border-bottom-color:var(--ds-text-primary)}.topup-section[data-v-0c23bb73]{margin-bottom:28px}.topup-section-label[data-v-0c23bb73]{display:block;font-size:13px;font-weight:500;color:var(--ds-text-secondary);margin-bottom:12px}.amount-options[data-v-0c23bb73]{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.amount-option[data-v-0c23bb73]{position:relative;display:flex;align-items:center}.amount-radio[data-v-0c23bb73]{position:absolute;opacity:0;pointer-events:none}.amount-label[data-v-0c23bb73]{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:40px;padding:0 16px;border:1px solid var(--ds-border);border-radius:var(--ds-radius);font-size:14px;font-weight:500;color:var(--ds-text-secondary);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.amount-label[data-v-0c23bb73]:hover{border-color:#c4c7cc}.amount-option.active .amount-label[data-v-0c23bb73]{border-color:var(--ds-text-primary);color:var(--ds-text-primary);font-weight:600}.amount-pricing[data-v-0c23bb73]{height:40px;padding:0 16px;border:none;background:none;font-size:13px;color:var(--ds-accent);cursor:pointer;font-weight:500}.amount-pricing[data-v-0c23bb73]:hover{text-decoration:underline}.payment-options[data-v-0c23bb73]{display:flex;gap:12px}.payment-option[data-v-0c23bb73]{position:relative;display:flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid var(--ds-border);border-radius:var(--ds-radius);cursor:pointer;transition:all .15s ease;min-width:160px}.payment-option[data-v-0c23bb73]:hover{border-color:#c4c7cc}.payment-option.active[data-v-0c23bb73]{border-color:var(--ds-text-primary)}.payment-radio[data-v-0c23bb73]{position:absolute;opacity:0;pointer-events:none}.payment-icon[data-v-0c23bb73]{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.payment-alipay[data-v-0c23bb73]{background:#1677ff}.payment-wechat[data-v-0c23bb73]{background:#07c160}.payment-name[data-v-0c23bb73]{font-size:14px;color:var(--ds-text-primary);font-weight:500}.btn-next[data-v-0c23bb73]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:44px;background:var(--ds-text-primary);color:#fff;border:none;border-radius:var(--ds-radius);font-size:14px;font-weight:600;transition:background .15s ease;margin-bottom:16px}.btn-next[data-v-0c23bb73]:hover:not(:disabled){background:#1f2937}.btn-next[data-v-0c23bb73]:disabled{opacity:.5;cursor:not-allowed}.topup-account[data-v-0c23bb73]{font-size:13px;color:var(--ds-text-tertiary);margin-bottom:20px}.topup-note[data-v-0c23bb73]{padding-top:16px;border-top:1px solid var(--ds-border-light);font-size:12px;color:var(--ds-text-tertiary);line-height:1.8}.topup-note p[data-v-0c23bb73]:first-child{font-weight:600;color:var(--ds-text-secondary);margin-bottom:4px}.topup-note p[data-v-0c23bb73]{margin:0}.alert-sm[data-v-0c23bb73]{margin-top:16px;padding:10px 14px;border-radius:var(--ds-radius);font-size:13px}.alert-sm.success[data-v-0c23bb73]{color:var(--ds-green);background:var(--ds-green-light);border:1px solid #a7f3d0}.alert-sm.error[data-v-0c23bb73]{color:var(--ds-red);background:var(--ds-red-light);border:1px solid #fecaca}.spinner[data-v-0c23bb73]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.modal-overlay[data-v-0c23bb73]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-0c23bb73]{background:var(--ds-bg-primary);border-radius:24px;width:380px;max-width:90vw;box-shadow:0 8px 32px #0000001f}.modal-header[data-v-0c23bb73]{display:flex;align-items:center;justify-content:space-between;padding:26px 24px 0}.modal-header h3[data-v-0c23bb73]{font-size:16px;font-weight:600}.modal-close[data-v-0c23bb73]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--ds-text-tertiary);border-radius:var(--ds-radius-sm)}.modal-close[data-v-0c23bb73]:hover{background:var(--ds-bg-hover)}.modal-body[data-v-0c23bb73]{padding:16px 24px 24px;text-align:center;font-size:13px;color:var(--ds-text-secondary)}.qr-wrap[data-v-0c23bb73]{margin:16px 0}.qr-img[data-v-0c23bb73]{width:260px;height:auto;border:1px solid var(--ds-border);border-radius:var(--ds-radius)}.help-wechat[data-v-0c23bb73]{font-size:12px;color:var(--ds-text-tertiary)}.chart-section-header[data-v-0c23bb73]{margin-bottom:21px}.chart-grid[data-v-0c23bb73]{display:grid;grid-template-columns:1fr 1fr;gap:64px}.chart-block[data-v-0c23bb73]{display:flex;flex-direction:column;gap:12px}.chart-block-header[data-v-0c23bb73]{display:flex;align-items:center;justify-content:space-between}.chart-block-label[data-v-0c23bb73]{font-size:14px;font-weight:500;color:var(--ds-text-primary)}.chart-block-value[data-v-0c23bb73]{font-size:14px;font-weight:500;color:var(--ds-text-secondary)}.chart-container[data-v-0c23bb73]{height:200px;width:100%}.chart-container canvas[data-v-0c23bb73]{width:100%!important;height:100%!important}@media (max-width: 900px){.chart-grid[data-v-0c23bb73]{grid-template-columns:1fr;gap:32px}}@media (max-width: 900px){.kpi-row[data-v-0c23bb73]{flex-wrap:wrap}.kpi-card[data-v-0c23bb73]{flex:1 1 160px}.kpi-actions[data-v-0c23bb73]{padding-top:0}}@media (max-width: 640px){.sidebar[data-v-0c23bb73]{display:none}.mobile-header[data-v-0c23bb73]{display:flex;align-items:center;gap:8px;padding:0 20px;height:56px;background:#fff;border-bottom:1px solid #f5f5f5;position:fixed;top:0;left:0;right:0;z-index:100}.menu-toggle[data-v-0c23bb73]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);padding:0;flex-shrink:0}.menu-toggle[data-v-0c23bb73]:active{background:var(--ds-bg-hover)}.header-brand[data-v-0c23bb73]{display:flex;align-items:center;gap:8px}.header-brand-text[data-v-0c23bb73]{font-size:15px;font-weight:600;color:var(--ds-text-primary)}.drawer-overlay[data-v-0c23bb73]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex}.drawer[data-v-0c23bb73]{width:260px;background:var(--ds-bg-primary);height:100%;display:flex;flex-direction:column;overflow-y:auto;animation:slideIn-0c23bb73 .2s ease}@keyframes slideIn-0c23bb73{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header[data-v-0c23bb73]{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--ds-border)}.drawer-brand-text[data-v-0c23bb73]{font-size:16px;font-weight:700;color:var(--ds-text-primary)}.drawer-nav[data-v-0c23bb73]{padding:8px 12px;display:flex;flex-direction:column;gap:2px;flex:1}.drawer-item[data-v-0c23bb73]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--ds-radius);font-size:14px;color:var(--ds-text-secondary);cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none}.drawer-item[data-v-0c23bb73]:active{background:var(--ds-bg-hover)}.drawer-item.active[data-v-0c23bb73]{background:#e8f0fe;color:var(--ds-accent);font-weight:500}.drawer-footer[data-v-0c23bb73]{padding:8px 12px 16px;border-top:1px solid var(--ds-border);display:flex;flex-direction:column;gap:2px}.main[data-v-0c23bb73]{margin-left:0;margin-top:48px}.content[data-v-0c23bb73]{padding:20px 16px}.page-title[data-v-0c23bb73]{font-size:20px}.page-subtitle[data-v-0c23bb73]{font-size:12px;margin-bottom:20px}.kpi-row[data-v-0c23bb73]{flex-direction:column;gap:16px;margin-bottom:28px}.kpi-card[data-v-0c23bb73]{flex:none}.kpi-value[data-v-0c23bb73]{font-size:24px}.kpi-label[data-v-0c23bb73]{font-size:12px;margin-bottom:6px}.card[data-v-0c23bb73]{overflow-x:auto}.table[data-v-0c23bb73]{min-width:360px}.payment-options[data-v-0c23bb73]{flex-direction:column}.payment-option[data-v-0c23bb73]{min-width:auto;width:100%}.amount-label[data-v-0c23bb73]{min-width:56px;height:36px;padding:0 12px;font-size:13px}.topup-content[data-v-0c23bb73]{max-width:100%}.chart-container[data-v-0c23bb73]{height:160px}.chart-grid[data-v-0c23bb73]{grid-template-columns:1fr;gap:24px}.qr-img[data-v-0c23bb73]{width:200px}}.apikey-card[data-v-0c23bb73]{margin-bottom:20px;background:#fafafa;border-radius:10px;padding:2px 14px 4px;overflow:hidden}.apikey-create-section[data-v-0c23bb73]{margin-top:4px}.btn-apikey-create[data-v-0c23bb73]{padding:8px 20px;background:var(--ds-text-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-apikey-create[data-v-0c23bb73]:hover{background:#1f2937}.btn-apikey-create[data-v-0c23bb73]:disabled{opacity:.5;cursor:not-allowed}.apikey-empty[data-v-0c23bb73]{text-align:center;padding:60px 20px 20px;color:var(--ds-text-secondary);font-size:14px}.apikey-table[data-v-0c23bb73]{width:100%;border-collapse:collapse}.apikey-table th[data-v-0c23bb73]{font-size:14px;font-weight:600;color:#8b8b8b;padding:10px 8px 10px 0;border-bottom:1px solid #e5e5e5;text-align:left}.apikey-table th[data-v-0c23bb73]:first-child{padding-left:0}.apikey-table th[data-v-0c23bb73]:last-child{padding:10px 0 10px 8px}.apikey-table td[data-v-0c23bb73]{font-size:14px;color:#404040;padding:10px 8px 10px 0;border-bottom:none}.apikey-table td[data-v-0c23bb73]:first-child{padding-left:0}.apikey-table td[data-v-0c23bb73]:last-child{padding:10px 0 10px 8px}.apikey-table .apikey-name-cell[data-v-0c23bb73]{font-weight:500;color:var(--ds-text-primary)}.apikey-table .apikey-key-cell code[data-v-0c23bb73]{font-size:14px;color:var(--ds-text-secondary);background:transparent;padding:0;border-radius:0;font-family:inherit}.apikey-table .apikey-date-cell[data-v-0c23bb73]{font-size:14px;color:var(--ds-text-secondary)}.apikey-table .apikey-actions[data-v-0c23bb73]{white-space:nowrap;text-align:right}.btn-apikey-edit[data-v-0c23bb73],.btn-apikey-delete[data-v-0c23bb73]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--ds-text-tertiary);cursor:pointer;transition:all .15s}.btn-apikey-edit[data-v-0c23bb73]:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.btn-apikey-delete[data-v-0c23bb73]:hover{background:#fef2f2;color:var(--ds-red)}.apikey-rename-input[data-v-0c23bb73]{width:100%;height:28px;padding:0 6px;border:1px solid var(--ds-accent);border-radius:4px;font-size:14px;font-weight:500;color:var(--ds-text-primary);background:var(--ds-bg-primary);outline:none;font-family:inherit}.modal-title-sm[data-v-0c23bb73]{font-size:14px!important;font-weight:400!important;color:#404040}.key-create-modal[data-v-0c23bb73]{max-width:380px}.key-create-field[data-v-0c23bb73]{margin-bottom:20px}.key-create-label[data-v-0c23bb73]{display:block;font-size:14px;color:#8b8b8b;margin-bottom:6px}.key-create-input-wrap[data-v-0c23bb73]{display:flex;align-items:center;padding:7px 12px;border:1px solid transparent;border-radius:10px;background:var(--ds-bg-secondary);transition:border-color .2s}.key-create-input-wrap[data-v-0c23bb73]:focus-within{border-color:var(--ds-border);background:var(--ds-bg-primary)}.key-create-input[data-v-0c23bb73]{width:100%;height:25px;border:none;outline:none;background:transparent;font-size:14px;color:var(--ds-text-primary)}.key-create-input[data-v-0c23bb73]::placeholder{color:var(--ds-text-tertiary)}.key-create-actions[data-v-0c23bb73]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel[data-v-0c23bb73]{padding:8px 20px;background:transparent;color:var(--ds-text-primary);border:1px solid var(--ds-border);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-cancel[data-v-0c23bb73]:hover{background:var(--ds-bg-hover)}.btn-apikey-submit[data-v-0c23bb73]{padding:8px 20px;background:var(--ds-text-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-apikey-submit[data-v-0c23bb73]:hover{background:#1f2937}.btn-apikey-submit[data-v-0c23bb73]:disabled{opacity:.5;cursor:not-allowed}.key-modal[data-v-0c23bb73]{max-width:560px}.key-display-row[data-v-0c23bb73]{display:flex;align-items:center;gap:8px;margin:16px 0;padding:12px;background:var(--ds-bg-secondary);border-radius:8px}.key-full[data-v-0c23bb73]{flex:1;font-size:13px;word-break:break-all;color:var(--ds-text-primary)}.btn-copy-key[data-v-0c23bb73]{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--ds-accent);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap;transition:opacity .2s}.btn-copy-key[data-v-0c23bb73]:hover{opacity:.85}.key-modal-actions[data-v-0c23bb73]{text-align:center;margin-top:16px}.btn-key-done[data-v-0c23bb73]{padding:8px 24px;background:var(--ds-accent);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.btn-key-done[data-v-0c23bb73]:hover{opacity:.85}:root{--ds-bg-primary: #ffffff;--ds-bg-secondary: #f8f9fa;--ds-bg-tertiary: #f3f4f6;--ds-bg-hover: #f1f5f9;--ds-bg-sidebar: #f8f9fa;--ds-text-primary: #0f1115;--ds-text-secondary: #4b5563;--ds-text-tertiary: #9ca3af;--ds-text-brand: #1a56db;--ds-border: #e5e7eb;--ds-border-light: #f3f4f6;--ds-accent: #1a56db;--ds-accent-hover: #1e40af;--ds-accent-light: #eff6ff;--ds-red: #dc2626;--ds-red-hover: #b91c1c;--ds-red-light: #fef2f2;--ds-green: #059669;--ds-green-light: #ecfdf5;--ds-radius-sm: 6px;--ds-radius: 8px;--ds-radius-lg: 12px;--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--ds-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--ds-shadow-lg: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--ds-sidebar-width: 220px;--ds-header-height: 56px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;font-size:14px;color:var(--ds-text-primary);background:var(--ds-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--ds-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input{font-family:inherit}@keyframes spin{to{transform:rotate(360deg)}}