:root{color-scheme:light;--background: #f7f8fa;--foreground: #1e293b;--card: #ffffff;--card-foreground: #1e293b;--popover: #ffffff;--popover-foreground: #1e293b;--primary: #4f46e5;--primary-foreground: #ffffff;--secondary: #f1f5f9;--secondary-foreground: #1e293b;--muted: #f8fafc;--muted-foreground: #94a3b8;--accent: #6366f1;--accent-foreground: #ffffff;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #e2e8f0;--input: #e2e8f0;--ring: #4f46e5;--chart-1: #4f46e5;--chart-2: #10b981;--chart-3: #f59e0b;--chart-4: #ec4899;--chart-5: #06b6d4;--border-strong: #cbd5e1;--border-subtle: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-bright: #0f172a;--text-inverse: #ffffff;--state-success: #10b981;--state-success-bg: #d1fae5;--state-warning: #f59e0b;--state-warning-bg: #fef3c7;--state-error: #ef4444;--state-error-bg: #fee2e2;--state-info: #3b82f6;--state-info-bg: #dbeafe;--surface: #ffffff;--surface-hover: #f8fafc;--surface-active: #f1f5f9;--shadow-xs: 0 1px 2px 0px rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0px rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .06);--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-sans: "Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--topnav-height: 56px;--content-max-width: 1200px;--primary-hover: #4338ca;--platform-steam-bg: #dbeafe;--platform-steam-fg: #2563eb;--platform-steam-border: #bfdbfe;--platform-epic-bg: #f3f4f6;--platform-epic-fg: #374151;--platform-epic-border: #e5e7eb;--kpi-icon-indigo-bg: #eef2ff;--kpi-icon-indigo-fg: #4f46e5;--kpi-icon-emerald-bg: #d1fae5;--kpi-icon-emerald-fg: #10b981;--kpi-icon-amber-bg: #fef3c7;--kpi-icon-amber-fg: #f59e0b;--kpi-icon-rose-bg: #fee2e2;--kpi-icon-rose-fg: #ef4444;--ring-glow: rgba(79, 70, 229, .1);--primary-bg: #eef2ff;--bg-glow-1: rgba(99, 102, 241, .1);--bg-glow-2: rgba(79, 70, 229, .08);--bg-glow-3: rgba(16, 185, 129, .06);--bg-glow-4: rgba(236, 72, 153, .05);--topnav-bg: var(--card);--topnav-border: var(--border)}html[data-theme=emerald]{--primary: #059669;--primary-hover: #047857;--accent: #10b981;--ring: #059669;--chart-1: #059669;--kpi-icon-indigo-bg: #d1fae5;--kpi-icon-indigo-fg: #059669;--ring-glow: rgba(5, 150, 105, .12);--primary-bg: #ecfdf5;--bg-glow-1: rgba(16, 185, 129, .09);--bg-glow-2: rgba(5, 150, 105, .06);--bg-glow-3: rgba(99, 102, 241, .05)}html[data-theme=ocean]{--primary: #0284c7;--primary-hover: #0369a1;--accent: #06b6d4;--ring: #0284c7;--chart-1: #0284c7;--kpi-icon-indigo-bg: #e0f2fe;--kpi-icon-indigo-fg: #0284c7;--ring-glow: rgba(2, 132, 199, .12);--primary-bg: #f0f9ff;--bg-glow-1: rgba(6, 182, 212, .1);--bg-glow-2: rgba(2, 132, 199, .06);--bg-glow-3: rgba(59, 130, 246, .05);--topnav-bg: linear-gradient(90deg, #0c4a6e, #0369a1);--topnav-border: transparent}html[data-theme=ocean] .topnav{background:var(--topnav-bg);border-bottom:none;box-shadow:0 1px 8px #02203c47}html[data-theme=ocean] .topnav-logo{color:#fff}html[data-theme=ocean] .topnav-logo-mark{background:#ffffff2e}html[data-theme=ocean] .topnav-item{color:#fffc}html[data-theme=ocean] .topnav-item:hover{background:#ffffff1f;color:#fff}html[data-theme=ocean] .topnav-item.active{background:#0ea5e9;color:#fff}html[data-theme=ocean] .topnav-user{border-color:#ffffff40;background:#ffffff14}html[data-theme=ocean] .topnav-user:hover{background:#ffffff29}html[data-theme=ocean] .topnav-user-name{color:#fff}html[data-theme=ocean] .topnav-user-role{color:#ffffffa6}html[data-theme=ocean] .topnav-avatar{background:linear-gradient(135deg,#22d3ee,#0ea5e9)}html[data-theme=rose]{--primary: #e11d48;--primary-hover: #be123c;--accent: #f43f5e;--ring: #e11d48;--chart-1: #e11d48;--kpi-icon-indigo-bg: #ffe4e6;--kpi-icon-indigo-fg: #e11d48;--ring-glow: rgba(225, 29, 72, .12);--primary-bg: #fff1f2;--bg-glow-1: rgba(244, 63, 94, .09);--bg-glow-2: rgba(225, 29, 72, .06);--bg-glow-3: rgba(244, 114, 182, .05)}html[data-theme=glory]{color-scheme:dark;--background: #0b1020;--foreground: #e8ecf5;--card: rgba(255, 255, 255, .06);--card-foreground: #e8ecf5;--popover: rgba(17, 22, 44, .9);--popover-foreground: #e8ecf5;--primary: #f0b429;--primary-foreground: #161000;--primary-hover: #e0a525;--secondary: rgba(255, 255, 255, .08);--secondary-foreground: #e8ecf5;--muted: rgba(255, 255, 255, .05);--muted-foreground: #8a93ad;--accent: #34d3eb;--accent-foreground: #08201f;--destructive: #f87171;--destructive-foreground: #ffffff;--border: rgba(255, 255, 255, .1);--input: rgba(255, 255, 255, .14);--ring: #f0b429;--chart-1: #f0b429;--chart-2: #34d3eb;--chart-3: #a78bfa;--chart-4: #fb7185;--chart-5: #34d399;--border-strong: rgba(255, 255, 255, .2);--border-subtle: rgba(255, 255, 255, .06);--text-primary: rgba(238, 242, 255, .92);--text-secondary: rgba(199, 208, 232, .72);--text-muted: rgba(155, 165, 195, .6);--text-bright: #ffffff;--text-inverse: #0f1424;--state-success: #34d399;--state-success-bg: rgba(16, 185, 129, .15);--state-warning: #fbbf24;--state-warning-bg: rgba(245, 158, 11, .15);--state-error: #f87171;--state-error-bg: rgba(239, 68, 68, .15);--state-info: #60a5fa;--state-info-bg: rgba(59, 130, 246, .15);--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .09);--surface-active: rgba(255, 255, 255, .13);--ring-glow: rgba(240, 180, 41, .18);--primary-bg: rgba(240, 180, 41, .12);--bg-glow-1: rgba(240, 180, 41, .13);--bg-glow-2: rgba(139, 92, 246, .13);--bg-glow-3: rgba(52, 211, 235, .1);--bg-glow-4: rgba(236, 72, 153, .09);--topnav-bg: rgba(9, 13, 26, .55);--topnav-border: rgba(255, 255, 255, .08);--platform-steam-bg: rgba(56, 132, 255, .18);--platform-steam-fg: #7db4ff;--platform-steam-border: rgba(56, 132, 255, .35);--platform-epic-bg: rgba(255, 255, 255, .08);--platform-epic-fg: #cfd6e4;--platform-epic-border: rgba(255, 255, 255, .14);--kpi-icon-indigo-bg: rgba(240, 180, 41, .18);--kpi-icon-indigo-fg: #ffd970;--kpi-icon-emerald-bg: rgba(16, 185, 129, .18);--kpi-icon-emerald-fg: #6ee7b7;--kpi-icon-amber-bg: rgba(245, 158, 11, .18);--kpi-icon-amber-fg: #fcd34d;--kpi-icon-rose-bg: rgba(244, 63, 94, .18);--kpi-icon-rose-fg: #fda4af;--shadow-xs: 0 1px 2px 0px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 3px 0px rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .45), 0 2px 4px -2px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .55), 0 8px 10px -6px rgba(0, 0, 0, .4)}html[data-theme=glory] body{background:radial-gradient(1100px 600px at 82% -10%,rgba(240,180,41,.13),transparent 60%),radial-gradient(900px 520px at -8% 30%,rgba(139,92,246,.15),transparent 60%),radial-gradient(1000px 600px at 106% 88%,rgba(52,211,235,.11),transparent 60%),linear-gradient(165deg,#4a5d8c,#3a4d7a 35%,#28365c);background-attachment:fixed}@media (prefers-color-scheme: dark){html[data-theme=glory] body{background:radial-gradient(1100px 600px at 82% -10%,rgba(240,180,41,.11),transparent 60%),radial-gradient(900px 520px at -8% 30%,rgba(139,92,246,.12),transparent 60%),radial-gradient(1000px 600px at 106% 88%,rgba(52,211,235,.09),transparent 60%),linear-gradient(165deg,#202a4a,#17203c 55%,#101831);background-attachment:fixed}}@media (prefers-color-scheme: light){html[data-theme=glory] body{background:radial-gradient(1100px 600px at 82% -10%,rgba(240,180,41,.16),transparent 60%),radial-gradient(900px 520px at -8% 30%,rgba(139,92,246,.18),transparent 60%),radial-gradient(1000px 600px at 106% 88%,rgba(52,211,235,.13),transparent 60%),linear-gradient(165deg,#5b74a8,#4a6294 55%,#3a517e);background-attachment:fixed}}html[data-theme=glory] .card,html[data-theme=glory] .kpi-card,html[data-theme=glory] .filter-bar,html[data-theme=glory] .btn-ghost,html[data-theme=glory] .btn-danger,html[data-theme=glory] .input-field,html[data-theme=glory] .modal,html[data-theme=glory] .drawer,html[data-theme=glory] .theme-panel,html[data-theme=glory] .toast,html[data-theme=glory] .config-card,html[data-theme=glory] .rate-card,html[data-theme=glory] .currency-card,html[data-theme=glory] .game-card,html[data-theme=glory] .settle-card{backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}html[data-theme=glory] .card,html[data-theme=glory] .kpi-card,html[data-theme=glory] .config-card,html[data-theme=glory] .rate-card,html[data-theme=glory] .currency-card,html[data-theme=glory] .game-card,html[data-theme=glory] .settle-card{border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14}html[data-theme=glory] .card-hover:hover,html[data-theme=glory] .rate-card:hover,html[data-theme=glory] .currency-card:hover,html[data-theme=glory] .game-card:hover,html[data-theme=glory] .settle-card:hover{border-color:#f0b42961;box-shadow:var(--shadow-md),0 0 26px #f0b42924}html[data-theme=glory] .topnav{background:#10182ea6;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 1px 12px #00000059}html[data-theme=glory] .modal-mask,html[data-theme=glory] .drawer-mask{background:#04060e9e}html[data-theme=glory] .modal,html[data-theme=glory] .drawer{background:#10152ad1;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}html[data-theme=glory] .theme-panel{background:#11162ce6}html[data-theme=glory] .input-field{background:#ffffff14}html[data-theme=glory] select option{background-color:#1a2240;color:#e8ecf5}html[data-theme=glory] .filter-bar,html[data-theme=glory] .kpi-card{background:#ffffff0f}html[data-theme=glory] .btn-primary:hover{box-shadow:0 2px 12px #f0b42959}html[data-theme=glory] .topnav-logo-mark{color:#1a1205}html[data-theme=glory] .topnav-avatar{color:#0f1424}html[data-theme=glory] .topnav-item.active,html[data-theme=glory] .platform-radio-btn.active{color:#1a1205}html[data-theme=glory] .theme-switch-btn{background:#ffffff14;border-color:#ffffff24;color:var(--text-primary)}html[data-theme=glory] .theme-switch-btn:hover{background:#ffffff24}html[data-theme=glory] .badge-warning{color:#fcd34d}html[data-theme=glory] .alert-bar{border-color:#f59e0b66}html[data-theme=glory] .alert-bar-text{color:#fcd34d}html[data-theme=glory] .alert-fill-btn{color:#1a1205}html[data-theme=glory] .missing-chip{background:#f59e0b2e;border-color:#f59e0b66;color:#fcd34d}html[data-theme=glory] .tag-steam{background:#3884ff2e;color:#7db4ff}html[data-theme=glory] .tag-epic{background:#ffffff14;color:#cfd6e4}html[data-theme=glory] .tag-other{background:#ffffff0f;color:var(--text-secondary)}html[data-theme=glory] .toast-success{background:#10b9812e;color:#6ee7b7;border-color:#10b98159}html[data-theme=glory] .toast-error{background:#ef44442e;color:#fca5a5;border-color:#ef444459}html[data-theme=glory] .toast-info{background:#3b82f62e;color:#93c5fd;border-color:#3b82f659}html[data-theme=glory] .toast-warning{background:#f59e0b2e;color:#fcd34d;border-color:#f59e0b59}html[data-theme=dark]{color-scheme:dark;--background: #111827;--foreground: #f1f5f9;--card: #1f2937;--card-foreground: #f1f5f9;--popover: #1f2937;--popover-foreground: #f1f5f9;--primary: #6366f1;--primary-foreground: #ffffff;--primary-hover: #4f46e5;--secondary: #374151;--secondary-foreground: #f1f5f9;--muted: #374151;--muted-foreground: #94a3b8;--accent: #818cf8;--accent-foreground: #ffffff;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #374151;--input: #4b5563;--ring: #6366f1;--chart-1: #818cf8;--chart-2: #34d399;--chart-3: #fbbf24;--chart-4: #f472b6;--chart-5: #22d3ee;--border-strong: #4b5563;--border-subtle: #2b3444;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-bright: #ffffff;--text-inverse: #111827;--state-success: #34d399;--state-success-bg: rgba(16, 185, 129, .15);--state-warning: #fbbf24;--state-warning-bg: rgba(245, 158, 11, .15);--state-error: #f87171;--state-error-bg: rgba(239, 68, 68, .15);--state-info: #60a5fa;--state-info-bg: rgba(59, 130, 246, .15);--surface: #1a2332;--surface-hover: #263244;--surface-active: #2e3b50;--ring-glow: rgba(99, 102, 241, .18);--primary-bg: rgba(99, 102, 241, .12);--bg-glow-1: rgba(99, 102, 241, .12);--bg-glow-2: rgba(139, 92, 246, .09);--bg-glow-3: rgba(16, 185, 129, .07);--bg-glow-4: rgba(236, 72, 153, .06);--topnav-bg: #161e2c;--topnav-border: #2b3444;--platform-steam-bg: rgba(56, 132, 255, .18);--platform-steam-fg: #7db4ff;--platform-steam-border: rgba(56, 132, 255, .35);--platform-epic-bg: rgba(255, 255, 255, .08);--platform-epic-fg: #d1d5db;--platform-epic-border: rgba(255, 255, 255, .14);--kpi-icon-indigo-bg: rgba(99, 102, 241, .18);--kpi-icon-indigo-fg: #a5b4fc;--kpi-icon-emerald-bg: rgba(16, 185, 129, .18);--kpi-icon-emerald-fg: #6ee7b7;--kpi-icon-amber-bg: rgba(245, 158, 11, .18);--kpi-icon-amber-fg: #fcd34d;--kpi-icon-rose-bg: rgba(244, 63, 94, .18);--kpi-icon-rose-fg: #fda4af;--shadow-xs: 0 1px 2px 0px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px 0px rgba(0, 0, 0, .45), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .55), 0 4px 6px -4px rgba(0, 0, 0, .45);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .45)}html[data-theme=dark] body{background:radial-gradient(1000px 560px at 85% -8%,rgba(99,102,241,.13),transparent 60%),radial-gradient(900px 500px at -6% 28%,rgba(139,92,246,.11),transparent 60%),radial-gradient(900px 520px at 104% 90%,rgba(52,211,235,.09),transparent 60%),linear-gradient(165deg,#1d2542,#151c36 55%,#101626);background-attachment:fixed}html[data-theme=dark] .card,html[data-theme=dark] .kpi-card,html[data-theme=dark] .filter-bar,html[data-theme=dark] .config-card,html[data-theme=dark] .rate-card,html[data-theme=dark] .currency-card,html[data-theme=dark] .game-card,html[data-theme=dark] .settle-card{background:#ffffff0d;border-color:#ffffff1a;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px #ffffff0f}html[data-theme=dark] .card-hover:hover,html[data-theme=dark] .rate-card:hover,html[data-theme=dark] .currency-card:hover,html[data-theme=dark] .game-card:hover,html[data-theme=dark] .settle-card:hover{border-color:#6366f166;box-shadow:var(--shadow-md),0 0 24px #6366f11f}html[data-theme=dark] .topnav{background:#1118279e;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 1px 12px #00000059}html[data-theme=dark] .modal-mask,html[data-theme=dark] .drawer-mask{background:#030712a8}html[data-theme=dark] .modal,html[data-theme=dark] .drawer,html[data-theme=dark] .theme-panel{background:#1f2937eb;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}html[data-theme=dark] .input-field{background:#ffffff14}html[data-theme=dark] select option{background-color:#1f2937;color:#e5e7eb}html[data-theme=dark] .badge-warning{color:#fcd34d}html[data-theme=dark] .alert-bar{border-color:#f59e0b66}html[data-theme=dark] .alert-bar-text{color:#fcd34d}html[data-theme=dark] .toast-success{background:#10b9812e;color:#6ee7b7;border-color:#10b98159}html[data-theme=dark] .toast-error{background:#ef44442e;color:#fca5a5;border-color:#ef444459}html[data-theme=dark] .toast-info{background:#3b82f62e;color:#93c5fd;border-color:#3b82f659}html[data-theme=dark] .toast-warning{background:#f59e0b2e;color:#fcd34d;border-color:#f59e0b59}html[data-theme=indigo] body{background:radial-gradient(880px 480px at 88% -6%,rgba(99,102,241,.14),transparent 62%),radial-gradient(760px 440px at -6% 34%,rgba(79,70,229,.1),transparent 62%),radial-gradient(820px 480px at 104% 96%,rgba(129,140,248,.1),transparent 62%),linear-gradient(165deg,#eef1fb,#f4f6fd 52%,#fafbff);background-attachment:fixed}html[data-theme=emerald] body{background:radial-gradient(880px 480px at 88% -6%,rgba(16,185,129,.14),transparent 62%),radial-gradient(760px 440px at -6% 34%,rgba(5,150,105,.1),transparent 62%),radial-gradient(820px 480px at 104% 96%,rgba(52,211,153,.1),transparent 62%),linear-gradient(165deg,#ecf8f2,#f2faf5 52%,#fafdfa);background-attachment:fixed}html[data-theme=ocean] body{background:radial-gradient(880px 480px at 88% -6%,rgba(14,165,233,.16),transparent 62%),radial-gradient(760px 440px at -6% 34%,rgba(2,132,199,.12),transparent 62%),radial-gradient(820px 480px at 104% 96%,rgba(34,211,238,.12),transparent 62%),linear-gradient(165deg,#eaf6fd,#f0f9fe 52%,#f8fcff);background-attachment:fixed}html[data-theme=rose] body{background:radial-gradient(880px 480px at 88% -6%,rgba(244,63,94,.13),transparent 62%),radial-gradient(760px 440px at -6% 34%,rgba(225,29,72,.09),transparent 62%),radial-gradient(820px 480px at 104% 96%,rgba(251,113,133,.1),transparent 62%),linear-gradient(165deg,#fdf0f3,#fbf3f5 52%,#fefafb);background-attachment:fixed}html[data-theme=indigo] .card,html[data-theme=indigo] .kpi-card,html[data-theme=indigo] .filter-bar,html[data-theme=indigo] .config-card,html[data-theme=indigo] .rate-card,html[data-theme=indigo] .currency-card,html[data-theme=indigo] .game-card,html[data-theme=indigo] .settle-card{background:#ffffffb8;border-color:#4f46e524;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px #ffffffe6}html[data-theme=indigo] .card-hover:hover,html[data-theme=indigo] .rate-card:hover,html[data-theme=indigo] .currency-card:hover,html[data-theme=indigo] .game-card:hover,html[data-theme=indigo] .settle-card:hover{border-color:#4f46e56b;box-shadow:var(--shadow-md),0 0 24px #6366f11f}html[data-theme=emerald] .card,html[data-theme=emerald] .kpi-card,html[data-theme=emerald] .filter-bar,html[data-theme=emerald] .config-card,html[data-theme=emerald] .rate-card,html[data-theme=emerald] .currency-card,html[data-theme=emerald] .game-card,html[data-theme=emerald] .settle-card{background:#ffffffb8;border-color:#05966929;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px #ffffffe6}html[data-theme=emerald] .card-hover:hover,html[data-theme=emerald] .rate-card:hover,html[data-theme=emerald] .currency-card:hover,html[data-theme=emerald] .game-card:hover,html[data-theme=emerald] .settle-card:hover{border-color:#05966973;box-shadow:var(--shadow-md),0 0 24px #10b98124}html[data-theme=ocean] .card,html[data-theme=ocean] .kpi-card,html[data-theme=ocean] .filter-bar,html[data-theme=ocean] .config-card,html[data-theme=ocean] .rate-card,html[data-theme=ocean] .currency-card,html[data-theme=ocean] .game-card,html[data-theme=ocean] .settle-card{background:#ffffffbd;border-color:#0284c72e;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px #ffffffe6}html[data-theme=ocean] .card-hover:hover,html[data-theme=ocean] .rate-card:hover,html[data-theme=ocean] .currency-card:hover,html[data-theme=ocean] .game-card:hover,html[data-theme=ocean] .settle-card:hover{border-color:#0284c77a;box-shadow:var(--shadow-md),0 0 24px #0ea5e929}html[data-theme=rose] .card,html[data-theme=rose] .kpi-card,html[data-theme=rose] .filter-bar,html[data-theme=rose] .config-card,html[data-theme=rose] .rate-card,html[data-theme=rose] .currency-card,html[data-theme=rose] .game-card,html[data-theme=rose] .settle-card{background:#ffffffb8;border-color:#e11d4824;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px #ffffffe6}html[data-theme=rose] .card-hover:hover,html[data-theme=rose] .rate-card:hover,html[data-theme=rose] .currency-card:hover,html[data-theme=rose] .game-card:hover,html[data-theme=rose] .settle-card:hover{border-color:#e11d486b;box-shadow:var(--shadow-md),0 0 24px #f43f5e21}html[data-theme=light]{--background: #f8fafc;--foreground: #1e293b;--card: #ffffff;--card-foreground: #1e293b;--popover: #ffffff;--popover-foreground: #1e293b;--primary: #2563eb;--primary-foreground: #ffffff;--primary-hover: #1d4ed8;--secondary: #f1f5f9;--secondary-foreground: #1e293b;--muted: #f1f5f9;--muted-foreground: #64748b;--accent: #3b82f6;--accent-foreground: #ffffff;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #e2e8f0;--input: #e2e8f0;--ring: #2563eb;--chart-1: #2563eb;--chart-2: #10b981;--chart-3: #f59e0b;--chart-4: #ec4899;--chart-5: #06b6d4;--border-strong: #cbd5e1;--border-subtle: #f1f5f9;--text-primary: #334155;--text-secondary: #64748b;--text-muted: #94a3b8;--text-bright: #0f172a;--text-inverse: #ffffff;--state-success: #10b981;--state-success-bg: #d1fae5;--state-warning: #f59e0b;--state-warning-bg: #fef3c7;--state-error: #ef4444;--state-error-bg: #fee2e2;--state-info: #3b82f6;--state-info-bg: #dbeafe;--surface: #ffffff;--surface-hover: #f8fafc;--surface-active: #f1f5f9;--ring-glow: rgba(37, 99, 235, .1);--primary-bg: #eff6ff;--bg-glow-1: rgba(59, 130, 246, .08);--bg-glow-2: rgba(37, 99, 235, .05);--bg-glow-3: rgba(16, 185, 129, .05);--bg-glow-4: rgba(236, 72, 153, .04);--topnav-bg: #ffffff;--topnav-border: #e2e8f0;--kpi-icon-indigo-bg: #eff6ff;--kpi-icon-indigo-fg: #2563eb}html[data-theme=ink]{color-scheme:light;--background: linear-gradient(165deg, #f7f2e5 0%, #efe7d6 52%, #faf5ea 100%);--foreground: #2e2c29;--card: rgba(255, 252, 244, .82);--card-foreground: #2e2c29;--popover: #fdf9f0;--popover-foreground: #2e2c29;--primary: #c0392b;--primary-foreground: #fdf6e9;--primary-hover: #9c2d20;--secondary: #e9e2d3;--secondary-foreground: #3a3630;--muted: #efe8da;--muted-foreground: #8a8375;--accent: #3a3a40;--accent-foreground: #fdf6e9;--destructive: #b0413a;--destructive-foreground: #ffffff;--border: rgba(51, 48, 43, .16);--input: rgba(51, 48, 43, .2);--ring: #c0392b;--chart-1: #3a3a40;--chart-2: #c0392b;--chart-3: #a1662f;--chart-4: #4a5d66;--chart-5: #7c7a6e;--border-strong: rgba(51, 48, 43, .28);--border-subtle: rgba(51, 48, 43, .08);--text-primary: #3a3731;--text-secondary: #6f6a5f;--text-muted: #9a9387;--text-bright: #221f1a;--text-inverse: #fdf6e9;--state-success: #4a7a5c;--state-success-bg: rgba(74, 122, 92, .12);--state-warning: #a1662f;--state-warning-bg: rgba(161, 102, 47, .14);--state-error: #b0413a;--state-error-bg: rgba(176, 65, 58, .1);--state-info: #4a6a7a;--state-info-bg: rgba(74, 106, 122, .12);--surface: rgba(255, 252, 244, .72);--surface-hover: rgba(255, 252, 244, .92);--surface-active: #efe7d6;--ring-glow: rgba(192, 57, 43, .12);--primary-bg: rgba(192, 57, 43, .08);--bg-glow-1: rgba(58, 58, 64, .1);--bg-glow-2: rgba(192, 57, 43, .06);--bg-glow-3: rgba(74, 106, 122, .05);--bg-glow-4: rgba(161, 102, 47, .05);--topnav-bg: linear-gradient(90deg, #232326 0%, #3a3a40 55%, #4c4c54 100%);--topnav-border: rgba(0, 0, 0, .35);--shadow-xs: 0 1px 2px 0px rgba(60, 50, 30, .05);--shadow-sm: 0 1px 3px 0px rgba(60, 50, 30, .08), 0 1px 2px -1px rgba(60, 50, 30, .06);--shadow-md: 0 4px 6px -1px rgba(60, 50, 30, .1), 0 2px 4px -2px rgba(60, 50, 30, .08);--shadow-lg: 0 10px 15px -3px rgba(60, 50, 30, .14), 0 4px 6px -4px rgba(60, 50, 30, .1);--shadow-xl: 0 20px 25px -5px rgba(60, 50, 30, .18), 0 8px 10px -6px rgba(60, 50, 30, .12);--kpi-icon-indigo-bg: rgba(58, 58, 64, .1);--kpi-icon-indigo-fg: #3a3a40;--kpi-icon-emerald-bg: rgba(74, 122, 92, .12);--kpi-icon-emerald-fg: #4a7a5c;--kpi-icon-amber-bg: rgba(161, 102, 47, .14);--kpi-icon-amber-fg: #a1662f;--kpi-icon-rose-bg: rgba(192, 57, 43, .1);--kpi-icon-rose-fg: #c0392b}html[data-theme=ink] body{background:transparent}html[data-theme=ink] body:before{background:radial-gradient(520px 420px at 78% 12%,rgba(58,58,64,.12),transparent 70%),radial-gradient(460px 380px at 12% 78%,rgba(74,106,122,.12),transparent 70%),radial-gradient(360px 300px at 55% 60%,rgba(192,57,43,.06),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' viewBox='0 0 1600 900' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233a3a40' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%233a3a40' stop-opacity='0.2'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233a3a40' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%233a3a40' stop-opacity='0.28'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,900 L0,620 Q170,540 330,600 T660,545 T980,605 T1320,555 L1600,615 L1600,900 Z' fill='url(%23a)'/%3E%3Cpath d='M0,900 L0,700 Q260,640 470,690 T900,650 T1260,700 T1600,670 L1600,900 Z' fill='url(%23b)'/%3E%3Cpath d='M0,900 L0,790 Q360,745 560,775 T1040,760 T1400,785 L1600,765 L1600,900 Z' fill='url(%23a)' opacity='0.45'/%3E%3C/svg%3E") center bottom / cover no-repeat;animation:ink-drift 38s ease-in-out infinite alternate}@keyframes ink-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-2%,1.6%,0) scale(1.08)}}html[data-theme=ink] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px}html[data-theme=ink] .card,html[data-theme=ink] .kpi-card,html[data-theme=ink] .config-card,html[data-theme=ink] .rate-card,html[data-theme=ink] .currency-card,html[data-theme=ink] .game-card,html[data-theme=ink] .settle-card,html[data-theme=ink] .filter-bar{background:#fffcf4c7;border-color:#33302b24;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:0 1px 2px #3c321e0f,inset 0 1px #ffffffb3}html[data-theme=ink] .card-hover:hover,html[data-theme=ink] .rate-card:hover,html[data-theme=ink] .currency-card:hover,html[data-theme=ink] .game-card:hover,html[data-theme=ink] .settle-card:hover{border-color:#c0392b6b;box-shadow:var(--shadow-md),0 0 20px #c0392b1f}html[data-theme=ink] .topnav{background:linear-gradient(90deg,#232326,#3a3a40 55%,#4c4c54);border-bottom:1px solid rgba(0,0,0,.35);box-shadow:0 1px 10px #1e1a1266}html[data-theme=ink] .topnav-logo{color:#f3ecdc;font-family:Kaiti SC,STKaiti,KaiTi,"Noto Serif SC",serif;letter-spacing:.06em}html[data-theme=ink] .topnav-logo-mark{background:#c0392b;border-radius:4px;color:#fdf6e9;box-shadow:inset 0 0 0 1px #ffffff47,0 1px 4px #00000059}html[data-theme=ink] .topnav-item{color:#f3ecdccc}html[data-theme=ink] .topnav-item:hover{background:#ffffff1a;color:#fff}html[data-theme=ink] .topnav-item.active{background:#c0392b;color:#fdf6e9}html[data-theme=ink] .topnav-user{border-color:#ffffff38;background:#ffffff12}html[data-theme=ink] .topnav-user:hover{background:#ffffff21}html[data-theme=ink] .topnav-user-name{color:#f3ecdc}html[data-theme=ink] .topnav-user-role{color:#f3ecdc99}html[data-theme=ink] .topnav-avatar{background:linear-gradient(135deg,#8a2f22,#c0392b);color:#fdf6e9}html[data-theme=ink] .theme-switch-btn{background:#ffffff14;border-color:#ffffff29;color:#f3ecdc}html[data-theme=ink] .theme-switch-btn:hover{background:#ffffff24}html[data-theme=ink] .page-title{font-family:Kaiti SC,STKaiti,KaiTi,"Noto Serif SC",serif;letter-spacing:.03em}html[data-theme=ink] .modal-mask,html[data-theme=ink] .drawer-mask{background:#2a241a73}html[data-theme=ink] .modal,html[data-theme=ink] .drawer{background:#fdf9f0f5}html[data-theme=ink] .theme-panel{background:#fdf9f0fa}html[data-theme=ink] .input-field,html[data-theme=ink] .input{background:#ffffffa6}html[data-theme=ink] select option{background-color:#fdf9f0;color:#3a3731}html[data-theme=ink] .btn-ghost{background:#fffcf48c}html[data-theme=ink] .btn-primary{box-shadow:0 1px 3px #96281c40}html[data-theme=ink] .btn-primary:hover{box-shadow:0 2px 12px #c0392b4d}html[data-theme=ink] .toast-success{background:#4a7a5c29;color:#3c6a4c;border-color:#4a7a5c59}html[data-theme=ink] .toast-error{background:#c0392b24;color:#9c2d20;border-color:#c0392b59}html[data-theme=ink] .toast-info{background:#4a6a7a29;color:#3a5a6e;border-color:#4a6a7a59}html[data-theme=ink] .toast-warning{background:#a1662f29;color:#8a5418;border-color:#a1662f59}html[data-theme=ink] .badge-warning{color:#8a5418}html[data-theme=ink] .alert-bar{border-color:#a1662f66}html[data-theme=ink] .alert-bar-text{color:#8a5418}html[data-theme=ink] .tag-steam{background:#3a5a6e1f;color:#3c6177}html[data-theme=ink] .tag-epic{background:#33302b12;color:#5a564d}html[data-theme=ink] .tag-other{background:#33302b0d;color:var(--text-secondary)}html[data-theme=ink] .missing-chip{background:#a1662f24;border-color:#a1662f66;color:#8a5418}html[data-theme=ink] ::selection{background:#c0392b2e}.theme-switch{position:relative;flex-shrink:0}.theme-switch-btn{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--card);border-radius:var(--radius-full);padding:5px 12px;font:inherit;font-size:.8125rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s}.theme-switch-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.theme-swatch{width:14px;height:14px;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 0 2px #ffffff80,0 1px 2px #00000026}.theme-switch-name{white-space:nowrap}.theme-panel{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #0f172a24;padding:var(--space-2);width:168px;z-index:60}.theme-panel-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);padding:var(--space-2) var(--space-2) var(--space-1)}.theme-option{display:flex;align-items:center;gap:var(--space-3);width:100%;border:none;background:transparent;padding:var(--space-2);border-radius:var(--radius-md);font:inherit;font-size:.8125rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:background .15s}.theme-option:hover{background:var(--surface-hover)}.theme-option.active{background:var(--surface-active)}.theme-option-swatch{width:22px;height:22px;border-radius:8px;flex-shrink:0;box-shadow:0 1px 3px #0000002e}.theme-option-name{flex:1;text-align:left}.theme-check{color:var(--primary);font-weight:700}html[data-theme=ocean] .theme-switch-btn{border-color:#ffffff40;background:#ffffff14;color:#fff}html[data-theme=ocean] .theme-switch-btn:hover{background:#ffffff29}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(720px 420px at 85% 6%,var(--bg-glow-1),transparent 70%),radial-gradient(640px 380px at 6% 32%,var(--bg-glow-2),transparent 70%),radial-gradient(760px 460px at 94% 92%,var(--bg-glow-3),transparent 70%),radial-gradient(520px 300px at 40% 100%,var(--bg-glow-4),transparent 70%);transition:background .3s ease}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topnav{height:var(--topnav-height);background:var(--topnav-bg);border-bottom:1px solid var(--topnav-border);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-6);position:sticky;top:0;z-index:30;transition:background .3s ease}.topnav-logo{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:1.0625rem;color:var(--text-bright);white-space:nowrap;cursor:pointer}.topnav-logo-mark{width:32px;height:32px;background:var(--primary);border-radius:var(--radius-md);display:grid;place-items:center;color:#fff;font-weight:700;font-size:.9375rem}.topnav-items{display:flex;align-items:center;gap:var(--space-1);flex:1;overflow-x:auto}.topnav-item{padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:all .15s ease;display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;background:none;border:none}.topnav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.topnav-item.active{background:var(--primary);color:#fff}.topnav-item .badge-count{background:var(--state-error);color:#fff;font-size:.6875rem;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.topnav-item.active .badge-count{background:#ffffff40}.topnav-right{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.topnav-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--card);transition:all .15s ease;cursor:pointer}.topnav-user:hover{background:var(--surface-hover)}.topnav-avatar{width:30px;height:30px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:#fff;font-weight:600;font-size:.8125rem}.topnav-user-info{display:flex;flex-direction:column;line-height:1.2}.topnav-user-name{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.topnav-user-role{font-size:.6875rem;color:var(--text-muted)}.page-content{flex:1;width:100%;max-width:var(--content-max-width);margin-inline:auto;padding:var(--space-6) var(--space-6) var(--space-8)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-bright);line-height:1.2}.page-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:var(--space-1)}.page-head-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.8125rem;font-weight:600;border:1px solid transparent;border-radius:var(--radius-md);transition:all .15s ease;white-space:nowrap;background:transparent}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn-ghost{background:var(--card);color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.75rem}.btn-danger{background:var(--card);color:var(--state-error);border-color:var(--border)}.btn-danger:hover{background:var(--state-error-bg);border-color:var(--state-error)}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:box-shadow .2s ease,border-color .2s ease}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.card-title{font-size:.9375rem;font-weight:600;color:var(--text-bright);display:flex;align-items:center;gap:var(--space-2)}.card-title .dot-mark{width:4px;height:16px;background:var(--primary);border-radius:2px}.card-actions{display:flex;gap:var(--space-2);align-items:center}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);position:relative;overflow:hidden;transition:box-shadow .2s ease}.kpi-card:hover{box-shadow:var(--shadow-lg)}.kpi-card-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.kpi-icon{width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0}.kpi-icon.indigo{background:var(--kpi-icon-indigo-bg);color:var(--kpi-icon-indigo-fg)}.kpi-icon.emerald{background:var(--kpi-icon-emerald-bg);color:var(--kpi-icon-emerald-fg)}.kpi-icon.amber{background:var(--kpi-icon-amber-bg);color:var(--kpi-icon-amber-fg)}.kpi-icon.rose{background:var(--kpi-icon-rose-bg);color:var(--kpi-icon-rose-fg)}.kpi-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);line-height:1.4}.kpi-value{font-family:var(--font-mono);font-weight:700;font-size:1.625rem;color:var(--text-bright);line-height:1.1;margin-bottom:var(--space-2)}.kpi-value .unit{font-size:.875rem;color:var(--text-secondary);font-weight:600}.kpi-card-h{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-width:0}.kpi-icon-sm{width:40px;height:40px;font-size:1.5rem;border-radius:var(--radius-sm)}.kpi-card-h-body{display:flex;flex-direction:column;gap:2px;min-width:0}.kpi-card-h-body .kpi-value{margin-bottom:0}.kpi-value-sm{font-size:1.5rem}.kpi-label-hint{font-size:.6875rem;color:var(--text-muted, var(--text-secondary))}.email-list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.email-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);height:100%}.email-card-main{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.email-card-top{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.email-game{font-weight:700;font-size:.875rem;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-subject{font-size:.75rem;color:var(--text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.email-meta{display:flex;flex-direction:column;gap:var(--space-1);font-size:.75rem;color:var(--text-secondary)}.email-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-card-side{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-3);border-top:1px dashed var(--border-subtle)}.email-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.email-retry-count{font-size:.6875rem;font-weight:600;color:var(--state-error)}.email-load-more{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0;color:var(--text-secondary);font-size:.8125rem}@media (max-width: 1400px){.email-list-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1023px){.email-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.email-list-grid{grid-template-columns:1fr}}.drawer-section{margin-bottom:var(--space-4)}.drawer-section-title{font-size:.8125rem;font-weight:700;color:var(--text-bright);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.email-body-pre{background:var(--bg-subtle, rgba(128,128,128,.06));border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);font-size:.75rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;color:var(--text-primary);max-height:280px;overflow:auto}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:.6875rem;font-weight:600;border-radius:var(--radius-full);line-height:1.5}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-success{background:var(--state-success-bg);color:var(--state-success)}.badge-warning{background:var(--state-warning-bg);color:#92400e}.badge-error{background:var(--state-error-bg);color:var(--state-error)}.badge-info{background:var(--state-info-bg);color:var(--state-info)}.badge-muted{background:var(--surface-active);color:var(--text-secondary)}.tag-platform{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:.6875rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid}.tag-steam{background:var(--platform-steam-bg);color:var(--platform-steam-fg);border-color:var(--platform-steam-border)}.tag-epic{background:var(--platform-epic-bg);color:var(--platform-epic-fg);border-color:var(--platform-epic-border)}.input-field{background:var(--card);border:1px solid var(--border);color:var(--text-primary);padding:var(--space-2) var(--space-3);font-size:.8125rem;border-radius:var(--radius-md);outline:none;transition:border-color .15s,box-shadow .15s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-glow)}.input-field::placeholder{color:var(--text-muted)}.input-field.error{border-color:var(--state-error)}.input-field.error:focus{box-shadow:0 0 0 3px #ef44441a}.filter-bar{display:flex;align-items:center;gap:var(--space-3);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.filter-search{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:200px}.filter-search input{border:none;outline:none;background:transparent;font-size:.8125rem;color:var(--text-primary);flex:1}.filter-search input::placeholder{color:var(--text-muted)}.filter-select{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:.8125rem;color:var(--text-primary);outline:none;cursor:pointer}.search-select{position:relative;display:inline-block;min-width:120px}.search-select input{cursor:pointer;padding-right:30px}.search-select input:read-only{pointer-events:auto}.search-select:after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:translateY(-65%) rotate(45deg);pointer-events:none;transition:transform .15s ease,border-color .15s ease}.search-select.open:after{transform:translateY(-35%) rotate(225deg);border-color:var(--primary)}.search-select.disabled input{cursor:not-allowed;opacity:.6;background:var(--surface-hover)}.search-select.disabled:after{opacity:.4}.search-select-panel{position:fixed;z-index:250;background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:4px;max-height:264px;overflow-y:auto;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);animation:popIn .12s ease}.search-select-option{display:block;width:100%;text-align:left;border:none;background:transparent;padding:7px 10px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .12s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-select-option:hover,.search-select-option.active{background:var(--surface-active);color:var(--text-bright)}.search-select-option.empty{color:var(--text-muted);cursor:default;font-weight:400}.search-select-option.empty:hover{background:transparent;color:var(--text-muted)}.segment{display:flex;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;gap:2px;overflow-x:auto}.segment button{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius-md) - 2px);transition:all .15s ease;white-space:nowrap}.segment button.active{background:var(--card);color:var(--text-primary);box-shadow:var(--shadow-xs)}.alert-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);background:var(--state-warning-bg);border:1px solid #fde68a;border-radius:var(--radius-lg)}.alert-bar-icon{width:28px;height:28px;border-radius:var(--radius-full);background:var(--state-warning);color:#fff;display:grid;place-items:center;flex-shrink:0;font-weight:700;font-size:.875rem}.alert-bar-text{font-size:.8125rem;color:#92400e;flex:1}.alert-bar-text b{font-weight:700}.timeline{position:relative;padding-left:var(--space-6)}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--border-subtle);border-radius:1px}.timeline-item{position:relative;padding-bottom:var(--space-4)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:calc(-1 * var(--space-6) + 2px);top:4px;width:12px;height:12px;border-radius:50%;border:2px solid var(--card);box-shadow:0 0 0 3px var(--ring-glow)}.timeline-dot.success{background:var(--state-success)}.timeline-dot.primary{background:var(--primary)}.timeline-dot.error{background:var(--state-error)}.timeline-dot.muted{background:var(--text-muted)}.timeline-dot.warning{background:var(--state-warning)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:210;padding:var(--space-4);animation:fadeIn .15s ease}.modal{background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;animation:popIn .2s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-title{font-size:1rem;font-weight:600;color:var(--text-bright)}.modal-close{background:none;border:none;font-size:1.25rem;color:var(--text-muted);line-height:1;padding:4px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:100;animation:fadeIn .15s ease}.drawer{position:fixed;top:0;right:0;height:100%;width:480px;max-width:92vw;background:var(--card);box-shadow:var(--shadow-xl);z-index:101;display:flex;flex-direction:column;animation:slideIn .25s ease}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.drawer-title{font-size:1rem;font-weight:600;color:var(--text-bright)}.drawer-body{padding:var(--space-5);overflow-y:auto;flex:1}.drawer-foot{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.settle-drawer-footer{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.settle-drawer-footer-top{display:flex;flex-direction:column;gap:var(--space-2)}.settle-drawer-footer-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.settle-drawer-footer-bottom{display:flex;justify-content:flex-end;border-top:1px dashed var(--border);padding-top:var(--space-3)}.settle-footer-params{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding-left:var(--space-3);border-left:1px solid var(--border)}.settle-footer-param{font-size:.75rem;color:var(--text-secondary)}.settle-footer-param b{color:var(--text-bright);font-weight:600}.settle-footer-param.is-bad b,.settle-footer-param.is-bad{color:#fca5a5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);color:var(--text-muted);gap:var(--space-2)}.empty-icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--surface-active);display:grid;place-items:center;font-size:1.375rem}.empty-title{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.empty-desc{font-size:.75rem;color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--surface-active) 25%,var(--border-subtle) 50%,var(--surface-active) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.toast-wrap{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.toast{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;box-shadow:var(--shadow-lg);animation:popIn .2s ease;max-width:420px}.toast-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.toast-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.toast-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.toast-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.divider{height:1px;background:var(--border);border:none;margin:var(--space-4) 0}.progress-ring{position:relative;display:inline-grid;place-items:center}.progress-ring-value{position:absolute;font-family:var(--font-mono);font-weight:700;color:var(--text-bright)}.stat-row{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) 0;font-size:.8125rem}.stat-row+.stat-row{border-top:1px dashed var(--border-subtle)}.stat-label{color:var(--text-secondary);font-size:.75rem}.stat-value{color:var(--text-primary);font-weight:600;font-family:var(--font-mono);word-break:break-word}.data-table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--text-muted);font-weight:600;font-size:.75rem;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table .num{font-family:var(--font-mono);text-align:right}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.text-right{text-align:right}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.wrap{flex-wrap:wrap}.flex-1{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 1023px){.kpi-grid,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.topnav{padding:0 var(--space-3);gap:var(--space-2)}.topnav-user-info{display:none}.topnav-item{padding:var(--space-2) var(--space-3);font-size:.8125rem}.page-content{padding:var(--space-4) var(--space-3) var(--space-8)}.kpi-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}}