.digital-meter-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto;padding:20px;background:#ffffffe6;border-radius:16px;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a;transition:all .3s ease;overflow:hidden;width:fit-content;height:fit-content;max-width:90vw}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.blinking{animation:blink 1s infinite}[data-theme=dark] .digital-meter-container{background:#1e1e1ee6;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.digital-meter-container:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}[data-theme=dark] .digital-meter-container:hover{box-shadow:0 12px 40px #00000080}.car-meter{color:#374151}.aircraft-meter{color:#1e40af}[data-theme=dark] .aircraft-meter{color:#60a5fa}.boat-meter{color:#0ea5e9}[data-theme=dark] .boat-meter{color:#7dd3fc}.train-meter{color:#dc2626}[data-theme=dark] .train-meter{color:#f87171}.bike-meter{color:#059669}[data-theme=dark] .bike-meter{color:#34d399}.scooter-meter{color:#7e22ce}[data-theme=dark] .scooter-meter{color:#a78bfa}.digital-speed-display{text-align:center;background:transparent;padding:16px 24px;border-radius:12px;transition:all .3s ease;min-width:120px;width:100%;box-sizing:border-box}.digital-speed-value{font-size:2.5rem;font-weight:800;color:currentColor;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.1);word-break:break-all}[data-theme=dark] .digital-speed-value{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.digital-speed-unit{font-size:1rem;font-weight:600;color:currentColor;opacity:.8;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .digital-speed-unit{color:#e5e5e5}.digital-meter-container.car-meter{background:linear-gradient(145deg,#f0f0f0f2,#fffffff2);border:1px solid rgba(200,200,200,.5)}[data-theme=dark] .digital-meter-container.car-meter{background:linear-gradient(145deg,#282828f2,#1e1e1ef2);border:1px solid rgba(200,200,200,.3)}.digital-meter-container.aircraft-meter{background:linear-gradient(145deg,#dce6fff2,#f0f5fff2);border:1px solid rgba(30,64,175,.3)}[data-theme=dark] .digital-meter-container.aircraft-meter{background:linear-gradient(145deg,#142850f2,#1e3264f2);border:1px solid rgba(96,165,250,.4)}.digital-meter-container.boat-meter{background:linear-gradient(145deg,#dcf5fff2,#f0fafff2);border:1px solid rgba(2,132,199,.3)}[data-theme=dark] .digital-meter-container.boat-meter{background:linear-gradient(145deg,#0a5078f2,#14648cf2);border:1px solid rgba(125,211,252,.4)}.digital-meter-container.train-meter{background:linear-gradient(145deg,#ffe6e6f2,#fff0f0f2);border:1px solid rgba(220,38,38,.3)}[data-theme=dark] .digital-meter-container.train-meter{background:linear-gradient(145deg,#641414f2,#781e1ef2);border:1px solid rgba(248,113,113,.4)}.digital-meter-container.bike-meter{background:linear-gradient(145deg,#dcfff0f2,#f0fff5f2);border:1px solid rgba(5,150,105,.3)}[data-theme=dark] .digital-meter-container.bike-meter{background:linear-gradient(145deg,#0a503cf2,#146450f2);border:1px solid rgba(52,211,153,.4)}.digital-meter-container.scooter-meter{background:linear-gradient(145deg,#f0e6fff2,#f5f0fff2);border:1px solid rgba(126,34,206,.3)}[data-theme=dark] .digital-meter-container.scooter-meter{background:linear-gradient(145deg,#461e64f2,#5a2878f2);border:1px solid rgba(167,139,250,.4)}@media (max-width: 768px){.digital-meter-container{padding:15px;border-radius:12px;margin:15px auto;max-width:95vw}.digital-speed-value{font-size:2rem}.digital-speed-unit{font-size:.875rem}.digital-speed-display{padding:12px 20px}.digital-meter-container[data-size="300"]{width:250px}.digital-meter-container[data-size="250"]{width:200px}.digital-meter-container[data-size="200"]{width:180px}}@media (max-width: 480px){.digital-meter-container{padding:10px;border-radius:10px;margin:10px auto;max-width:95vw}.digital-speed-value{font-size:1.75rem}.digital-speed-unit{font-size:.75rem}.digital-speed-display{padding:10px 16px;min-width:100px}.digital-meter-container[data-size="300"]{width:200px}.digital-meter-container[data-size="250"]{width:180px}.digital-meter-container[data-size="200"]{width:160px}}@media (max-width: 320px){.digital-meter-container{padding:8px;border-radius:8px;margin:8px auto;max-width:95vw}.digital-speed-value{font-size:1.5rem}.digital-speed-unit{font-size:.7rem}.digital-speed-display{padding:8px 12px;min-width:80px}.digital-meter-container[data-size="300"]{width:160px}.digital-meter-container[data-size="250"]{width:150px}.digital-meter-container[data-size="200"]{width:140px}}@media (min-width: 1200px){.digital-speed-value{font-size:3rem}.digital-speed-unit{font-size:1.25rem}.digital-speed-display{padding:20px 30px}}@media (min-width: 1600px){.digital-speed-value{font-size:3.5rem}.digital-speed-unit{font-size:1.5rem}}.notification{position:fixed;top:20px;right:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;z-index:1000;min-width:300px;max-width:400px;transform:translate(120%);opacity:0}.notification.show{transform:translate(0);opacity:1}.notification-info{border-left:4px solid #3b82f6;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 4px 12px #0000001a}50%{box-shadow:0 4px 16px #3b82f64d}to{box-shadow:0 4px 12px #0000001a}}[data-theme=dark] .notification{background:#1f2937;border:1px solid #374151;box-shadow:0 4px 12px #0000004d}.notification-success{border-left:4px solid #10b981}.notification-error{border-left:4px solid #ef4444}.notification-warning{border-left:4px solid #f59e0b}.notification-info{border-left:4px solid #3b82f6}.notification-icon{font-size:1.25rem;flex-shrink:0}.notification-content{flex:1}.notification-message{font-size:.95rem;color:#374151;line-height:1.4}[data-theme=dark] .notification-message{color:#f9fafb}.notification-close{background:transparent;border:none;color:#9ca3af;font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.notification-close:hover{color:#374151;background:#f3f4f6}[data-theme=dark] .notification-close:hover{color:#f9fafb;background:#374151}@media (max-width: 768px){.notification{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}:root{--primary-orange: #CD7F32;--primary-orange-hover: #B8691E;--primary-orange-light: rgba(205, 127, 50, .1);--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--countdown-red: #dc2626;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--bg-card: #171717;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #737373;--border-light: #262626;--border-medium: #404040;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}[data-theme=light]{--primary-orange: #CD7F32;--primary-orange-hover: #B8691E;--primary-orange-light: rgba(205, 127, 50, .1);--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--countdown-red: #dc2626;--bg-primary: #fdfcf9;--bg-secondary: #f8f6f1;--bg-tertiary: #f1ede4;--bg-card: #ffffff;--text-primary: #1a1a1a;--text-secondary: #4b5563;--text-muted: #6b7280;--border-light: #e5e2d8;--border-medium: #d1cdb8;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}body[data-theme=light]{background:var(--bg-primary);color:var(--text-primary)}.app[data-theme=light]{background:var(--bg-primary);min-height:100vh}[data-theme=light] *{color:var(--text-primary)}[data-theme=light] .text-secondary{color:var(--text-secondary)}[data-theme=light] .text-muted{color:var(--text-muted)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.header{background:var(--bg-card);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=light] .header,body[data-theme=light] .header{background:var(--bg-card);border-bottom:1px solid var(--border-light)}.header-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}[data-theme=light] .header-container{background:var(--bg-card)}.logo{font-size:1.75rem;font-weight:700;color:var(--primary-orange);text-decoration:none;letter-spacing:-.025em;display:flex;align-items:center;gap:.5rem}[data-theme=light] .logo,body[data-theme=light] .logo{color:var(--primary-orange)}.nav{display:flex;gap:.5rem}.nav-link{color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s ease;font-size:.95rem;cursor:pointer}[data-theme=light] .nav-link{color:var(--text-secondary)}.nav-link:hover,.nav-link.active{color:var(--primary-orange);background:var(--primary-orange-light);transform:translateY(-1px);box-shadow:var(--shadow-soft)}[data-theme=light] .nav-link:hover,[data-theme=light] .nav-link.active{color:var(--primary-orange);background:var(--primary-orange-light)}body[data-theme=light] .nav-link{color:var(--text-secondary)}body[data-theme=light] .nav-link:hover,body[data-theme=light] .nav-link.active{color:var(--primary-orange);background:var(--primary-orange-light)}.nav-dropdown{position:relative;display:inline-block}.dropdown-toggle{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s ease;font-size:.95rem;cursor:pointer;background:transparent;border:none}.dropdown-toggle:hover,.dropdown-toggle.active{color:var(--primary-orange);background:var(--primary-orange-light);transform:translateY(-1px);box-shadow:var(--shadow-soft)}body[data-theme=light] .dropdown-toggle{color:var(--text-secondary)}body[data-theme=light] .dropdown-toggle:hover,body[data-theme=light] .dropdown-toggle.active{color:var(--primary-orange);background:var(--primary-orange-light)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);min-width:200px;z-index:1000;margin-top:.5rem;display:flex;flex-direction:column}.dropdown-menu .nav-link{border-radius:0;padding:.75rem 1rem;display:block;text-align:left;border-bottom:1px solid var(--border-light)}.dropdown-menu .nav-link:last-child{border-bottom:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.dropdown-menu .nav-link:hover{background:var(--bg-secondary)}.dropdown-menu .nav-link.active{background:var(--primary-orange-light);color:var(--primary-orange)}[data-theme=light] .dropdown-menu{background:var(--bg-card);border:1px solid var(--border-light)}[data-theme=light] .dropdown-menu .nav-link{color:var(--text-secondary)}[data-theme=light] .dropdown-menu .nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=light] .dropdown-menu .nav-link.active{background:var(--primary-orange-light);color:var(--primary-orange)}body[data-theme=light] .dropdown-menu{background:var(--bg-card);border:1px solid var(--border-light)}body[data-theme=light] .dropdown-menu .nav-link{color:var(--text-secondary)}body[data-theme=light] .dropdown-menu .nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}body[data-theme=light] .dropdown-menu .nav-link.active{background:var(--primary-orange-light);color:var(--primary-orange)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem}body[data-theme=light] .mobile-menu-btn{color:var(--text-primary)}.main-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}body[data-theme=light] .main-container{background:transparent}body[data-theme=light] main{background:transparent}.speedometer-section{text-align:center;padding:3rem 0 4rem}.speedometer-section.fullscreen{padding:1rem;position:fixed;inset:0;background:var(--bg-primary);z-index:1000;overflow-y:auto}body[data-theme=light] .speedometer-section.fullscreen{background:var(--bg-primary)}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.025em;color:var(--primary-orange)}.speedometer-section.fullscreen .page-title{font-size:2rem;margin-top:1rem}body[data-theme=light] .page-title{color:var(--primary-orange)}.page-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto}.page-description{font-size:1rem;color:var(--text-muted);margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}body[data-theme=light] .page-subtitle{color:var(--text-secondary)}body[data-theme=light] .page-description{color:var(--text-muted)}.speedometer-section.fullscreen .page-subtitle,.speedometer-section.fullscreen .page-description{display:none}.speedometer-display{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:3rem 2rem;margin:2rem auto;max-width:500px;box-shadow:var(--shadow-large);position:relative;transition:all .3s ease}[data-theme=light] .speedometer-display{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-large)}body[data-theme=light] .speedometer-display{background:var(--bg-card);border:1px solid var(--border-light)}.speedometer-section.fullscreen .speedometer-display{max-width:none;margin:1rem;padding:2rem 1rem;height:calc(100% - 4rem);display:flex;flex-direction:column;justify-content:center}.speed-container{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin:1rem 0}.speedometer-section.fullscreen .speed-container{margin:2rem 0}.speed-value{font-size:8rem;font-weight:800;color:var(--text-primary);line-height:.9;letter-spacing:-.05em}[data-theme=light] .speed-value{color:var(--text-primary)}.speedometer-section.fullscreen .speed-value{font-size:12rem}body[data-theme=light] .speed-value{color:var(--text-primary)}.speed-unit{font-size:1.25rem;color:var(--text-secondary);font-weight:500;align-self:flex-end;margin-bottom:1rem}[data-theme=light] .speed-unit,body[data-theme=light] .speed-unit{color:var(--text-secondary)}.speedometer-section.fullscreen .speed-unit{font-size:1.5rem;margin-bottom:2rem}.unit-selector{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.speedometer-section.fullscreen .unit-selector{margin-bottom:1rem}.unit-btn{padding:.5rem 1.25rem;border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:var(--shadow-soft)}.unit-btn.active{background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-hover));color:#fff;border-color:var(--primary-orange);box-shadow:var(--shadow-medium)}.unit-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-medium)}[data-theme=light] .unit-btn{border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-secondary)}[data-theme=light] .unit-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}body[data-theme=light] .unit-btn{border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-secondary)}body[data-theme=light] .unit-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}body[data-theme=light] .unit-btn.active{background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-hover));color:#fff;border-color:var(--primary-orange)}.gps-status{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-size:.95rem;font-weight:500;margin-bottom:2rem;transition:all .3s ease;position:relative;box-shadow:var(--shadow-soft)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.gps-status.connecting{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2);animation:pulse 2s infinite}[data-theme=light] .gps-status{box-shadow:var(--shadow-soft)}.gps-status.connected{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.gps-status.connecting{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.gps-status.disconnected{background:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}[data-theme=light] .gps-status.connected{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}[data-theme=light] .gps-status.connecting{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}[data-theme=light] .gps-status.disconnected{background:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}body[data-theme=light] .gps-status.connected{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}body[data-theme=light] .gps-status.connecting{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}body[data-theme=light] .gps-status.disconnected{background:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);padding:.875rem 1.5rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}[data-theme=light] .btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light)}[data-theme=light] .btn-secondary:hover{background:var(--bg-tertiary)}body[data-theme=light] .btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light)}body[data-theme=light] .btn-secondary:hover{background:var(--bg-tertiary)}.home-screen-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .2s ease}.home-screen-btn:hover{color:var(--text-primary);border-color:var(--primary-orange);background:var(--primary-orange-light)}.fullscreen-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .2s ease;display:inline-block}.fullscreen-btn:hover{color:var(--text-primary);border-color:var(--primary-orange);background:var(--primary-orange-light)}.dashboard-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-soft);transition:all .3s ease}.dashboard-section:hover{box-shadow:var(--shadow-medium);border-color:var(--border-medium)}[data-theme=light] .dashboard-section{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-soft)}[data-theme=light] .dashboard-section:hover{box-shadow:var(--shadow-medium);border-color:var(--border-medium)}body[data-theme=light] .dashboard-section{background:var(--bg-card);border:1px solid var(--border-light)}[data-theme=light] .stat-card{background:var(--bg-tertiary);border:1px solid var(--border-light);box-shadow:var(--shadow-soft)}[data-theme=light] .stat-card:hover{background:var(--bg-card);border-color:var(--primary-orange)}body[data-theme=light] .stat-card{background:var(--bg-tertiary);border:1px solid var(--border-light)}body[data-theme=light] .stat-card:hover{background:var(--bg-card)}.quality-bar{height:10px;background:var(--bg-tertiary);border-radius:5px;overflow:hidden;margin-bottom:.5rem;border:1px solid var(--border-light)}.trip-history-header{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:.75rem;font-weight:600;color:var(--text-primary)}.trip-history-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border-light);border-top:none;padding:.75rem;background:var(--bg-primary)}.content-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-soft);transition:all .3s ease}.content-section:hover{box-shadow:var(--shadow-medium);border-color:var(--border-medium)}[data-theme=light] .content-section{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-soft)}[data-theme=light] .content-section:hover{box-shadow:var(--shadow-medium);border-color:var(--border-medium)}body[data-theme=light] .content-section{background:var(--bg-card);border:1px solid var(--border-light)}.coordinates{font-family:Courier New,monospace;font-size:1.1rem;background:var(--bg-tertiary);padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-light);word-break:break-all}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:1.2rem;box-shadow:var(--shadow-soft)}.theme-toggle:hover{background:var(--primary-orange);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-medium)}[data-theme=light] .theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-light);box-shadow:var(--shadow-soft)}[data-theme=light] .theme-toggle:hover{background:var(--primary-orange);color:#fff;box-shadow:var(--shadow-medium)}body[data-theme=light] .theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-light);box-shadow:var(--shadow-soft)}body[data-theme=light] .theme-toggle:hover{background:var(--primary-orange);color:#fff;box-shadow:var(--shadow-medium)}.help-btn{background:none;border:1px solid var(--border-light);color:var(--text-secondary);border-radius:50%;width:24px;height:24px;font-size:.8rem;cursor:pointer;position:absolute;right:1rem;top:1rem}.help-panel{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1rem;text-align:left;max-height:400px;overflow-y:auto}.help-panel h3{color:var(--primary-orange);margin:1rem 0 .5rem}.help-panel h3:first-child{margin-top:0}.help-panel p{margin:.5rem 0}.help-panel details{margin:1rem 0;padding:1rem;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light)}.help-panel summary{font-weight:600;cursor:pointer;color:var(--primary-orange);outline:none;font-size:1rem;padding:.25rem 0}.help-panel details[open] summary{margin-bottom:.5rem}.chart-container{display:flex;align-items:flex-end;height:100px;gap:2px;padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:.5rem}.chart-bar{flex:1;background:var(--primary-orange);border-radius:2px 2px 0 0;min-width:2px}.connecting-message{margin-top:1rem;padding:.75rem;background:#f59e0b0d;border-radius:var(--radius-md);border-left:3px solid var(--warning-color)}.connecting-message p{margin:.5rem 0;font-size:.85rem;color:var(--text-secondary)}.connecting-message p:first-child{margin-top:0}.connecting-message p:last-child{margin-bottom:0}.gps-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.detail-row span:first-child{color:var(--text-secondary)}.detail-row span:last-child{color:var(--text-primary);font-weight:500}.setting-group .unit-selector{margin-bottom:0}.troubleshooting-guide{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem}.unit-settings{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem;margin-top:1rem}.footer{background:var(--bg-card);border-top:1px solid var(--border-light);margin-top:4rem;padding:2rem 0;box-shadow:0 -1px 3px #0000001a}[data-theme=light] .footer{background:var(--bg-card);border-top:1px solid var(--border-light);box-shadow:0 -1px 3px #0000001a}body[data-theme=light] .footer{background:var(--bg-card);border-top:1px solid var(--border-light)}.speedometer-section.fullscreen .footer{display:none}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-section h4{color:var(--primary-orange);margin-bottom:.75rem;font-size:1rem;font-weight:600}[data-theme=light] .footer-section h4{color:var(--primary-orange)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-section ul li a:hover{color:var(--text-primary)}[data-theme=light] .footer-section ul li a{color:var(--text-muted)}[data-theme=light] .footer-section ul li a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light);color:var(--text-muted);font-size:.9rem}.mobile-menu-backdrop{position:fixed;inset:0;background:#00000080;z-index:99}[data-theme=light] .mobile-menu-backdrop,body[data-theme=light] .mobile-menu-backdrop{background:#00000080}.mobile-menu-close{display:none;position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem}body[data-theme=light] .mobile-menu-close{color:var(--text-primary)}@media (max-width: 768px){.mobile-menu-btn{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border-light);flex-direction:column;padding:1rem;z-index:100}.nav.mobile-open{display:flex}.mobile-menu-close{display:block}.nav-dropdown{width:100%}.dropdown-menu{position:static;box-shadow:none;border:none;background:transparent;margin-top:0}.dropdown-menu .nav-link{padding-left:2rem}.page-title{font-size:2rem}.speed-value{font-size:6rem}.speedometer-display{padding:2rem 1.5rem;margin:1rem}.control-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:200px;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.main-container{padding:1rem}.coordinates{font-size:.9rem;padding:.5rem}.speed-indicators{flex-direction:column;gap:.5rem;align-items:center}.dashboard-section{padding:1rem}.dashboard-section h2{font-size:1.25rem}.chart-container{height:80px}.trip-history-header,.trip-history-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:.5rem}.trip-history-header{border-radius:var(--radius-md) var(--radius-md) 0 0}.trip-history-row:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.unit-selector{flex-direction:row;flex-wrap:wrap}.unit-btn{flex:1 1 auto;min-width:calc(50% - .25rem);margin-bottom:.5rem}.speedometer-section.fullscreen .speed-value{font-size:8rem}.speedometer-section.fullscreen .speed-container{margin:1rem 0}[data-theme=light] .nav{background:var(--bg-card);border-bottom:1px solid var(--border-light)}[data-theme=light] .dropdown-menu{background:transparent;border:none}body[data-theme=light] .nav{background:var(--bg-card);border-bottom:1px solid var(--border-light)}body[data-theme=light] .dropdown-menu{background:transparent;border:none}}@media (max-width: 480px){.speed-value{font-size:5rem}.unit-selector{flex-direction:column;align-items:center}.unit-btn{width:120px;min-width:120px}.stats-grid{grid-template-columns:1fr}.coordinates{font-size:.8rem}.stat-value{font-size:1.5rem}body[data-theme=light] .stat-value{color:var(--text-primary)}.chart-container{height:60px}.speedometer-section.fullscreen .speed-value{font-size:6rem}}.progress-container{width:100%;height:8px;background:var(--border-light);border-radius:4px;margin:1rem 0;overflow:hidden}.progress-bar{height:100%;width:0%;background:var(--success-color);transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-percentage{font-weight:700;font-size:1.2rem;color:var(--text-primary)}.progress-text{font-size:.95rem;color:var(--text-secondary)}.connection-details{display:flex;justify-content:space-between;margin-top:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.detail-item{display:flex;flex-direction:column;align-items:center}.detail-label{font-size:.8rem;color:var(--text-secondary)}.detail-value{font-weight:600;color:var(--text-primary)}.gps-progress{margin:1rem 0;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-soft)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(245,158,11,.3);border-top:3px solid var(--warning-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:10px;vertical-align:middle}details{margin:1rem 0;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light)}summary{font-weight:600;cursor:pointer;color:var(--primary-orange);outline:none;font-size:1.1rem;padding:.5rem 0}summary::-webkit-details-marker{color:var(--primary-orange)}details[open] summary{margin-bottom:.5rem}details ol,details ul{margin:.5rem 0 0 1.5rem;padding:0}details li{margin:.5rem 0}details p{margin:.5rem 0}details h3,details h4{margin:1rem 0 .5rem;color:var(--text-primary)}.hero-section{text-align:center;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.feature-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-soft)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:var(--primary-orange)}.feature-card h3{color:var(--primary-orange);margin-bottom:.75rem;font-size:1.25rem}.feature-card p{color:var(--text-secondary);line-height:1.5}.vehicle-tests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.vehicle-test-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.5rem;text-align:center;transition:all .3s ease;box-shadow:var(--shadow-soft)}.vehicle-test-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:var(--primary-orange)}.vehicle-test-card h4{color:var(--primary-orange);margin-bottom:.75rem;font-size:1.1rem}.vehicle-test-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.vehicle-test-card .btn{width:auto;padding:.5rem 1rem;font-size:.9rem}.section-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 0;margin-bottom:1rem}.section-header h2{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-orange)}.stats-detail{margin-top:1.5rem}.trend-analysis{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.trend-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.trend-description{font-weight:500}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.guide-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-soft)}.guide-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:var(--primary-orange)}.guide-card h3{color:var(--primary-orange);margin-bottom:.75rem;font-size:1.25rem}.guide-card p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.guide-card ul{list-style:none;padding:0}.guide-card li{margin-bottom:.5rem;padding-left:1.5rem;position:relative;color:var(--text-secondary)}.guide-card li:before{content:"•";color:var(--primary-orange);position:absolute;left:0;top:0}.guide-card a{color:var(--primary-orange);text-decoration:none;font-weight:500;transition:all .2s ease}.guide-card a:hover{text-decoration:underline;color:var(--primary-orange-hover)}.guide-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.guide-actions .btn{width:100%;text-align:center;display:block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.25rem;text-align:center;transition:all .3s ease;box-shadow:var(--shadow-soft)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:var(--primary-orange);background:var(--bg-card)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.stat-sublabel{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.control-buttons,.test-controls{display:flex;gap:1rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none;font-family:inherit;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-hover));color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease;box-shadow:var(--shadow-medium);font-family:inherit;position:relative}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-large)}.btn-primary:active{transform:translateY(0)}.btn-primary.connecting{background:linear-gradient(135deg,#f59e0b,#d97706);cursor:wait;pointer-events:none}.btn-primary.connecting:after{content:"";position:absolute;top:50%;right:20px;width:20px;height:20px;margin-top:-10px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}[data-theme=light] .btn-primary,body[data-theme=light] .btn-primary{background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-hover));color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-soft)}.btn-secondary:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn-secondary:active{transform:translateY(0)}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.speed-indicators{display:flex;justify-content:center;gap:2rem;margin:1rem 0;flex-wrap:wrap}.trend-indicator{display:flex;align-items:center;gap:.5rem}.trend-icon{font-size:1.5rem}.trend-text{font-weight:500}.max-speed-indicator{font-weight:500;color:var(--text-secondary)}.calculator-tabs{display:flex;justify-content:center;margin:1rem 0;background:var(--bg-secondary);border-radius:12px;padding:.5rem;border:1px solid var(--border-light);max-width:800px;margin-left:auto;margin-right:auto}.tab-button{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;text-align:center;white-space:nowrap}.tab-button:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}.tab-button.active{background:var(--primary-orange);color:#fff;box-shadow:var(--shadow-soft)}.tab-content{display:none}.tab-content.active{display:block}.advanced-toggle-btn{margin-top:1rem;width:100%;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500}.advanced-toggle-btn:hover{color:var(--text-primary);border-color:var(--primary-orange);background:var(--primary-orange-light)}.breadcrumbs{padding:1rem 1rem .5rem;font-size:.9rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumbs li{display:flex;align-items:center}.breadcrumbs a{color:#3b82f6;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumb-separator{margin:0 .5rem;color:#9ca3af}.breadcrumb-current{color:#6b7280}@media (max-width: 768px){.breadcrumbs{padding:.5rem 1rem;font-size:.8rem}.breadcrumb-separator{margin:0 .25rem}}@media (max-width: 768px){.header-container{flex-wrap:wrap;position:relative}.mobile-menu-btn{display:block;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;z-index:101}.nav{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:var(--bg-card);flex-direction:column;align-items:flex-start;padding:4rem 1rem 1rem;transition:right .3s ease;z-index:100;overflow-y:auto;border-left:1px solid var(--border-light);box-shadow:-2px 0 10px #0000001a}.nav.mobile-open{right:0}.mobile-menu-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;padding:.5rem;z-index:102}.nav-link,.dropdown-toggle{width:100%;padding:1rem;border-radius:var(--radius-md);margin-bottom:.5rem;text-align:left}.nav-dropdown{width:100%}.dropdown-menu{position:static;width:100%;margin-top:.5rem;box-shadow:none;border:1px solid var(--border-light)}.dropdown-menu .nav-link{padding:.75rem 1rem .75rem 2rem;border-radius:var(--radius-md);margin-bottom:.25rem}.theme-toggle{width:100%;justify-content:flex-start;padding:1rem;margin-top:.5rem}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99;display:block}.main-container{padding:1rem}.speedometer-section{padding:2rem 0 3rem}.content-section{padding:1.5rem}.breadcrumbs{padding:.5rem 1rem;font-size:.8rem}.breadcrumb-separator{margin:0 .25rem}}@media (max-width: 480px){.header-container{padding:1rem}.logo{font-size:1.5rem}.nav{width:100%}.main-container{padding:.5rem}.content-section{padding:1rem}}.not-found-content{text-align:center;padding:2rem 1rem}.error-code{font-size:6rem;font-weight:700;color:#ef4444;margin:1rem 0}.not-found-content h2{font-size:1.5rem;margin-bottom:1rem}.not-found-content p{font-size:1.1rem;margin-bottom:2rem;color:#6b7280}.not-found-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.popular-pages{text-align:left;max-width:600px;margin:0 auto}.popular-pages h3{margin-bottom:1rem}.popular-pages ul{list-style:none;padding:0}.popular-pages li{margin-bottom:.5rem}.popular-pages a{color:#3b82f6;text-decoration:none}.popular-pages a:hover{text-decoration:underline}@media (max-width: 768px){.error-code{font-size:4rem}.not-found-content h2{font-size:1.3rem}.not-found-content p{font-size:1rem}.not-found-actions{flex-direction:column;gap:.5rem}.not-found-actions .btn{width:100%}}.seo-audit{position:fixed;bottom:20px;right:20px;z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:300px;transition:all .3s ease}.seo-audit:not(.visible){height:40px}.seo-audit-toggle{width:100%;padding:10px;background:#1e40af;color:#fff;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-weight:700;text-align:left}.seo-audit-content{padding:15px}.seo-score{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.score-value{font-size:1.5rem;font-weight:700}.score-rating{padding:5px 10px;border-radius:20px;font-weight:700;font-size:.9rem}.score-rating.excellent{background:#10b981;color:#fff}.score-rating.good{background:#3b82f6;color:#fff}.score-rating.fair{background:#f59e0b;color:#fff}.score-rating.poor{background:#ef4444;color:#fff}.seo-issues h4,.seo-recommendations h4{margin:0 0 10px;color:#1f2937}.seo-issues ul,.seo-recommendations ul{margin:0 0 15px;padding-left:20px}.issue{color:#ef4444;margin-bottom:5px}.recommendation{color:#f59e0b;margin-bottom:5px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}