:root{--color-brand: #1e3c72;--color-brand-dark: #2a5298;--color-success: #00b09b;--color-warning: #f7971e;--color-danger: #e74c3c;--color-info: #2f80ed;--chart-1: #1e3c72;--chart-2: #2a5298;--chart-3: #00b09b;--chart-4: #f7971e;--chart-5: #2f80ed;--chart-6: #56ccf2;--chart-7: #ffd200;--chart-8: #96c93d;--chart-9: #e74c3c;--chart-10: #8e44ad;--gradient-brand: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);--gradient-amber: linear-gradient(135deg, #f7971e, #ffd200);--gradient-ice: linear-gradient(135deg, #56ccf2, #2f80ed);--gradient-aurora: linear-gradient(135deg, #00b09b, #96c93d);--radius-card: 12px;--radius-sm: 6px;--transition-fast: .2s ease;--transition-normal: .3s ease;--font-number: "DIN Alternate", "DIN", "Roboto Mono", "SF Mono", "Monaco", "Menlo", monospace;--bg-primary: #ffffff;--bg-secondary: #f8f9fb;--bg-tertiary: #f0f2f5;--bg-card: rgba(255, 255, 255, .75);--bg-hover: #f5f7fa;--bg-sider: #ffffff;--bg-header: #ffffff;--bg-content: #f8f9fb;--bg-input: #ffffff;--bg-tooltip: rgba(0, 0, 0, .85);--bg-modal: #ffffff;--text-primary: rgba(0, 0, 0, .88);--text-secondary: rgba(0, 0, 0, .65);--text-tertiary: rgba(0, 0, 0, .45);--text-inverse: #ffffff;--border-primary: #f0f0f0;--border-secondary: #e8e8e8;--border-card: rgba(255, 255, 255, .3);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .12);--shadow-sider: 2px 0 8px rgba(0, 0, 0, .05);--shadow-header: 0 1px 4px rgba(0, 0, 0, .08);--shadow-glow-gold: 0 4px 16px rgba(255, 215, 0, .2);--shadow-glow-silver: 0 4px 16px rgba(192, 192, 192, .2);--shadow-glow-bronze: 0 4px 16px rgba(205, 127, 50, .2);--chart-grid: #f0f0f0}[data-theme=dark]{--color-brand: #4f7ccc;--color-brand-dark: #6b9ae8;--bg-primary: #141414;--bg-secondary: #1f1f1f;--bg-tertiary: #2a2a2a;--bg-card: rgba(30, 30, 30, .85);--bg-hover: #2a2a2a;--bg-sider: #1a1a1a;--bg-header: #1a1a1a;--bg-content: #111111;--bg-input: #2a2a2a;--bg-tooltip: rgba(50, 50, 50, .95);--bg-modal: #1f1f1f;--text-primary: rgba(255, 255, 255, .88);--text-secondary: rgba(255, 255, 255, .65);--text-tertiary: rgba(255, 255, 255, .45);--text-inverse: #141414;--border-primary: #303030;--border-secondary: #424242;--border-card: rgba(255, 255, 255, .08);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .5);--shadow-sider: 2px 0 8px rgba(0, 0, 0, .3);--shadow-header: 0 1px 4px rgba(0, 0, 0, .4);--shadow-glow-gold: 0 4px 16px rgba(255, 215, 0, .12);--shadow-glow-silver: 0 4px 16px rgba(192, 192, 192, .12);--shadow-glow-bronze: 0 4px 16px rgba(205, 127, 50, .12);--gradient-brand: linear-gradient(135deg, #4f7ccc 0%, #6b9ae8 100%);--chart-grid: #303030}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-content);color:var(--text-primary);transition:background .3s ease,color .3s ease}.ant-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.ant-table-wrapper{background:var(--bg-primary)}[data-theme=dark] .ant-card{background:var(--bg-secondary)!important;border-color:var(--border-primary)!important}[data-theme=dark] .ant-table-wrapper{background:var(--bg-secondary)}[data-theme=dark] .ant-table{background:var(--bg-secondary)!important}[data-theme=dark] .ant-table-thead>tr>th{background:var(--bg-tertiary)!important}[data-theme=dark] .ant-modal-content,[data-theme=dark] .ant-drawer-content{background:var(--bg-modal)!important}[data-theme=dark] .ant-tabs-nav:before{border-color:var(--border-primary)!important}[data-theme=dark] .ant-input,[data-theme=dark] .ant-select-selector,[data-theme=dark] .ant-input-number,[data-theme=dark] .ant-picker{background:var(--bg-input)!important;border-color:var(--border-secondary)!important}[data-theme=dark] .ant-tag{border-color:var(--border-secondary)}[data-theme=dark] .ant-descriptions-item-label{background:var(--bg-tertiary)!important}.stat-number,.stat-number-lg{font-family:var(--font-number);letter-spacing:.02em}.stat-number-lg{font-size:22px;font-weight:700}.hover-card{transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:default}.hover-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.glass-card{background:var(--bg-card)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card)!important;box-shadow:var(--shadow-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.glass-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.dashboard-bg{position:relative}.dashboard-bg:before{content:"";position:absolute;top:-60px;right:-40px;width:300px;height:300px;background:radial-gradient(circle,rgba(30,60,114,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.dashboard-bg:after{content:"";position:absolute;top:200px;left:-60px;width:250px;height:250px;background:radial-gradient(circle,rgba(247,151,30,.06) 0%,transparent 70%);pointer-events:none;z-index:0}[data-theme=dark] .dashboard-bg:before{background:radial-gradient(circle,rgba(79,124,204,.1) 0%,transparent 70%)}[data-theme=dark] .dashboard-bg:after{background:radial-gradient(circle,rgba(247,151,30,.05) 0%,transparent 70%)}.stat-card-gradient{border-radius:10px;padding:12px 16px;color:#fff;transition:transform var(--transition-fast)}.stat-card-gradient:hover{transform:scale(1.02)}.bar-chart-item{background:var(--gradient-brand);border-radius:4px 4px 0 0;transition:all var(--transition-normal);opacity:.85}.bar-chart-item:hover{opacity:1}.alert-bar{display:flex;align-items:center;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid transparent;margin-bottom:8px;transition:background var(--transition-fast)}.medal-card{border:none!important;border-radius:var(--radius-card);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.medal-card:hover{transform:translateY(-4px)}.medal-card-gold{border-top:3px solid #ffd700!important;box-shadow:var(--shadow-glow-gold)}.medal-card-silver{border-top:3px solid #c0c0c0!important;box-shadow:var(--shadow-glow-silver)}.medal-card-bronze{border-top:3px solid #cd7f32!important;box-shadow:var(--shadow-glow-bronze)}.recharts-tooltip-wrapper{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.recharts-default-tooltip{border-radius:8px!important;border:none!important;box-shadow:0 4px 12px #0000001a!important}[data-theme=dark] .recharts-default-tooltip{background:var(--bg-tertiary)!important}[data-theme=dark] .recharts-text{fill:var(--text-secondary)!important}.ant-skeleton-button{border-radius:var(--radius-card)!important}.theme-toggle-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-secondary);background:var(--bg-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease}.theme-toggle-btn:hover{background:var(--bg-hover);transform:rotate(30deg);box-shadow:0 2px 8px #0000001a}@media(max-width:1024px){.ant-table-wrapper{overflow-x:auto}}@media(max-width:768px){body{font-size:13px}.mobile-content{margin:8px!important;padding:12px!important}.ant-card-body{padding:12px!important}.ant-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.ant-table{min-width:600px}.ant-modal{max-width:calc(100vw - 16px)!important;margin:8px auto!important}.ant-modal-body{max-height:70vh;overflow-y:auto}.ant-drawer-content-wrapper{width:100%!important}.ant-tabs-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.ant-tabs-nav-list{flex-wrap:nowrap}.stat-number-lg{font-size:18px}.stat-card-gradient{padding:10px 12px}.glass-card:hover,.hover-card:hover{transform:none}.alert-bar{padding:8px 12px;font-size:12px}.medal-card:hover{transform:none}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-primary);border-top:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-around;z-index:1000;box-shadow:0 -2px 8px #0000000f}[data-theme=dark] .mobile-bottom-nav{box-shadow:0 -2px 8px #0000004d}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:4px 12px;border-radius:8px;transition:all .2s ease;color:var(--text-tertiary);font-size:10px;min-width:56px}.mobile-bottom-nav-item.active{color:var(--color-brand)}.mobile-bottom-nav-item .nav-icon{font-size:20px}.mobile-header{height:48px!important;padding:0 12px!important}.mobile-header .ant-typography{font-size:16px!important}