:root{--primary-color: #3b82f6;--secondary-color: #8b5cf6;--accent-color: #f43f5e;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--text-primary: #0f172a;--text-secondary: #64748b;--text-light: #94a3b8;--bg-light: #f8fafc;--bg-white: #ffffff;--bg-subtle: #f1f5f9;--card-bg: var(--bg-white);--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .1);--gradient-bg: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-danger: linear-gradient(135deg, #f5576c 0%, #ff8a7a 100%);--gradient-info: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warning: linear-gradient(135deg, #feca57 0%, #ff6348 100%);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--text-on-accent: #ffffff;--chart-bg: #fafafa;--chart-grid: #e0e0e0;--chart-axis: #333333;--chart-label: #666666;--skeleton-start: #f0f0f0;--skeleton-mid: #e0e0e0;--skeleton-end: #f0f0f0}body.dark-mode{--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-light: #64748b;--bg-light: #0f172a;--bg-white: #1e293b;--bg-subtle: #1e293b;--card-bg: #1f2937;--border-color: #334155;--border-light: #1e293b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 4px rgba(0, 0, 0, .5);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .6);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .7);--gradient-bg: linear-gradient(135deg, #1e40af 0%, #6d28d9 100%);--gradient-success: linear-gradient(135deg, #2bbd72 0%, #1bbfb1 100%);--gradient-danger: linear-gradient(135deg, #e84c5c 0%, #ff7a74 100%);--gradient-info: linear-gradient(135deg, #3aa0ff 0%, #00d8ff 100%);--gradient-warning: linear-gradient(135deg, #f1b42a 0%, #ff7248 100%);--text-on-accent: #ffffff;--chart-bg: #18181b;--chart-grid: #3f3f46;--chart-axis: #e4e4e7;--chart-label: #a1a1aa;--skeleton-start: #2a2a2a;--skeleton-mid: #3a3a3a;--skeleton-end: #2a2a2a;background:#0f172a;color:#f1f5f9}body.dark-mode .splits-table tbody tr:hover,body.dark-mode .segments-table tbody tr:hover{background-color:#3f3f46!important}body.dark-mode .km-marker-content{background:var(--primary-color);border-color:#27272a}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-light);transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;letter-spacing:-.01em}h1{font-size:1.625rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.9375rem}h6{font-size:.875rem}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary-color)}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}body.dark-mode ::-webkit-scrollbar-track{background:#27272a}body.dark-mode ::-webkit-scrollbar-thumb{background:#52525b}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#71717a}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mt-1{margin-top:.375rem}.mt-2{margin-top:.75rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.375rem}.mb-2{margin-bottom:.75rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-1{padding:.375rem}.p-2{padding:.75rem}.p-3{padding:1rem}.p-4{padding:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.fa-spin{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}*:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:8px 16px;text-decoration:none;border-radius:0 0 4px;z-index:10000;transition:top .2s ease;font-weight:500}.skip-link:focus{top:0}a{color:var(--primary-color);text-decoration:underline}a:hover,a:focus{color:var(--secondary-color)}@media (prefers-contrast: high){:root{--text-primary: #000000;--text-secondary: #000000;--bg-white: #ffffff;--border-color: #000000}body.dark-mode{--text-primary: #ffffff;--text-secondary: #ffffff;--bg-white: #000000;--border-color: #ffffff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:1rem}.container{padding:0 .75rem}button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}@media (max-width: 480px){h1{font-size:1.375rem}h2{font-size:1rem}h3{font-size:.9375rem}body{font-size:13px}}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%;height:100%}