.landing-page{min-height:100vh;background:#0b0f17;color:#f8fafc;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden;position:relative}.landing-ambient-bg{position:absolute;top:0;left:0;right:0;height:850px;background:radial-gradient(circle at 20% 15%,rgba(0,240,255,.12) 0%,transparent 50%),radial-gradient(circle at 80% 25%,rgba(255,138,0,.09) 0%,transparent 45%),radial-gradient(circle at 50% 60%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.landing-nav{position:sticky;top:0;z-index:50;background:#0b0f17d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(38,50,72,.8)}.landing-nav-inner{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.landing-nav-links{display:flex;align-items:center;gap:2.25rem}@media(max-width:860px){.landing-nav-links{display:none}}.landing-nav-link{color:#94a3b8;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s ease}.landing-nav-link:hover{color:#00f0ff}.landing-nav-actions{display:flex;align-items:center;gap:.85rem}.landing-hero{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:3.5rem 2rem 3rem;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:3.5rem}@media(max-width:992px){.landing-hero{grid-template-columns:1fr;padding:2.5rem 1.25rem;gap:2.5rem}}.landing-hero-content{display:flex;flex-direction:column;align-items:flex-start}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:9999px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);color:#00f0ff;font-size:.85rem;font-weight:700;letter-spacing:.02em;margin-bottom:1.25rem;box-shadow:0 0 16px #00f0ff33}.landing-headline{font-size:clamp(2.35rem,4.2vw,3.6rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin:0 0 1.15rem;color:#f8fafc}.landing-headline-gradient{background:linear-gradient(135deg,#00f0ff,#ff8a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-subheadline{font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65;color:#94a3b8;margin:0 0 2rem;max-width:620px}.landing-cta-group{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:1rem;margin-bottom:1.65rem;width:auto}.landing-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:#00f0ff;color:#0b0f17;font-weight:800;font-size:1rem;padding:.85rem 1.65rem;min-height:48px;border-radius:12px;text-decoration:none;box-shadow:0 0 25px #00f0ff73;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;white-space:nowrap;cursor:pointer;box-sizing:border-box}.landing-btn-primary:hover{background:#38f4ff;transform:translateY(-2px);box-shadow:0 0 35px #00f0ffa6}.landing-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:#161e2ed9;color:#f8fafc;font-weight:700;font-size:.98rem;padding:.85rem 1.5rem;min-height:48px;border-radius:12px;text-decoration:none;border:1px solid rgba(38,50,72,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .25s ease;white-space:nowrap;cursor:pointer;box-sizing:border-box}.landing-btn-secondary:hover{background:#26324899;border-color:#00f0ff;color:#00f0ff;transform:translateY(-2px)}@media(max-width:680px){.landing-cta-group{flex-direction:column;align-items:stretch;width:100%}.landing-cta-group .landing-btn-primary,.landing-cta-group .landing-btn-secondary{width:100%;white-space:normal}}.landing-trust-pills{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.85rem;color:#94a3b8;margin-top:.5rem}.landing-trust-item{display:flex;align-items:center;gap:.35rem}.landing-trust-item span.check{color:#10b981;font-weight:700}.landing-mockup-wrapper{position:relative;display:flex;justify-content:center}.landing-mockup-frame{width:100%;max-width:560px;background:#161e2ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(38,50,72,.9);border-radius:22px;box-shadow:0 25px 60px #000000a6,0 0 35px #00f0ff2e;overflow:hidden;transition:transform .3s ease}.landing-mockup-frame:hover{transform:translateY(-4px);border-color:#00f0ff66}.mockup-header-bar{padding:.85rem 1.25rem;background:#0b0f17b3;border-bottom:1px solid rgba(38,50,72,.8);display:flex;align-items:center;justify-content:space-between}.mockup-car-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;color:#f8fafc}.mockup-phev-tag{background:#00f0ff26;color:#00f0ff;border:1px solid rgba(0,240,255,.3);font-size:.7rem;font-weight:800;padding:.15rem .45rem;border-radius:6px}.mockup-preview-tag{display:flex;align-items:center;gap:.4rem;color:#94a3b8;font-size:.78rem;font-weight:600;background:#94a3b81a;padding:.2rem .55rem;border-radius:6px;border:1px solid rgba(148,163,184,.2)}.mockup-body{padding:1.25rem}.mockup-trip-route{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.15rem}.mockup-route-name{font-size:1.05rem;font-weight:800;color:#f8fafc}.mockup-route-meta{font-size:.8rem;color:#94a3b8}.mockup-split-card{background:#0b0f1799;border:1px solid rgba(38,50,72,.8);border-radius:14px;padding:1.1rem;margin-bottom:1.15rem}.mockup-split-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin-bottom:.85rem;background:#0006}.mockup-bar-ev{height:100%;background:linear-gradient(90deg,#00f0ff,#0284c7);box-shadow:0 0 12px #00f0ff80}.mockup-bar-ice{height:100%;background:linear-gradient(90deg,#ff8a00,#ea580c);box-shadow:0 0 12px #ff8a0080}.mockup-split-legend{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mockup-legend-item{display:flex;flex-direction:column}.mockup-legend-label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;margin-bottom:.2rem}.mockup-legend-item.ev .mockup-legend-label{color:#00f0ff}.mockup-legend-item.ice .mockup-legend-label{color:#ff8a00}.mockup-legend-val{font-size:1.15rem;font-weight:800;color:#f8fafc;font-family:JetBrains Mono,monospace}.mockup-legend-sub{font-size:.75rem;color:#94a3b8}.mockup-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mockup-stat-box{background:#0b0f1799;border:1px solid rgba(38,50,72,.8);border-radius:12px;padding:.85rem}.mockup-stat-title{font-size:.72rem;text-transform:uppercase;color:#94a3b8;font-weight:700;margin-bottom:.25rem}.mockup-stat-number{font-size:1.25rem;font-weight:800;color:#10b981;font-family:JetBrains Mono,monospace}.mockup-stat-number.cyan{color:#00f0ff}.mockup-stat-desc{font-size:.72rem;color:#64748b;margin-top:.15rem}.landing-section{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:4.5rem 2rem}.landing-section-header{text-align:center;max-width:760px;margin:0 auto 3.5rem}.landing-section-tag{color:#00f0ff;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem}.landing-section-title{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;color:#f8fafc;margin:0 0 1rem;line-height:1.2}.landing-section-desc{font-size:1.05rem;color:#94a3b8;line-height:1.6}.landing-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:992px){.landing-grid-3{grid-template-columns:1fr}}.landing-feature-card{background:#161e2ebf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(38,50,72,.8);border-radius:20px;padding:2.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.landing-feature-card:hover{transform:translateY(-5px);border-color:#00f0ff66;box-shadow:0 15px 35px #0006,0 0 20px #00f0ff26}.landing-feature-icon{width:52px;height:52px;border-radius:14px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.25);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1.4rem}.landing-feature-card:nth-child(2) .landing-feature-icon{background:#ff8a001a;border-color:#ff8a0040}.landing-feature-card:nth-child(3) .landing-feature-icon{background:#10b9811a;border-color:#10b98140}.landing-feature-title{font-size:1.35rem;font-weight:800;color:#f8fafc;margin:0 0 .85rem;line-height:1.3}.landing-feature-text{font-size:.98rem;color:#94a3b8;line-height:1.65;margin:0}.landing-security-box{background:linear-gradient(135deg,#161e2ed9,#0b0f17f2);border:1px solid rgba(0,240,255,.3);border-radius:24px;padding:3.5rem 2.5rem;box-shadow:0 20px 60px #00000080,0 0 40px #00f0ff1a}@media(max-width:768px){.landing-security-box{padding:2rem 1.25rem}}.landing-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2.5rem}@media(max-width:768px){.landing-security-grid{grid-template-columns:1fr;gap:1.75rem}}.landing-security-pillar{display:flex;gap:1.25rem}.landing-security-icon-circle{width:48px;height:48px;min-width:48px;border-radius:50%;background:#00f0ff1f;border:1px solid rgba(0,240,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.35rem}.landing-security-pillar:nth-child(2) .landing-security-icon-circle{background:#10b9811f;border-color:#10b9814d}.landing-security-h3{font-size:1.2rem;font-weight:800;color:#f8fafc;margin:0 0 .5rem}.landing-security-p{font-size:.95rem;color:#94a3b8;line-height:1.6;margin:0}.landing-trust-badges-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(38,50,72,.8)}.landing-badge-pill{display:inline-flex;align-items:center;gap:.45rem;background:#0b0f17b3;border:1px solid rgba(38,50,72,.9);padding:.5rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:600;color:#f8fafc}.landing-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:900px;margin:0 auto}.pricing-table-container{max-width:1140px;margin:0 auto;background:#161e2ebf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(38,50,72,.8);border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 30px #00f0ff1a}.pricing-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.pricing-comparison-table{width:100%;border-collapse:collapse;text-align:left}.pricing-comparison-table th,.pricing-comparison-table td{padding:1rem 1.4rem;border-bottom:1px solid rgba(38,50,72,.6);font-size:.95rem;vertical-align:middle}.pricing-comparison-table th{background:#0f172aa6;vertical-align:top;padding-top:1.8rem;padding-bottom:1.6rem}.pricing-comparison-table .col-feature{width:46%;color:#f8fafc;font-weight:600;white-space:nowrap}.pricing-comparison-table .col-free{width:27%;text-align:center;border-left:1px solid rgba(38,50,72,.6);white-space:nowrap}.pricing-comparison-table .col-pro{width:27%;text-align:center;background:#00f0ff09;border-left:1px solid rgba(0,240,255,.25);border-right:1px solid rgba(0,240,255,.25);white-space:nowrap}.pricing-comparison-table tbody tr:hover td{background:#ffffff05}.pricing-comparison-table tbody tr:hover td.col-pro{background:#00f0ff12}.pricing-badge-red{display:inline-flex;align-items:center;gap:.35rem;color:#f43f5e;font-weight:700;font-size:.9rem;padding:.25rem .65rem;background:#f43f5e1f;border:1px solid rgba(244,63,94,.3);border-radius:8px}.pricing-badge-green{display:inline-flex;align-items:center;gap:.35rem;color:#10b981;font-weight:700;font-size:.9rem;padding:.25rem .65rem;background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:8px}.pricing-icon-cross{color:#f43f5e;font-size:1.25rem;font-weight:900;line-height:1}.pricing-icon-check{color:#10b981;font-size:1.25rem;font-weight:900;line-height:1}.landing-pricing-card{background:#161e2ebf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(38,50,72,.8);border-radius:20px;padding:2.5rem 2rem;display:flex;flex-direction:column;position:relative;transition:transform .3s ease}.landing-pricing-card.popular{border-color:#00f0ff80;background:linear-gradient(180deg,#161e2ee6,#0b0f17f2);box-shadow:0 20px 50px #00000080,0 0 30px #00f0ff33;transform:scale(1.03)}@media(max-width:768px){.landing-pricing-card.popular{transform:none}}.pricing-ribbon{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,#00f0ff,#0284c7);color:#0b0f17;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .85rem;border-radius:9999px;box-shadow:0 4px 15px #00f0ff66}.pricing-plan-name{font-size:1.3rem;font-weight:800;color:#f8fafc;margin-bottom:.4rem}.pricing-plan-desc{font-size:.88rem;color:#94a3b8;margin-bottom:1.5rem}.pricing-price-wrap{display:flex;align-items:baseline;gap:.35rem;margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid rgba(38,50,72,.8)}.pricing-amount{font-size:3rem;font-weight:800;color:#f8fafc;font-family:JetBrains Mono,monospace;line-height:1}.pricing-period{font-size:.95rem;color:#94a3b8}.pricing-features-list{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:.85rem;flex-grow:1}.pricing-feature-item{display:flex;align-items:flex-start;gap:.65rem;font-size:.92rem;color:#f8fafc;line-height:1.45}.pricing-feature-item span.icon-check{color:#10b981;font-weight:800;font-size:1.1rem;line-height:1;margin-top:2px;flex-shrink:0}.pricing-feature-item span.icon-cross{color:#f43f5e;font-weight:800;font-size:1.1rem;line-height:1;margin-top:2px;flex-shrink:0}.pricing-feature-item.missing{color:#94a3b8}.pricing-feature-item.missing span:last-child{opacity:.88}.landing-bottom-cta{text-align:center;background:radial-gradient(circle at 50% 50%,#00f0ff26,#0b0f17e6 70%);border-top:1px solid rgba(38,50,72,.8);padding:5rem 1.5rem}.landing-bottom-cta-group{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.25rem;margin:0 auto}@media(max-width:680px){.landing-bottom-cta-group{flex-direction:column;align-items:stretch;width:100%;max-width:360px}}.landing-footer{background:#070a0f;border-top:1px solid rgba(38,50,72,.6);padding:2.5rem 1.5rem}.landing-footer-inner{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}.landing-footer-brand{display:flex;align-items:center;gap:.75rem}.landing-footer-copy{color:#64748b;font-size:.85rem}.landing-brands-bar{max-width:1400px;margin:1.5rem auto 3.5rem;padding:0 2rem;position:relative;z-index:1}.landing-brands-inner{background:#121824b8;border:1px solid rgba(38,50,72,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px;padding:1.25rem 1.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;align-items:center}.brand-col{display:flex;align-items:flex-start;gap:.85rem}.brand-col-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.brand-col-icon.live{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#10b981}.brand-col-icon.soon{background:#ff8a0026;border:1px solid rgba(255,138,0,.35);color:#ff8a00}.brand-col-icon.free{background:#00f0ff26;border:1px solid rgba(0,240,255,.35);color:#00f0ff}.brand-col-title{font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.25rem}.brand-col-desc{font-size:.88rem;color:#94a3b8;line-height:1.4}.brand-col-desc strong{color:#f8fafc}:root{--bg-primary: #0B0F17;--bg-secondary: #121824;--bg-card: rgba(22, 30, 46, .82);--bg-card-hover: rgba(30, 42, 64, .9);--bg-input: #0e1420;--border-color: #263248;--border-focus: #00F0FF;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--accent-cyan: #00F0FF;--accent-amber: #FF8A00;--accent-emerald: #10B981;--accent-rose: #F43F5E;--accent-purple: #A855F7;--accent-blue: #0284C7;--glow-cyan: 0 0 14px rgba(0, 240, 255, .28);--glow-amber: 0 0 14px rgba(255, 138, 0, .28);--glow-emerald: 0 0 14px rgba(16, 185, 129, .28);--shadow: 0 10px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 24px;--nav-bg: rgba(11, 15, 23, .86);--surface: rgba(22, 30, 46, .82);--surface-hover: rgba(30, 42, 64, .9);--card-shadow: 0 4px 20px -2px rgba(0, 0, 0, .45);--card-shadow-hover: 0 8px 28px -4px rgba(0, 0, 0, .55), 0 0 16px rgba(0, 240, 255, .12);--on-accent: #0B0F17;--accent-soft: rgba(0, 240, 255, .12);--focus-ring: 0 0 0 3px rgba(0, 240, 255, .35)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: #f1f5f9;--bg-input: #f1f5f9;--border-focus: #0284c7;--text-primary: #0f172a;--text-secondary: #475569;--shadow: 0 10px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--border-color: #e2e8f0;--text-muted: #64748b;--accent-cyan: #0e7490;--accent-amber: #c2410c;--accent-emerald: #047857;--accent-rose: #e11d48;--accent-purple: #7e22ce;--accent-blue: #0369a1;--glow-cyan: none;--glow-amber: none;--glow-emerald: none;--nav-bg: rgba(255, 255, 255, .88);--surface: #ffffff;--surface-hover: #f1f5f9;--card-shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 4px 14px -4px rgba(15, 23, 42, .08);--card-shadow-hover: 0 2px 6px rgba(15, 23, 42, .08), 0 10px 24px -6px rgba(15, 23, 42, .12);--on-accent: #ffffff;--accent-soft: rgba(14, 116, 144, .1);--focus-ring: 0 0 0 3px rgba(14, 116, 144, .3)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;transition:background-color .2s ease,color .2s ease;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1440px;width:100%;margin:0 auto;padding:1.5rem 1rem 6rem}@media(min-width:768px){.main-content{padding:2rem 1.75rem 3rem}}.main-content-admin{max-width:98%!important;width:98%!important;padding:1.5rem 1rem 6rem}.nav-inner-admin{max-width:98%!important;width:98%!important;padding:.75rem 1rem}@media(min-width:768px){.main-content-admin{padding:1.5rem 1.5rem 3rem}.nav-inner-admin{padding:.75rem 1.5rem}}.navbar{background:var(--nav-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--card-shadow)}.nav-inner{max-width:1440px;margin:0 auto;padding:.75rem 1.25rem;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:.85rem}.nav-left{display:flex;align-items:center;gap:.85rem;flex-shrink:0}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.05rem;color:var(--text-primary);text-decoration:none;white-space:nowrap}.brand-logo{height:38px;width:auto;max-width:250px;object-fit:contain;display:block;filter:drop-shadow(0 2px 10px rgba(0,240,255,.3));transition:transform .25s cubic-bezier(.4,0,.2,1),filter .25s ease}.brand:hover .brand-logo{transform:scale(1.03);filter:drop-shadow(0 3px 16px rgba(0,240,255,.5))}.brand span{background:linear-gradient(135deg,var(--accent-emerald),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-car-select{padding:.42rem .85rem;border-radius:9999px;font-size:.82rem;font-weight:700;background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;max-width:200px;min-width:140px;outline:none;transition:all .15s ease}.nav-car-select:focus,.nav-car-select:hover{border-color:var(--accent-cyan)}.nav-links{display:none;align-items:center;gap:.25rem;overflow:visible}@media(min-width:960px){.nav-links{display:flex;overflow:visible}}.nav-link{padding:.4rem .65rem;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.82rem;font-weight:600;white-space:nowrap;transition:all .15s ease;display:flex;align-items:center;gap:.35rem}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-card-hover)}.nav-link.active{color:var(--accent-cyan);background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent-cyan)}button.nav-link{background:none;border:none;cursor:pointer;font-family:inherit}.nav-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--nav-bg);border-top:1px solid var(--border-color);padding:.5rem .25rem calc(.5rem + env(safe-area-inset-bottom,0px));justify-content:space-around;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -4px 24px #0000002e}@media(min-width:860px){.bottom-nav{display:none}}.bottom-tab{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-decoration:none;font-size:.7rem;font-weight:600;color:var(--text-muted);padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .15s}.bottom-tab.active{color:var(--accent-cyan)}.bottom-tab svg{width:22px;height:22px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--card-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1),border-color .2s ease}.card:hover{box-shadow:var(--card-shadow-hover)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:.32rem;padding:.25rem .65rem;border-radius:9999px;font-size:.74rem;font-weight:700;letter-spacing:.025em;white-space:nowrap;transition:all .15s ease}.badge-emerald{background:#10b98124;color:#10b981;border:1px solid rgba(16,185,129,.35);box-shadow:0 0 8px #10b9811f}.badge-amber{background:#ff8a0024;color:#ff8a00;border:1px solid rgba(255,138,0,.35);box-shadow:0 0 8px #ff8a001f}.badge-cyan{background:#00f0ff24;color:#00f0ff;border:1px solid rgba(0,240,255,.38);box-shadow:0 0 10px #00f0ff29}.badge-blue{background:#0284c724;color:#38bdf8;border:1px solid rgba(2,132,199,.35)}.badge-rose{background:#f43f5e24;color:#f43f5e;border:1px solid rgba(244,63,94,.38);box-shadow:0 0 8px #f43f5e1f}.badge-purple{background:#a855f724;color:#a855f7;border:1px solid rgba(168,85,247,.35)}.badge-gray{background:#94a3b824;color:var(--text-secondary);border:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.15rem;border-radius:20px;font-size:.88rem;font-weight:700;letter-spacing:.02em;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.2,0,0,1);text-decoration:none;font-family:inherit;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#00f0ff,#0284c7);color:#0b0f17;box-shadow:0 2px 10px #00f0ff59,0 0 16px #00f0ff33}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 18px #00f0ff80,0 0 24px #00f0ff59}.btn-emerald{background:linear-gradient(135deg,#10b981,#059669);color:#0b0f17;box-shadow:0 2px 10px #10b98159,0 0 16px #10b98133}.btn-emerald:hover:not(:disabled){filter:brightness(1.1)}.btn-amber{background:linear-gradient(135deg,#ff8a00,#d97706);color:#0b0f17;box-shadow:0 2px 10px #ff8a0059,0 0 16px #ff8a0033}.btn-amber:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-cyan);background:var(--surface-hover)}.btn-danger{background:#f43f5e26;color:#f43f5e;border:1px solid rgba(244,63,94,.35)}.btn-danger:hover:not(:disabled){background:#f43f5e;color:#fff;box-shadow:0 0 14px #f43f5e59}.btn-sm{padding:.3rem .75rem;font-size:.78rem;border-radius:16px}.btn-icon{padding:.5rem;border-radius:16px}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem .9rem;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.form-select option,select option{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.form-textarea{min-height:80px;resize:vertical}.grid{display:grid;gap:1rem}.grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:640px){.grid-cols-2,.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.stat-card{padding:1rem 1.1rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;gap:.35rem;box-shadow:var(--card-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1),border-color .2s ease}.stat-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.stat-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.6rem;font-weight:800;color:var(--text-primary);font-family:JetBrains Mono,monospace;line-height:1.2}.stat-sub{font-size:.8rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:580px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0009;animation:modalEnter .22s cubic-bezier(.2,0,0,1)}@keyframes modalEnter{0%{transform:scale(.96) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.table th{background:var(--bg-card-hover);padding:.75rem 1rem;font-weight:700;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);white-space:nowrap}.table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-color);white-space:nowrap}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-card-hover)}.table.table-admin th{padding:.65rem;font-size:.75rem;letter-spacing:.02em}.table.table-admin td{padding:.65rem;font-size:.84rem}.table.table-admin .badge{font-size:.72rem;padding:.2rem .5rem}.triad-box{background:#0ea5e914;border:1px dashed rgba(14,165,233,.35);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.8rem;color:var(--accent-cyan);display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:580px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #000000b3,0 0 1px 1px #00f0ff26;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:modalEnter .22s cubic-bezier(.2,0,0,1)}.modal-title{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0}.modal-close{background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;transition:all .15s ease}.modal-close:hover{color:var(--text-primary);border-color:var(--text-muted)}.form-control{width:100%;padding:.65rem .9rem;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0ea5e926}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.mobile-menu-btn{display:inline-flex}@media(min-width:960px){.mobile-menu-btn{display:none}}.nav-profile-name{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer{border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:.75rem 1rem;animation:modalEnter .15s ease-out}@media(min-width:960px){.mobile-drawer{display:none}}.mobile-drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mobile-drawer-item{display:flex;align-items:center;gap:.55rem;padding:.65rem .85rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);text-decoration:none;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit}.mobile-drawer-item.active{border-color:var(--accent-cyan);background:#06b6d41f;color:var(--accent-cyan)}@media(max-width:767px){.main-content{padding:1rem .75rem 5.5rem}.nav-inner{padding:.6rem .75rem;min-height:56px;gap:.5rem}.brand-logo{height:30px;max-width:170px}.brand-text{display:none}.nav-left{gap:.45rem;flex:1;min-width:0}.nav-car-select{min-width:0;max-width:175px;width:100%;padding:.35rem .55rem;font-size:.78rem}.nav-profile-btn,.nav-logout-btn{display:none}.bottom-nav{padding:.35rem .15rem calc(.35rem + env(safe-area-inset-bottom,0px))}.bottom-tab{font-size:.65rem;padding:.2rem .25rem;gap:.15rem;flex:1;min-width:0;text-align:center}.bottom-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-tab svg{width:20px;height:20px}.card{padding:1rem;border-radius:var(--radius-md)}.stat-card{padding:.95rem;border-radius:var(--radius-md)}.stat-value{font-size:1.35rem!important}.stat-label{font-size:.72rem}.form-row{grid-template-columns:1fr;gap:0}.modal-overlay{padding:.5rem;align-items:flex-end}.modal-dialog,.modal-content{max-height:92vh;border-radius:var(--radius-lg)}.modal-header{padding:1rem 1.15rem}.modal-body{padding:1.1rem}.modal-footer{padding:.85rem 1.15rem;flex-wrap:wrap}.table th,.table td{padding:.65rem;font-size:.8rem;white-space:nowrap}}.nav-user-menu-wrapper{position:relative;z-index:100}.nav-user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:215px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 35px -10px #0000008c;padding:.45rem;z-index:120;display:flex;flex-direction:column;gap:.2rem;animation:modalEnter .14s ease-out}.nav-dropdown-header{padding:.5rem .75rem;border-bottom:1px solid var(--border-color);margin-bottom:.2rem}.nav-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;font-size:.85rem;font-weight:600;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:background .12s ease}.nav-dropdown-item:hover,.nav-dropdown-item.active{background:var(--bg-card-hover);color:var(--accent-cyan)}.nav-dropdown-divider{height:1px;background:var(--border-color);margin:.25rem 0}.segmented-tabs{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.25rem;gap:.25rem;margin-bottom:1.25rem;flex-wrap:wrap}.segmented-tab{background:transparent;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:var(--radius-sm);font-size:.84rem;font-weight:700;text-decoration:none;color:var(--text-secondary);transition:all .15s ease}.segmented-tab:hover{color:var(--text-primary)}.segmented-tab.active{background:var(--accent-cyan);color:var(--on-accent);box-shadow:0 2px 8px #06b6d440}.cockpit-strip{background:linear-gradient(135deg,#0ea5e91a,#10b98112);border:1px solid rgba(14,165,233,.28);border-radius:var(--radius-lg);padding:.9rem 1.15rem;margin-bottom:1.35rem;display:flex;flex-direction:column;gap:.8rem}.cockpit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.cockpit-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.65rem .85rem;display:flex;flex-direction:column;gap:.3rem}.level-pill-wrapper{display:flex;flex-direction:column;gap:.25rem;min-width:112px}.level-pill-labels{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:700}.level-pill-track{width:100%;height:7px;border-radius:999px;background:#94a3b82e;overflow:hidden;display:flex}.mobile-receipt-list{display:none;flex-direction:column;gap:.8rem}.receipt-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.95rem 1rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:var(--shadow)}.receipt-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding-top:.55rem;border-top:1px solid var(--border-color)}.receipt-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px dashed var(--border-color)}@media(max-width:720px){.desktop-table-view{display:none}.mobile-receipt-list{display:flex}}.ti-root{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.ti-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:560px){.ti-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ti-card{padding:.85rem .95rem;border-radius:.75rem;background:var(--bg-secondary, rgba(148, 163, 184, .06));border:1px solid var(--border-color);min-width:0}@media(min-width:560px){.ti-card.ti-wide{grid-column:1 / -1}}.ti-card-title{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.55rem}.ti-big{font-size:1.05rem;font-weight:800;margin-bottom:.2rem}.ti-val{font-size:1.1rem;font-weight:800;font-family:JetBrains Mono,monospace;white-space:nowrap}.ti-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);margin-bottom:.15rem}.ti-sub{font-size:.75rem;color:var(--text-secondary)}.ti-note{font-size:.7rem;color:var(--text-muted, var(--text-secondary));margin-top:.45rem;line-height:1.35;opacity:.85}.ti-two{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ti-stat{min-width:0}.ti-stack{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#94a3b82e;margin:.45rem 0 .35rem}.ti-stack>div{height:100%;transition:width .3s}.ti-legend{display:flex;flex-wrap:wrap;gap:.3rem .75rem;font-size:.72rem;color:var(--text-secondary)}.ti-legend span{display:inline-flex;align-items:center;gap:.3rem}.ti-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.ti-chips{display:flex;flex-wrap:wrap;gap:.4rem}.ti-chip{font-size:.74rem;font-weight:700;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--border-color)}.ti-chip.on{background:#f59e0b24;border-color:#f59e0b73;color:#f59e0b}.ti-chip.off{color:var(--text-secondary);opacity:.75}.ti-tires{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@media(min-width:640px){.ti-tires{grid-template-columns:repeat(4,minmax(0,1fr))}}.ti-tire{padding:.7rem .85rem;border-radius:var(--radius-md, .75rem);background:var(--surface);border:1px solid var(--border-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.ti-tire:hover{border-color:#00f0ff59;box-shadow:0 4px 14px #00000059}.ti-tire-val{font-size:1.05rem;font-weight:800;font-family:JetBrains Mono,monospace;color:#10b981}.ti-series{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem}.ti-series-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;opacity:.55}.ti-series-btn.on{opacity:1;color:var(--text-primary);border-color:var(--c)}.ti-series-btn i{width:10px;height:3px;border-radius:2px;background:var(--c);display:inline-block}@media(max-width:600px){.trip-detail-modal{max-width:100%!important;width:100%}.trip-detail-modal .modal-body{padding:.85rem}.trip-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important}.trip-metrics-grid .stat-card{padding:.65rem!important}}.route-legend{position:absolute;left:8px;bottom:8px;z-index:1000;display:flex;gap:.45rem;align-items:center;background:#0f172ad9;color:#e2e8f0;font-size:.68rem;font-weight:700;padding:.25rem .55rem;border-radius:999px}.route-legend i{width:14px;height:4px;border-radius:2px;display:inline-block;margin-right:3px;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.animate-pulse{animation:pulse 1.8s cubic-bezier(.4,0,.6,1) infinite;display:inline-block}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,.app-container{min-height:100vh;min-height:100dvh}img,svg,video,canvas{max-width:100%}.card,.stat-card{min-width:0}.table-container{-webkit-overflow-scrolling:touch}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}@media(hover:none){.stat-card:hover,.btn:hover{transform:none}}@media(max-width:767px){.navbar{padding-top:env(safe-area-inset-top,0px)}.main-content{padding-left:max(.75rem,env(safe-area-inset-left,0px));padding-right:max(.75rem,env(safe-area-inset-right,0px));padding-bottom:calc(5.75rem + env(safe-area-inset-bottom,0px))}.main-content-admin,.nav-inner-admin{width:100%!important;max-width:100%!important}.main-content-admin{padding:1rem .75rem calc(5.75rem + env(safe-area-inset-bottom,0px))}.nav-inner-admin{padding:.6rem .75rem}.btn{min-height:44px}.btn-sm{min-height:38px}.btn-icon{min-width:44px;min-height:44px}.bottom-tab{min-height:48px;justify-content:center}.nav-dropdown-item,.mobile-drawer-item{min-height:44px}.form-input,.form-select,.form-textarea,.form-control,input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.form-input,.form-select,.form-control{min-height:44px}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content p,.main-content label{overflow-wrap:anywhere}.modal-overlay{padding:0;align-items:flex-end}.modal-dialog,.modal-content{width:100%;max-width:100%!important;max-height:92vh;max-height:92dvh;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain}.modal-footer .btn{flex:1 1 140px}.segmented-tabs{display:flex;width:100%}.segmented-tab{flex:1;justify-content:center;padding:.55rem .5rem}}@media(max-width:600px){[style*="minmax(26"],[style*="minmax(28"],[style*="minmax(3"]{grid-template-columns:1fr!important}.cal-grid{gap:3px!important}.cal-weekdays{font-size:.62rem!important;margin-bottom:.3rem!important}.cal-cell{min-height:54px!important;padding:.3rem .25rem!important;border-radius:.45rem!important}.cal-cell>div:first-child>span:first-child{font-size:.75rem!important}.cal-detail{font-size:.62rem!important;margin-top:.15rem!important;white-space:nowrap}.cal-extra{display:none}}@media(max-width:767px){.desktop-only{display:none!important}}@media(min-width:768px){.mobile-only{display:none!important}}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.form-control:focus-visible{outline:none}[data-theme=light] .btn-primary{background:linear-gradient(135deg,#0891b2,#0369a1);color:#fff;box-shadow:0 2px 8px #0369a140}[data-theme=light] .btn-primary:hover:not(:disabled){box-shadow:0 4px 14px #0369a159}[data-theme=light] .btn-emerald{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 2px 8px #04785740}[data-theme=light] .btn-amber{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1f1300;box-shadow:0 2px 8px #d9770640}[data-theme=light] .btn-danger{color:#be123c}[data-theme=light] .badge{box-shadow:none}[data-theme=light] .badge-cyan{background:#0e74901a;color:#0e7490;border-color:#0e74904d}[data-theme=light] .badge-emerald{background:#0478571a;color:#047857;border-color:#0478574d}[data-theme=light] .badge-amber{background:#c2410c14;color:#c2410c;border-color:#c2410c4d}[data-theme=light] .badge-rose{background:#e11d4814;color:#be123c;border-color:#e11d484d}[data-theme=light] .badge-blue{color:#0369a1}[data-theme=light] .badge-purple{color:#7e22ce}[data-theme=light] .brand-logo{filter:none}[data-theme=light] .modal-overlay{background:#0f172a73}[data-theme=light] .route-legend{background:#ffffffeb;color:#0f172a}[data-theme=light] .main-content [style*="rgba(22, 30, 46"],[data-theme=light] .main-content [style*="rgb(11, 15, 23)"],[data-theme=light] .main-content [style*="rgb(18, 24, 36)"],[data-theme=light] .main-content [style*="rgb(14, 20, 32)"]{background:var(--bg-card)!important;color:var(--text-primary)}.nav-add-btn{font-weight:800}@media(max-width:767px){.brand-logo{height:26px;max-width:132px}.nav-pref-btn,.nav-add-btn{display:none!important}}.mobile-drawer-prefs{display:flex;gap:.5rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border-color)}.mobile-drawer-prefs .mobile-drawer-item{flex:1;justify-content:center}.bottom-nav{align-items:flex-end}.bottom-tab{flex:1;min-width:0;position:relative;background:none;border:none;font-family:inherit;cursor:pointer}.bottom-tab span.bottom-tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-tab.active:before{content:"";position:absolute;top:-.36rem;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--accent-cyan)}.bottom-tab-badge{position:absolute;top:-4px;right:-8px;background:#e11d48;color:#fff;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary)}.bottom-fab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;border:none;cursor:pointer;font-family:inherit;color:var(--text-secondary);font-size:.65rem;font-weight:700}.bottom-fab-circle{width:52px;height:52px;margin-top:-22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-cyan),#0284c7);color:var(--on-accent);box-shadow:0 6px 18px #0284c773;border:4px solid var(--bg-primary);transition:transform .15s ease}.bottom-fab:active .bottom-fab-circle{transform:scale(.94)}.bottom-fab-circle svg{width:24px;height:24px}.costs-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.costs-tabs::-webkit-scrollbar{display:none}.costs-tabs .badge{padding:.05rem .4rem;font-size:.68rem}@media(max-width:767px){.costs-tabs .segmented-tab{flex:1 0 auto;padding:.55rem .7rem;font-size:.8rem}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.period-tabs{display:inline-flex;gap:.2rem;padding:.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none}.period-tabs::-webkit-scrollbar{display:none}.period-tab{flex:0 0 auto;border:none;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.8rem;font-weight:700;padding:.4rem .85rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.period-tab:hover{color:var(--text-primary)}.period-tab.active{background:var(--accent-cyan);color:var(--on-accent)}.period-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;max-width:100%}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin-bottom:1.5rem}.kpi-grid .stat-card.kpi-hero{background:linear-gradient(135deg,#10b98129,#00f0ff0f),var(--surface);border-color:#10b98173}.kpi-grid .stat-card.kpi-hero .stat-value{font-size:1.85rem}@media(max-width:767px){.page-header{align-items:stretch}.page-header h1{font-size:1.45rem!important}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.kpi-grid .stat-card.kpi-hero{grid-column:1 / -1}.kpi-grid .stat-card.kpi-hero .stat-value{font-size:1.7rem!important}.kpi-grid .stat-label{letter-spacing:.02em;font-size:.66rem}.kpi-grid .stat-value{font-size:1.15rem!important}.kpi-grid .stat-sub{font-size:.72rem}.period-controls,.period-tabs{width:100%}}.desktop-table-view .table th:last-child,.desktop-table-view .table td:last-child{position:sticky;right:0;z-index:1;background:var(--bg-secondary);box-shadow:-8px 0 12px -10px #00000059}.desktop-table-view .table th:last-child{background:var(--bg-card-hover)}.desktop-table-view .table tr:hover td:last-child{background:var(--bg-card-hover)}.card-title>span:first-child{white-space:nowrap;flex-shrink:0}@media(max-width:767px){.costs-tabs{gap:.15rem}.costs-tabs .segmented-tab{flex:1 1 0;min-width:0;gap:.3rem;padding:.55rem .35rem;font-size:.78rem}}@media(max-width:420px){.costs-tabs .segmented-tab>span[aria-hidden=true]{display:none}}@media(max-width:767px){.main-content h1{font-size:1.4rem!important;line-height:1.25}}