@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Inter+Tight:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root,[data-theme=dark]{--bg-primary: #0A1929;--bg-secondary: #111B2B;--bg-card: #0F172A;--bg-elevated: #1E293B;--midnight-navy: #0A1929;--midnight-deep: #060F1A;--slate-900: #0F172A;--slate-800: #1E293B;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748B;--slate-400: #94A3B8;--slate-300: #CBD5E1;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--electric-cyan: #00F0FF;--neon-magenta: #FF006E;--golden-amber: #FFB800;--emerald-glow: #00FF9F;--crimson-alert: #FF3B5C;--accent-cyan: #00F0FF;--accent-magenta: #FF006E;--accent-green: #00FF9F;--color-car: #00D4FF;--color-background: #64748B;--color-pedestrian: #FF6B35;--color-truck: #00E676;--color-cyclist: #FFD93D;--color-bus: #FF3F8E;--color-motorcycle: #A78BFA;--color-unknown: #94A3B8;--font-display: "Inter Tight", "Inter", sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-glow: 0 0 20px rgba(0,240,255,.3);--shadow-glow-strong: 0 0 40px rgba(0,240,255,.5);--shadow-card: 0 4px 16px rgba(0,0,0,.3);--transition-fast: .15s ease;--transition-base: .2s cubic-bezier(.19, 1, .22, 1);--transition-slow: .4s ease;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--max-width: 1280px;--bg-nav: rgba(10, 25, 41, .95);--nav-border: #1E293B;--bg-chip: #1E293B;--border-default:#1E293B;--border-color: #1E293B;--border-subtle: #334155;--text-primary: #F1F5F9;--text-secondary:#94A3B8;--text-muted: #64748B;--text-accent: #00F0FF;--text-inverse: #0A1929;--footer-bg: #070E17;--footer-border: #1E293B;--footer-text: #CBD5E1;--footer-muted: #475569;--font-heading: "Inter Tight", "Inter", sans-serif;--chart-grid: #1E293B;--chart-axis: #64748B;--chart-cursor: #334155;--accent-primary: #00F0FF;--accent-success: #00FF9F;--accent-warning: #FFB800;--scrollbar-track: #0A1929;--scrollbar-thumb: #1E293B;--badge-bg: rgba(0, 240, 255, .15);--pill-bg: rgba(0, 240, 255, .06);--pill-border: rgba(0, 240, 255, .2);--cta-ghost-bg: rgba(0, 240, 255, .1);--cta-ghost-border: rgba(0, 240, 255, .3);--cta-ghost-hover-bg: rgba(0, 240, 255, .15);--accent-error: #FF3B5C;--chart-primary-stroke: #00F0FF;--chart-fill-start: rgba(0, 240, 255, .2);--chart-fill-end: rgba(0, 240, 255, .02);--scroll-btn-border: rgba(0, 240, 255, .3);--scroll-btn-color: #64748B}[data-theme=light]{--bg-primary: #FAFBFC;--bg-secondary: #F1F4F8;--bg-card: #FFFFFF;--bg-elevated: #F7F8FA;--slate-900: #0F172A;--slate-800: #1E293B;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748B;--slate-400: #94A3B8;--slate-300: #CBD5E1;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--text-primary: #1A202C;--text-secondary:#4A5568;--text-muted: #64748B;--text-accent: #0684C9;--text-inverse: #FAFBFC;--border-default:#E5E9F0;--border-color: #E5E9F0;--border-subtle: #D1D9E6;--bg-nav: rgba(250, 251, 252, .95);--nav-border: #E5E9F0;--bg-chip: #E5E9F0;--accent-cyan: #0684C9;--accent-magenta:#D9004E;--accent-green: #0E8A5E;--electric-cyan: #0684C9;--chart-grid: #EDF0F5;--chart-axis: #64748B;--chart-cursor: #D1D9E6;--accent-primary:#0684C9;--accent-success: #0E8A5E;--accent-warning: #CC7A00;--accent-error: #DC2626;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--shadow-glow: 0 0 16px rgba(6,132,201,.12);--shadow-card: 0 2px 8px rgba(0,0,0,.05);--footer-bg: #F1F4F8;--footer-border: #D1D9E6;--footer-text: #4A5568;--footer-muted: #64748B;--hero-bg: linear-gradient(135deg, #FAFBFC 0%, #EEF2F7 50%, #E8EDF4 100%);--shadow-glow-strong: 0 0 24px rgba(6,132,201,.18);--scrollbar-track: #FAFBFC;--scrollbar-thumb: #D1D9E6;--badge-bg: rgba(6, 132, 201, .08);--pill-bg: rgba(6, 132, 201, .06);--pill-border: rgba(6, 132, 201, .18);--cta-ghost-bg: rgba(6, 132, 201, .06);--cta-ghost-border: rgba(6, 132, 201, .22);--cta-ghost-hover-bg: rgba(6, 132, 201, .1);--chart-primary-stroke: #0684C9;--chart-fill-start: rgba(6, 132, 201, .18);--chart-fill-end: rgba(6, 132, 201, .02);--scroll-btn-border: rgba(6, 132, 201, .22);--scroll-btn-color: #718096}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;color:var(--text-primary)}p{color:var(--text-secondary)}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#00c8d4}[data-theme=light] a:hover{color:#0571a8}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}::-moz-selection{background:#00f0ff;color:#0a1929}::selection{background:#00f0ff;color:#0a1929}[data-theme=light] ::-moz-selection{background:#0684c9;color:#fff}[data-theme=light] ::selection{background:#0684c9;color:#fff}*:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px;border-radius:4px}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 24px;background:var(--accent-cyan);color:var(--text-inverse);font-family:var(--font-display);font-weight:600;font-size:.875rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-glow)}.section-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px;transition:transform .2s cubic-bezier(.19,1,.22,1),box-shadow .2s cubic-bezier(.19,1,.22,1)}.chart-container:hover{transform:translateY(-4px);box-shadow:0 0 30px #00f0ff14,0 20px 40px #00000026}[data-theme=light] .chart-container:hover{box-shadow:0 4px 20px #0000000f,0 12px 28px #0000000a}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}.chart-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.chart-subtitle{font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted);margin:4px 0 0}.badge{display:inline-flex;align-items:center;padding:4px 12px;background:var(--badge-bg);color:var(--accent-cyan);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.chart-tooltip{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow-md);font-family:Inter,sans-serif;font-size:13px;color:var(--text-primary)}.tooltip-date{font-size:.75rem;color:var(--text-secondary);margin-bottom:6px;font-family:var(--font-body)}.tooltip-value{font-family:var(--font-mono);font-size:1.125rem;font-weight:700;color:var(--accent-cyan);line-height:1}.tooltip-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.calendar-cell{border-radius:2px;cursor:pointer;transition:border-color .1s ease}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadingBar{0%{width:0%;margin-left:0%}50%{width:70%;margin-left:15%}to{width:0%;margin-left:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@keyframes ping{75%,to{transform:scale(2.5);opacity:0}}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--chart-grid)!important}.recharts-text{fill:var(--text-muted)!important}.recharts-tooltip-wrapper{outline:none}.tabular-nums{font-variant-numeric:tabular-nums}@media(max-width:1024px){.chart-row-split{grid-template-columns:1fr!important}}@media(max-width:768px){.hero-kpi-grid{grid-template-columns:1fr!important;max-width:400px!important}.program-cards-row{grid-template-columns:1fr!important}.chart-header{flex-direction:column;gap:8px}}@media(max-width:480px){.chart-container{padding:16px;border-radius:var(--radius-lg)}}@media(hover:none){.chart-container:hover{transform:none;box-shadow:none}}button:active,a:active,[role=button]:active{opacity:.85}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-bounce{animation:none!important}}@media print{.filter-bar,.theme-toggle,.scroll-indicator,button[aria-label*=filter],button[aria-label*=toggle],button[aria-label*=Switch]{display:none!important}body{background:#fff!important;color:#0a1929!important}.chart-container{background:#f8f9fa!important;border:1px solid #dee2e6!important;box-shadow:none!important;-moz-column-break-inside:avoid;break-inside:avoid}@page{margin:20mm;size:A4 landscape}h1,h2,h3{color:#0a1929!important;-moz-column-break-after:avoid;break-after:avoid}section{-moz-column-break-before:page;break-before:page}}