:root{--color-primary-50: #ecfdf8;--color-primary-100: #ccfbef;--color-primary-200: #99f6df;--color-primary-300: #5eead4;--color-primary-400: #2dd4bf;--color-primary-500: #14b8a6;--color-primary-600: #0f766e;--color-primary-700: #115e59;--color-primary-800: #134e4a;--color-primary-900: #0f3f3c;--color-secondary-500: #475569;--color-secondary-600: #334155;--color-accent-50: #fffbeb;--color-accent-100: #fef3c7;--color-accent-200: #fde68a;--color-accent-400: #fbbf24;--color-accent-500: #b45309;--color-accent-600: #92400e;--color-success-50: #ecfdf5;--color-success-500: #16a34a;--color-success-600: #15803d;--color-warning-50: #fef3c7;--color-warning-500: #d97706;--color-warning-600: #b45309;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-gray-50: #f8faf8;--color-gray-100: #f1f5f2;--color-gray-200: #e2e8e3;--color-gray-300: #cbd5ce;--color-gray-400: #94a39d;--color-gray-500: #64746e;--color-gray-600: #47564f;--color-gray-700: #334039;--color-gray-800: #1d2a25;--color-gray-900: #0b1211;--color-background: #f4f1ea;--color-background-soft: #ebe7dc;--color-surface: #fffdf8;--color-surface-elevated: #ffffff;--color-surface-muted: #f8f5ee;--color-text-primary: #111816;--color-text-secondary: #4c5a55;--color-text-muted: #6f7d76;--color-border: rgba(73, 86, 79, .18);--color-divider: rgba(73, 86, 79, .1);--color-focus-ring: rgba(20, 184, 166, .36);--color-page-glow: rgba(20, 184, 166, .12);--color-card-gradient: linear-gradient(135deg, rgba(255, 253, 248, .98) 0%, rgba(248, 245, 238, .94) 100%);--color-shell-gradient: linear-gradient(180deg, rgba(255, 253, 248, .96) 0%, rgba(248, 245, 238, .86) 100%);--scrollbar-size: 8px;--scrollbar-track: rgba(73, 86, 79, .06);--scrollbar-thumb: rgba(73, 86, 79, .28);--scrollbar-thumb-hover: rgba(15, 118, 110, .52);--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "Fira Code", "Consolas", "Monaco", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 18, .05);--shadow-md: 0 10px 28px -22px rgba(15, 23, 18, .45);--shadow-lg: 0 22px 56px -38px rgba(15, 23, 18, .48);--shadow-xl: 0 34px 86px -52px rgba(15, 23, 18, .58);--shadow-soft: 0 16px 40px -34px rgba(15, 23, 18, .48);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root[data-theme=dark]{--color-primary-50: rgba(20, 184, 166, .12);--color-primary-100: rgba(20, 184, 166, .18);--color-primary-200: rgba(20, 184, 166, .28);--color-primary-300: #2dd4bf;--color-primary-400: #5eead4;--color-primary-500: #2dd4bf;--color-primary-600: #5eead4;--color-primary-700: #99f6e4;--color-primary-800: #ccfbf1;--color-primary-900: #f0fdfa;--color-secondary-500: #94a3b8;--color-secondary-600: #cbd5e1;--color-accent-50: rgba(180, 83, 9, .16);--color-accent-100: rgba(180, 83, 9, .22);--color-accent-200: rgba(180, 83, 9, .34);--color-accent-400: #fbbf24;--color-accent-500: #f59e0b;--color-accent-600: #fde68a;--color-success-50: rgba(22, 163, 74, .14);--color-success-500: #4ade80;--color-success-600: #86efac;--color-warning-50: rgba(217, 119, 6, .14);--color-warning-500: #facc15;--color-warning-600: #fde68a;--color-error-50: rgba(220, 38, 38, .14);--color-error-500: #f87171;--color-error-600: #fca5a5;--color-gray-50: #0f1816;--color-gray-100: #14201d;--color-gray-200: #1c2b27;--color-gray-300: #2b3d38;--color-gray-400: #708079;--color-gray-500: #9aa8a1;--color-gray-600: #c2cbc6;--color-gray-700: #d8dfdb;--color-gray-800: #edf2ef;--color-gray-900: #f8faf8;--color-background: #07100e;--color-background-soft: #0d1714;--color-surface: #101a17;--color-surface-elevated: #14211d;--color-surface-muted: #0c1512;--color-text-primary: #f5f3ea;--color-text-secondary: #c4cec7;--color-text-muted: #8f9d96;--color-border: rgba(236, 253, 248, .12);--color-divider: rgba(236, 253, 248, .08);--color-focus-ring: rgba(94, 234, 212, .44);--color-page-glow: rgba(45, 212, 191, .14);--color-card-gradient: linear-gradient(135deg, rgba(16, 26, 23, .98) 0%, rgba(12, 21, 18, .94) 100%);--color-shell-gradient: linear-gradient(180deg, rgba(16, 26, 23, .96) 0%, rgba(12, 21, 18, .88) 100%);--scrollbar-track: rgba(148, 163, 184, .08);--scrollbar-thumb: rgba(148, 163, 184, .32);--scrollbar-thumb-hover: rgba(94, 234, 212, .58);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .32);--shadow-md: 0 18px 38px -28px rgba(0, 0, 0, .82);--shadow-lg: 0 24px 68px -42px rgba(0, 0, 0, .86);--shadow-xl: 0 38px 96px -58px rgba(0, 0, 0, .92);--shadow-soft: 0 18px 44px -34px rgba(0, 0, 0, .88)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{min-height:40px;border:2px solid transparent;border-radius:var(--radius-full);background:transparent;background-clip:content-box;transition:background-color var(--transition-base)}*.is-scrollbar-active,*:focus-within{scrollbar-color:var(--scrollbar-thumb) transparent}*.is-scrollbar-active::-webkit-scrollbar-track,*:focus-within::-webkit-scrollbar-track{background:var(--scrollbar-track)}*.is-scrollbar-active::-webkit-scrollbar-thumb,*:focus-within::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:content-box}*.is-scrollbar-active::-webkit-scrollbar-thumb:hover,*:focus-within::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}*::-webkit-scrollbar-corner,*::-webkit-scrollbar-button{width:0;height:0;background:transparent}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background:radial-gradient(circle at 14% 0%,var(--color-page-glow),transparent 32rem),linear-gradient(180deg,var(--color-background) 0%,var(--color-background-soft) 100%)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);letter-spacing:0}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl);font-weight:var(--font-semibold)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{line-height:var(--leading-relaxed)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}button,[role=button]{font:inherit}button{cursor:pointer}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-primary-600)}.bg-surface{background-color:var(--color-surface)}.bg-accent{background-color:var(--color-accent-500)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}#app{min-height:100vh}.page-container,.overview-dashboard,.my-dashboard,.user-page,.users-page,.channel-page,.group-page,.token-page,.tokens-page,.recharge-page,.recharge-admin-page,.report-page,.statistics-page,.audit-page,.model-plaza-page,.model-square-page,.playground-page,.profile-page,.profile-container,.custom-page{width:100%;max-width:1440px;margin:0 auto;padding:var(--space-6)}body .page-content .page-header,body .page-content .settings-hero,body .page-content .custom-page-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6);padding:20px;border:1px solid var(--color-border);border-radius:22px;overflow:hidden;background:var(--color-shell-gradient);box-shadow:var(--shadow-soft)}body .page-content .page-header:before,body .page-content .settings-hero:before,body .page-content .custom-page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top left,var(--color-page-glow),transparent 36%),linear-gradient(90deg,rgba(180,83,9,.08),transparent 48%);opacity:1}body .page-content .header-content,body .page-content .settings-hero__identity{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-4);min-width:0}body .page-content .header-icon,body .page-content .settings-hero__icon{width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary-700);border:1px solid var(--color-primary-200);background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.65),transparent 36%),linear-gradient(135deg,var(--color-primary-50) 0%,rgba(180,83,9,.1) 100%);box-shadow:0 18px 34px -28px #0f766e9e}body .page-content .header-icon svg,body .page-content .settings-hero__icon svg{width:28px;height:28px;stroke-width:1.9}body .page-content .page-header h1,body .page-content .settings-hero__copy h1,body .page-content .custom-page-hero h1{position:relative;z-index:1;margin:0;font-size:26px;line-height:1.2;color:var(--color-text-primary)}body .page-content .page-subtitle,body .page-content .settings-hero__copy p,body .page-content .custom-page-hero p{position:relative;z-index:1;margin:6px 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.6}body .page-content .page-subtitle svg{display:none}body .page-content .page-header>.n-button,body .page-content .page-header>.n-space,body .page-content .settings-hero__actions,body .page-content .custom-page-hero__actions{position:relative;z-index:1}.card,.group-card,.chart-card,.filter-card,.table-card,.settings-section,.recharge-card,.report-card,.recent-usage,.data-table-wrapper,body .page-content .n-card.chart-card{background:var(--color-card-gradient);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-soft)}.card,.filter-card,.table-card,.settings-section,.recharge-card,.report-card,.recent-usage{padding:var(--space-5)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}body .page-content .stat-card{position:relative;min-height:132px;display:flex;align-items:flex-start;gap:var(--space-4);padding:18px;border:1px solid var(--color-border);border-radius:20px;overflow:hidden;color:var(--color-text-primary);background:var(--color-card-gradient);box-shadow:var(--shadow-soft);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}body .page-content .stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,var(--color-page-glow),transparent 42%);pointer-events:none}body .page-content .stat-card:hover{transform:translateY(-2px);border-color:var(--color-primary-200);box-shadow:var(--shadow-lg)}body .page-content .stat-icon,body .page-content .stat-icon.primary,body .page-content .stat-icon.success,body .page-content .stat-icon.accent,body .page-content .stat-icon.warning,body .page-content .stat-icon.neutral,body .page-content .stat-icon.graphite,body .page-content .stat-icon.orange,body .page-content .stat-icon.mint,body .page-content .stat-icon.info{position:relative;z-index:1;width:44px;height:44px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary-700);border:1px solid var(--color-primary-200);background:var(--color-primary-50)}body .page-content .stat-icon.success{color:var(--color-success-600);background:var(--color-success-50)}body .page-content .stat-icon.accent,body .page-content .stat-icon.warning,body .page-content .stat-icon.orange{color:var(--color-accent-600);background:var(--color-accent-50)}body .page-content .stat-icon.neutral,body .page-content .stat-icon.graphite,body .page-content .stat-icon.mint,body .page-content .stat-icon.info{color:var(--color-secondary-600);background:var(--color-surface-muted)}body .page-content .stat-icon svg{width:22px;height:22px;stroke-width:1.9}body .page-content .stat-content{position:relative;z-index:1;min-width:0}body .page-content .stat-label{color:var(--color-text-muted);font-size:13px;font-weight:700}body .page-content .stat-value,body .page-content .dual-currency .cny{margin-top:8px;color:var(--color-text-primary);font-size:26px;line-height:1.15;font-weight:800}body .page-content .dual-currency .usd,body .page-content .stat-hint,body .page-content .stat-change{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1}.badge.primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge.success{background:var(--color-success-50);color:var(--color-success-600)}.badge.warning{background:var(--color-warning-50);color:var(--color-warning-600)}.badge.error{background:var(--color-error-50);color:var(--color-error-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:1px solid transparent;border-radius:14px;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base),color var(--transition-base);white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%)}.btn.accent{color:#fff;background:linear-gradient(135deg,var(--color-accent-500) 0%,var(--color-accent-600) 100%)}:root[data-theme=dark] body a{color:var(--color-primary-600)}:root[data-theme=dark] body a:hover{color:var(--color-primary-700)}:root[data-theme=dark] body :is(.btn.primary,.btn.accent){color:#fff}:root[data-theme=dark] body .btn.primary{background:linear-gradient(135deg,#0f766e,#0d9488)}:root[data-theme=dark] body .btn.accent{color:#1f1402;background:linear-gradient(135deg,#f59e0b,#fde68a)}body .n-button{font-weight:700}:root[data-theme=dark] body .n-button{--n-text-color-text-primary: var(--color-primary-600);--n-text-color-text-hover-primary: var(--color-primary-700);--n-text-color-text-pressed-primary: var(--color-primary-500);--n-text-color-text-focus-primary: var(--color-primary-700);--n-text-color-ghost-primary: var(--color-primary-600);--n-text-color-ghost-hover-primary: var(--color-primary-700);--n-text-color-ghost-pressed-primary: var(--color-primary-500);--n-text-color-ghost-focus-primary: var(--color-primary-700);--n-border-hover: 1px solid rgba(94, 234, 212, .48);--n-border-focus: 1px solid rgba(94, 234, 212, .58)}:root[data-theme=dark] body .n-button:is(.n-button--primary-type.n-button--secondary,.n-button--primary-type.n-button--tertiary,.n-button--primary-type.n-button--quaternary){color:var(--color-primary-600)!important;background-color:#2dd4bf29!important;border-color:#5eead457!important}:root[data-theme=dark] body .n-button:is(.n-button--primary-type.n-button--secondary,.n-button--primary-type.n-button--tertiary,.n-button--primary-type.n-button--quaternary):hover{color:var(--color-primary-700)!important;background-color:#2dd4bf38!important;border-color:#99f6e47a!important}:root[data-theme=dark] body .n-button:is(.n-button--success-type.n-button--secondary,.n-button--success-type.n-button--tertiary,.n-button--success-type.n-button--quaternary){color:var(--color-success-600)!important;background-color:#4ade8024!important;border-color:#86efac4d!important}:root[data-theme=dark] body .n-button:is(.n-button--warning-type.n-button--secondary,.n-button--warning-type.n-button--tertiary,.n-button--warning-type.n-button--quaternary){color:var(--color-warning-600)!important;background-color:#facc1526!important;border-color:#fde68a4d!important}:root[data-theme=dark] body .n-button:is(.n-button--error-type.n-button--secondary,.n-button--error-type.n-button--tertiary,.n-button--error-type.n-button--quaternary){color:var(--color-error-600)!important;background-color:#f8717124!important;border-color:#fca5a54d!important}:root[data-theme=dark] body .n-tag{--n-text-color-primary: var(--color-primary-600);--n-color-primary: rgba(45, 212, 191, .16);--n-border-primary: 1px solid rgba(94, 234, 212, .34);--n-text-color-info: #67e8f9;--n-color-info: rgba(103, 232, 249, .14);--n-border-info: 1px solid rgba(103, 232, 249, .3);--n-text-color-success: var(--color-success-600);--n-color-success: rgba(74, 222, 128, .14);--n-border-success: 1px solid rgba(134, 239, 172, .3);--n-text-color-warning: var(--color-warning-600);--n-color-warning: rgba(250, 204, 21, .15);--n-border-warning: 1px solid rgba(253, 230, 138, .3);--n-text-color-error: var(--color-error-600);--n-color-error: rgba(248, 113, 113, .14);--n-border-error: 1px solid rgba(252, 165, 165, .3)}body .n-data-table,body .n-card,body .n-modal,body .n-input,body .n-select,body .n-input-number{--n-border-radius: 10px}:root[data-theme=dark] body :is(.n-card,.n-modal,.n-dialog,.n-popover){--n-color: var(--color-surface-elevated);--n-color-modal: var(--color-surface-elevated);--n-border-color: var(--color-border);--n-title-text-color: var(--color-text-primary);--n-text-color: var(--color-text-primary);background:var(--color-card-gradient);border-color:var(--color-border);color:var(--color-text-primary)}:root[data-theme=dark] body :is(.n-input,.n-input-number,.n-base-selection){--n-color: var(--color-surface-elevated);--n-color-focus: var(--color-surface-elevated);--n-color-disabled: rgba(236, 253, 248, .04);--n-border: 1px solid var(--color-border);--n-border-hover: 1px solid rgba(45, 212, 191, .42);--n-border-focus: 1px solid rgba(45, 212, 191, .62);--n-border-disabled: 1px solid rgba(236, 253, 248, .08);--n-box-shadow-focus: 0 0 0 2px var(--color-focus-ring);--n-text-color: var(--color-text-primary);--n-placeholder-color: var(--color-text-muted);--n-caret-color: var(--color-primary-500)}:root[data-theme=dark] body :is(.n-input .n-input__input-el,.n-input .n-input__textarea-el,.n-base-selection .n-base-selection-label){background:transparent;color:var(--color-text-primary)}:root[data-theme=dark] body :is(.n-input,.n-base-selection .n-base-selection-label){background-color:var(--color-surface-elevated)!important}:root[data-theme=dark] body :is(.n-input .n-input__border,.n-input .n-input__state-border,.n-base-selection .n-base-selection__border,.n-base-selection .n-base-selection__state-border){border-color:var(--color-border)}:root[data-theme=dark] body :is(.n-base-select-menu,.n-select-menu,.n-dropdown-menu,.n-date-panel){--n-color: var(--color-surface-elevated);--n-option-color-pending: rgba(236, 253, 248, .06);--n-option-color-active: rgba(20, 184, 166, .14);--n-option-text-color: var(--color-text-primary);--n-option-text-color-active: var(--color-primary-600);--n-option-text-color-pressed: var(--color-primary-500);--n-border-color: var(--color-border);background:var(--color-surface-elevated);border-color:var(--color-border);color:var(--color-text-primary)}:root[data-theme=dark] body .n-data-table{--n-th-color: var(--color-surface-muted);--n-th-color-hover: rgba(236, 253, 248, .06);--n-td-color: rgba(16, 26, 23, .78);--n-td-color-hover: rgba(236, 253, 248, .06);--n-border-color: var(--color-border);--n-merged-border-color: var(--color-border);--n-th-text-color: var(--color-text-secondary);--n-td-text-color: var(--color-text-primary);--n-loading-color: var(--color-primary-600);background:transparent;color:var(--color-text-primary)}:root[data-theme=dark] body :is(.n-data-table-wrapper,.n-data-table-base-table,.n-data-table-table){background:transparent;border-color:var(--color-border)}:root[data-theme=dark] body .n-data-table :is(.n-data-table-th,.n-data-table-td){border-color:var(--color-border)!important;color:var(--color-text-primary)}:root[data-theme=dark] body .n-data-table .n-data-table-th{background:var(--color-surface-muted)!important;color:var(--color-text-secondary)}:root[data-theme=dark] body .n-data-table .n-data-table-td{background:#101a17c7!important}:root[data-theme=dark] body .n-data-table .n-data-table-tr:hover .n-data-table-td{background:#ecfdf80f!important}:root[data-theme=dark] body .n-data-table :is(.n-data-table-empty,.n-empty){background:transparent;color:var(--color-text-secondary)}:root[data-theme=dark] body .channel-type-cell{background:#ecfdf50b;border-color:#94a3b838}:root[data-theme=dark] body .channel-type-logo{background:#ecfdf814;border-color:#ecfdf81f}:root[data-theme=dark] body .channel-type-logo--fallback{background:#2dd4bf24;color:#99f6e4}:root[data-theme=dark] body .channel-list-title__text{color:var(--color-text-primary)}:root[data-theme=dark] body .channel-list-title__icon{color:#5eead4}body .page-content :is(.settings-card,.settings-card__header,.settings-composite-panel,.dynamic-card,.dynamic-row--compact,.payment-preview-card,.payment-capability-item,.payment-plan-card,.menu-page-card,.channel-config-modal,.channel-config-modal__header,.channel-config-modal__footer,.channel-form-section,.endpoint-card,.endpoint-card__value,.modal-card,.ccs-modal-card,.ccs-client-card,.custom-page-card,.api-example-card,.tutorial-card,.step-card){background:var(--color-card-gradient);border-color:var(--color-border);color:var(--color-text-primary)}body .page-content :is(.endpoint-panel__header h3,.endpoint-card__title,.settings-card__header h3,.sub-block__header h4,.settings-composite-panel__header h4,.payment-preview-card strong,.payment-capability-item__title,.payment-capability-item__setting-label,.payment-form .n-form-item-label,.menu-page-card__title,.channel-form-section__title,.channel-number-field__label,.token-group-option-label__name,.ccs-client-card__title){color:var(--color-text-primary)}body .page-content :is(.endpoint-panel__header p,.endpoint-card__desc,.settings-card__header p,.sub-block__header p,.field-hint,.settings-composite-panel__header p,.payment-preview-card__label,.payment-preview-card p,.payment-capability-item p,.payment-capability-item__toggle,.payment-plan-card p,.menu-page-card__title,.channel-form-section__desc,.channel-number-field__hint,.channel-config-modal__footer-copy,.ccs-modal-subtitle,.ccs-modal-summary__label,.ccs-client-card__desc){color:var(--color-text-secondary)}:root[data-theme=dark] body :is(.sidebar,.top-header){background:#101a17f5;border-color:var(--color-border)}:root[data-theme=dark] body :is(.user-dropdown,.about-modal){background:var(--color-card-gradient);border-color:var(--color-border);color:var(--color-text-primary);box-shadow:var(--shadow-lg)}:root[data-theme=dark] body :is(.user-dropdown__section,.user-dropdown__logout,.about-meta-card){border-color:var(--color-border)}:root[data-theme=dark] body :is(.user-dropdown__username,.user-dropdown__item,.about-brand-copy h3,.about-meta-value){color:var(--color-text-primary)}:root[data-theme=dark] body :is(.user-dropdown__email,.user-dropdown__support-label,.user-dropdown__support-value,.about-brand-copy p,.about-meta-label){color:var(--color-text-secondary)}:root[data-theme=dark] body :is(.header-help-button,.user-menu:hover,.user-menu.is-open,.about-modal-close,.about-brand-mark,.about-meta-card){background:#ecfdf80f;border-color:var(--color-border)}:root[data-theme=dark] body .quota-indicator{color:#99f6e4;background:linear-gradient(135deg,#14b8a62e,#2dd4bf14);border-color:#5eead43d;box-shadow:0 18px 36px -28px #2dd4bf6b}:root[data-theme=dark] body .quota-indicator:hover{color:#ccfbf1;background:linear-gradient(135deg,#14b8a63d,#2dd4bf1f);border-color:#5eead461}:root[data-theme=dark] body .page-content :is(.card,.chart-card,.filter-card,.table-card,.filter-panel,.group-card,.group-item,.group-switch,.rule-item,.auto-priority-item,.recent-usage,.loading-state,.empty-state,.error-state,.message-bubble,.modal-card,.ccs-modal-card,.ccs-client-card,[class$=-card],[class*="-card "],[class$=-panel],[class*="-panel "],[class$=-section],[class*="-section "],[class$=-block],[class*="-block "]){border-color:var(--color-border)}:root[data-theme=dark] body .page-content :is(.card,.chart-card,.filter-card,.table-card,.filter-panel,.group-card,.group-item,.rule-item,.auto-priority-item,.recent-usage,.modal-card,.ccs-modal-card,.ccs-client-card){background:var(--color-card-gradient);color:var(--color-text-primary)}:root[data-theme=dark] body .page-content :is(.group-switch,.endpoint-card__value,.quota-card,.expiry-preset,.message-content table,.message-content tbody tr,.message-content .mermaid-container,.message-content .mermaid-container.mermaid-rendered){background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text-primary)}:root[data-theme=dark] body .page-content :is(.loading-state,.empty-state){background:linear-gradient(135deg,#14b8a614,#ecfdf80a);border-color:var(--color-border);color:var(--color-text-secondary)}:root[data-theme=dark] body .page-content :is(.error-state,.message-content .mermaid-error){background:#dc26261f;border-color:#f8717157;color:var(--color-error-600)}:root[data-theme=dark] body .page-content :is(.error-message,.message-content .mermaid-error pre){background:#0c1512f0;border-color:#f8717157;color:var(--color-error-600)}:root[data-theme=dark] body .page-content .recent-usage-table{border-color:var(--color-border)}:root[data-theme=dark] body .page-content :is(h1,h2,h3,h4,h5,h6,strong,[class$=__title],[class*="__title "],[class$=__value],[class*="__value "],[class$=__label],[class*="__label "]){color:var(--color-text-primary)}:root[data-theme=dark] body .page-content :is(p,[class$=__desc],[class*="__desc "],[class$=__hint],[class*="__hint "],[class$=__copy],[class*="__copy "],[class$=__subtitle],[class*="__subtitle "]){color:var(--color-text-secondary)}*:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (max-width: 1180px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.page-container,.overview-dashboard,.my-dashboard,.user-page,.users-page,.channel-page,.group-page,.token-page,.tokens-page,.recharge-page,.recharge-admin-page,.report-page,.statistics-page,.audit-page,.model-plaza-page,.model-square-page,.playground-page,.profile-page,.profile-container,.custom-page{padding:var(--space-4)}body .page-content .page-header,body .page-content .settings-hero,body .page-content .custom-page-hero{flex-direction:column;align-items:stretch;padding:18px}.stats-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{body{background:#fff}.card,.chart-card,.data-table-wrapper{box-shadow:none;border:1px solid #ddd}}