@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #6366f14d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(135deg, var(--color-slate-50) 0%, var(--color-slate-100) 100%);color:var(--color-slate-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-slate-100);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--color-indigo-400) 0%, var(--color-indigo-600) 100%);transition:background var(--transition-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, var(--color-indigo-500) 0%, var(--color-indigo-700) 100%)}.upload-zone{border:2px solid var(--color-indigo-300);color:var(--color-slate-700);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:linear-gradient(135deg,#6366f10d 0%,#6366f105 100%);border-radius:4px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 28px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:inline-flex;position:relative}.upload-zone:hover{border-color:var(--color-indigo-500);background:linear-gradient(135deg,#6366f11a 0%,#6366f10d 100%);transform:translateY(-1px);box-shadow:0 0 24px #6366f133}.upload-zone input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.run-card{background:linear-gradient(135deg, #fff 0%, var(--color-slate-50) 100%);border:1px solid var(--color-slate-200);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:3px solid #0000;align-items:center;gap:14px;padding:16px 18px;display:flex}.run-card:hover{background:linear-gradient(135deg, var(--color-indigo-50) 0%, #fff 100%);border-color:var(--color-indigo-300);border-left-color:var(--color-indigo-500);box-shadow:var(--shadow-md), 0 0 0 1px #6366f11a;transform:translate(4px)}.run-card.active{background:linear-gradient(135deg, var(--color-indigo-100) 0%, var(--color-indigo-50) 100%);border-color:var(--color-indigo-400);border-left-color:var(--color-indigo-600);box-shadow:var(--shadow-lg), 0 0 0 1px #6366f133}.checkbox-custom{border:2px solid var(--color-indigo-300);width:18px;height:18px;transition:all var(--transition-base);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-custom:hover{border-color:var(--color-indigo-500);background:#6366f10d}.checkbox-custom.checked{background:linear-gradient(135deg, var(--color-indigo-500) 0%, var(--color-indigo-600) 100%);border-color:var(--color-indigo-600);box-shadow:0 0 12px #6366f14d}.checkbox-custom.checked:after{content:"";border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;width:8px;height:5px;transform:rotate(-45deg)translateY(-1px)}.data-table{border-collapse:collapse;border-radius:var(--radius-lg);width:100%;min-width:600px;box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.data-table th{background:linear-gradient(180deg, var(--color-slate-50) 0%, var(--color-slate-100) 100%);z-index:2;color:var(--color-slate-700);letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--color-slate-200);font-size:11px;font-weight:600;position:sticky;top:0}.data-table thead th:first-child{text-align:left;border-top-left-radius:var(--radius-lg)}.data-table thead th:last-child{border-top-right-radius:var(--radius-lg)}.data-table tbody td{text-align:right;color:var(--color-slate-600);border-bottom:1px solid var(--color-slate-100);transition:all var(--transition-fast);padding:12px 18px;font-weight:500}.data-table tbody td:first-child{text-align:left;color:var(--color-slate-700);letter-spacing:.1em;font-size:11px;font-weight:600}.data-table tbody tr:hover td{background:linear-gradient(135deg, var(--color-indigo-50) 0%, var(--color-slate-50) 100%);color:var(--color-slate-800)}.data-table tbody td.avg-col{color:var(--color-indigo-600);background:#6366f10d;font-weight:700}.heat-bar{background:linear-gradient(90deg, var(--color-indigo-500), var(--color-indigo-600), var(--color-indigo-400), var(--color-indigo-700), var(--color-indigo-500));z-index:1000;background-size:200% 100%;height:4px;animation:4s linear infinite heatFlow;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #6366f166}@keyframes heatFlow{0%{background-position:0 0}to{background-position:200% 0}}.pulse-dot{background:linear-gradient(135deg, var(--color-indigo-500) 0%, var(--color-indigo-600) 100%);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 12px #6366f180}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 12px #6366f180}50%{opacity:.5;transform:scale(.7);box-shadow:0 0 6px #6366f14d}}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#6366f108 1px,#0000 1px),linear-gradient(90deg,#6366f108 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.content{z-index:1;position:relative}.sidebar{transition:transform var(--transition-slow);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.comparison-run-label{background:linear-gradient(135deg, var(--color-indigo-50) 0%, var(--color-indigo-100) 100%);border:1px solid var(--color-indigo-200);letter-spacing:.1em;color:var(--color-indigo-700);text-transform:uppercase;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:inline-flex}.section-paper{background:linear-gradient(135deg, #fff 0%, var(--color-slate-50) 100%);border:1px solid var(--color-slate-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);overflow:hidden}.section-paper:hover{box-shadow:var(--shadow-xl), 0 0 0 1px #6366f11a;transform:translateY(-2px)}@keyframes alarmPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes dotPulse{0%,to{transform:scale(1);box-shadow:0 0 #6366f1b3}50%{transform:scale(1.6);box-shadow:0 0 0 10px #6366f100}}@media (width<=1024px){.data-table{font-size:10px}.data-table thead th,.data-table tbody td{padding:10px 12px}.header-inner{gap:12px!important}.station-unit-block{display:none!important}.header-stats{gap:16px!important}}@media (width>=769px){.sidebar{height:auto!important;position:relative!important;top:auto!important;transform:translate(0)!important}.main-content{margin-left:0!important}.hamburger{display:none!important}}@media (width<=768px){.upload-zone{padding:12px 24px;font-size:10px}.run-card{gap:12px;padding:14px 16px}.data-table{font-size:10px}.data-table thead th,.data-table tbody td{padding:10px 14px}.heat-bar{height:3px}.grid-bg{background-size:32px 32px}.sidebar{z-index:40!important;height:calc(100vh - 64px)!important;transition:transform var(--transition-slow)!important;position:fixed!important;top:64px!important;left:0!important;transform:translate(-100%)!important}.sidebar.open{transform:translate(0)!important}.main-content{margin-left:0!important}.hamburger{display:flex!important}.header-inner{padding-left:16px!important}.brand-name{font-size:16px!important}.brand-tagline{font-size:8px!important}.station-unit-block{display:none!important}.station-select-main{padding:32px 20px!important}.station-select-title{font-size:24px!important}.station-select-subtitle{margin-bottom:32px!important;font-size:12px!important}.station-select-grid{gap:8px!important}.station-select-button{min-width:100px!important;padding:10px 20px!important;font-size:11px!important}.station-select-proceed{margin-top:24px!important;padding:14px 28px!important;font-size:11px!important}}@media (width<=480px){.upload-zone{gap:8px;padding:10px 18px;font-size:9px}.run-card{gap:10px;padding:12px 14px}.data-table{font-size:9px}.data-table thead th,.data-table tbody td{padding:8px 10px}.checkbox-custom{width:16px;height:16px}.checkbox-custom.checked:after{border-bottom-width:2px;border-left-width:2px;width:6px;height:4px}.brand-name{font-size:14px!important}.runs-wrapper{gap:15px!important;padding-bottom:10px!important;overflow-x:auto!important}.run-section{min-width:600px!important}.station-select-main{padding:24px 16px!important}.station-select-title{font-size:20px!important}.station-select-subtitle{margin-bottom:24px!important;font-size:11px!important}.station-select-grid{gap:6px!important}.station-select-button{min-width:80px!important;padding:8px 16px!important;font-size:10px!important}.station-select-proceed{margin-top:20px!important;padding:12px 24px!important;font-size:10px!important}}@media (width>=1024px) and (width<=1399px){.data-table{font-size:10px}.data-table thead th,.data-table tbody td{padding:10px 12px}.header-stats{gap:18px!important}}@media (width>=1400px){.upload-zone{padding:14px 28px;font-size:11px}.run-card{gap:14px;padding:16px 18px}.data-table{font-size:12px}.data-table thead th,.data-table tbody td{padding:12px 18px}.station-unit-block{display:flex!important}.header-stats{gap:24px!important}}@media (height<=800px){.content,.main-layout{min-height:auto}.run-section{margin-bottom:12px}.chartPanel{padding:12px 16px}}@media (orientation:landscape) and (height<=600px){.header,.header-inner{height:56px}.main-layout{min-height:calc(100vh - 56px)}.sidebar{max-height:calc(100vh - 56px)}.run-section{margin-bottom:8px}.brand-name{font-size:16px}}html{scroll-behavior:smooth;scroll-padding-top:16px}:focus-visible,:focus{outline:2px solid var(--color-indigo-400);outline-offset:2px}button,input,select,textarea,a{transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{border-color:var(--color-indigo-500);box-shadow:0 0 0 3px #6366f133}button{-webkit-tap-highlight-color:transparent;font-family:inherit}a{color:var(--color-indigo-600);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-indigo-700);text-decoration:underline}.glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a}.badge{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-pulse{animation:2s ease-in-out infinite pulse}.data-table tbody tr:hover td{transform:translate(2px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--color-indigo-500) 0%, var(--color-indigo-400) 100%)}