html,body,#app{margin:0;padding:0;height:100%;width:100%}:root[data-theme=dark],:root:not([data-theme]){--bg-body: #18181c;--bg-page: #18181c;--bg-sidebar: #1e1e22;--bg-sidebar-border: rgba(255, 255, 255, .06);--bg-header: rgba(0, 0, 0, .3);--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .06);--bg-card-border: rgba(255, 255, 255, .08);--bg-card-border-hover: rgba(99, 226, 183, .3);--bg-input: rgba(255, 255, 255, .06);--bg-elevated: rgba(255, 255, 255, .08);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--color-primary: #63e2b7;--color-primary-hover: #7ee8c4;--color-primary-bg: rgba(99, 226, 183, .1);--color-primary-bg-strong: rgba(99, 226, 183, .2);--color-success: #63e2b7;--color-warning: #f0a020;--color-danger: #e03050;--color-info: #70c0e8;--border-color: rgba(255, 255, 255, .08);--border-color-strong: rgba(255, 255, 255, .15);--divider-color: rgba(255, 255, 255, .06);--shadow-card: 0 1px 4px rgba(0, 0, 0, .3);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .4);--shadow-dropdown: 0 6px 24px rgba(0, 0, 0, .5);--bg-game-gradient-start: #0f0f23;--bg-game-gradient-end: #1a1a3e;--bg-stat-card: rgba(255, 255, 255, .04);--bg-stat-card-border: rgba(255, 255, 255, .06);--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25)}:root[data-theme=light]{--bg-body: #f5f5f8;--bg-page: #f5f5f8;--bg-sidebar: #ffffff;--bg-sidebar-border: rgba(0, 0, 0, .08);--bg-header: rgba(255, 255, 255, .85);--bg-card: #ffffff;--bg-card-hover: #fafafa;--bg-card-border: rgba(0, 0, 0, .08);--bg-card-border-hover: rgba(24, 160, 120, .4);--bg-input: rgba(0, 0, 0, .04);--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .3);--text-primary: #1a1a2e;--text-secondary: rgba(0, 0, 0, .7);--text-tertiary: rgba(0, 0, 0, .5);--text-muted: rgba(0, 0, 0, .45);--text-disabled: rgba(0, 0, 0, .35);--color-primary: #18a078;--color-primary-hover: #1bba8c;--color-primary-bg: rgba(24, 160, 120, .08);--color-primary-bg-strong: rgba(24, 160, 120, .15);--color-success: #18a078;--color-warning: #d68a00;--color-danger: #d03050;--color-info: #3090d0;--border-color: rgba(0, 0, 0, .08);--border-color-strong: rgba(0, 0, 0, .15);--divider-color: rgba(0, 0, 0, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .1);--shadow-dropdown: 0 6px 24px rgba(0, 0, 0, .12);--bg-game-gradient-start: #e8e8f0;--bg-game-gradient-end: #d0d0e0;--bg-stat-card: #ffffff;--bg-stat-card-border: rgba(0, 0, 0, .06);--scrollbar-track: transparent;--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-body);color:var(--text-primary);transition:background-color .2s,color .2s}.container{max-width:1400px;margin:0 auto;padding:20px}.page-title{font-size:24px;font-weight:600;margin-bottom:24px}.empty-instruction{max-width:440px;text-align:center;color:var(--text-tertiary);font-size:13px;line-height:1.6;margin:0 0 4px}.empty-divider{color:var(--text-disabled);font-size:13px}