:root{--color-bg-main:#0b0f19;--color-bg-card:#141b2da6;--color-bg-card-hover:#1e2941d9;--color-border:#ffffff14;--color-border-active:#f9731666;--color-bg-overlay:#0b0f19f2;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--accent-orange:#f97316;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-green:#10b981;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--glow-orange:0 0 20px #f973164d;--glow-cyan:0 0 20px #06b6d44d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 4px 20px #0003;--shadow-md:0 10px 30px #0000004d;--shadow-lg:0 10px 25px #0000008c;--z-dropdown:100;--z-fab:900;--z-drawer-overlay:1999;--z-drawer:2000;--z-navbar:2001;--z-bottom-nav:2002;--z-toast:9999}.dashboard-container{background-color:var(--color-bg-main);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-sans), system-ui, sans-serif;background-image:radial-gradient(at 0 0,#8b5cf614 0,#0000 50%),radial-gradient(at 50% 0,#06b6d40d 0,#0000 50%),radial-gradient(at 100% 100%,#f973160f 0,#0000 50%);flex-direction:column;display:flex}.dashboard-layout{grid-template-columns:380px 1fr;height:calc(100vh - 64px);display:grid;overflow:hidden}@media (max-width:1024px){.dashboard-layout{grid-template-rows:auto 500px;grid-template-columns:1fr;height:auto;overflow:visible}}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);height:64px;z-index:var(--z-navbar);background:#0b0f19cc;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.navbar-brand{background:linear-gradient(135deg, var(--accent-orange), #ff9f55);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.sidebar{border-right:1px solid var(--color-border);background:#0f172a66;flex-direction:column;gap:24px;height:100%;padding:24px;display:flex;overflow-y:auto}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.stat-card:hover{background:var(--color-bg-card-hover);border-color:#ffffff26;transform:translateY(-2px)}.stat-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-value{color:var(--color-text-primary);font-size:18px;font-weight:700;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-size:10px}.btn-sync{background:linear-gradient(135deg, var(--accent-orange), #ea580c);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--glow-orange);border:none;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-sync:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.02)}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.sync-status-indicator{color:var(--color-text-muted);text-align:center;margin-top:-8px;font-size:12px}.trips-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:8px;font-size:12px;font-weight:700}.trips-list-container{flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.trip-item-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:8px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.trip-item-card:hover{background:var(--color-bg-card-hover);border-color:#ffffff26;transform:translate(2px)}.trip-item-card.active{border-color:var(--accent-orange);background:#f9731614;box-shadow:inset 0 0 12px #f973160d}.trip-item-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.trip-item-title{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.4}.trip-item-date{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.trip-item-stats{color:var(--color-text-secondary);gap:16px;font-size:12px;display:flex}.trip-stat-pill{align-items:center;gap:4px;display:flex}.empty-trips-placeholder{text-align:center;color:var(--color-text-muted);border:2px dashed var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.map-view-panel{flex-direction:column;gap:20px;height:100%;padding:24px;display:flex}.map-view-header{justify-content:space-between;align-items:center;display:flex}.map-title{font-size:18px;font-weight:700}.trip-detail-panel{background:var(--color-bg-card);border:1px solid var(--color-border-active);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px 16px;animation:.25s cubic-bezier(.16,1,.3,1) slideDown;display:flex}.trip-detail-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.trip-detail-panel-title{color:var(--color-text-primary);font-size:14px;font-weight:700}.trip-detail-panel-close{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:4px;display:flex}.trip-detail-panel-close:hover{color:var(--color-text-primary);background:#ffffff0f}.trip-detail-panel-date{color:var(--color-text-secondary);text-transform:capitalize;font-size:12px}.trip-detail-panel-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.trip-detail-stat{border-radius:var(--radius-sm);text-align:center;background:#ffffff08;flex-direction:column;gap:2px;padding:8px;display:flex}.trip-detail-stat-value{color:var(--accent-orange);font-size:14px;font-weight:700}.trip-detail-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px}@media (max-width:640px){.trip-detail-panel-stats{grid-template-columns:repeat(2,1fr)}}.map-container-wrapper{border-radius:var(--radius-lg);min-height:400px;box-shadow:var(--shadow-md);flex:1;position:relative;overflow:hidden}.map-locate-fab,.map-results-fab{display:none}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pitstop-refreshing{animation:1.4s ease-in-out infinite pitstop-refreshing-blink}@keyframes pitstop-refreshing-blink{0%,to{box-shadow:0 0 0 2px #f9731626}50%{box-shadow:0 0 0 2px #f97316bf}}.navbar-actions{align-items:center;gap:16px;display:flex}.navbar-actions--desktop{display:flex}.navbar-actions--settings-mobile{display:none}.navbar-burger{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:none}.navbar-burger:hover{color:var(--color-text-primary);background:#ffffff0d}.mobile-drawer-overlay{z-index:var(--z-drawer-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:fixed;inset:0}.sidebar-drawer-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:8px;display:none}.sidebar-drawer-title{color:var(--color-text-primary);font-size:15px;font-weight:700}.sidebar-drawer-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .2s;display:flex}.sidebar-drawer-close:hover{color:var(--color-text-primary);background:#ffffff14}.mobile-bottom-nav{z-index:var(--z-bottom-nav);background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);padding:8px 0 env(safe-area-inset-bottom,8px);flex-direction:row;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-item{color:var(--color-text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:10px;font-weight:600;transition:all .2s;display:flex}.mobile-bottom-nav-item.active{color:var(--accent-orange)}.mobile-bottom-nav-item:hover{color:var(--color-text-primary)}.mobile-nav-icon{font-size:20px;line-height:1}.pitstop-settings-header{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;background:#0f172a40;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.pitstop-settings-header:hover{color:var(--color-text-primary);border-color:#ffffff26}.guest-redirect-banner{border:1px solid var(--color-border-active);border-radius:var(--radius-sm);color:var(--color-text-secondary);background:#f9731614;align-items:center;gap:8px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.guest-redirect-banner svg{color:var(--accent-orange);flex-shrink:0}.guest-redirect-banner-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:4px;display:flex}.guest-redirect-banner-close:hover{color:var(--color-text-primary)}.pitstop-settings-summary{color:var(--accent-orange);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:700}.pitstop-settings-toggle{font-size:10px}.pitstop-settings-grid{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0f172a40;flex-direction:column;gap:12px;margin-bottom:8px;padding:14px;display:none}.pitstop-settings-grid.pitstop-settings-open{display:flex}.auth-status-container{color:var(--color-text-secondary);align-items:center;gap:12px;font-size:13px;display:flex}.auth-badge{border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.auth-badge.guest{color:var(--color-text-secondary);background:#94a3b81a;border:1px solid #ffffff0d}.auth-badge.authenticated{color:var(--accent-green);background:#10b98126;border:1px solid #10b98140}.btn-auth{border-radius:var(--radius-sm);cursor:pointer;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.btn-auth-login{color:var(--accent-orange);border:1px solid var(--color-border-active);background:#f973161a}.btn-auth-login:hover{background:var(--accent-orange);color:#fff}.btn-auth-logout{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444433}.btn-auth-logout:hover{background:var(--color-danger);color:#fff}.creds-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.creds-status-card{justify-content:space-between;align-items:center;display:flex}.creds-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.creds-email{color:var(--color-text-primary);word-break:break-all;font-size:13px;font-weight:600}.btn-creds-edit{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.btn-creds-edit:hover{color:var(--color-text-primary);background:#ffffff1a;border-color:#fff3}.creds-form{flex-direction:column;gap:12px;display:flex}.creds-form-title{color:var(--color-text-primary);margin:0;font-size:13px;font-weight:700}.btn-creds-cancel{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:11px}.btn-creds-cancel:hover{color:var(--color-text-secondary);text-decoration:underline}.input-group{flex-direction:column;gap:4px;display:flex}.input-group label{color:var(--color-text-secondary);font-size:11px;font-weight:500}.input-group input{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);background:#0f172a99;padding:8px 12px;font-size:13px;transition:all .2s}.input-group input:focus{border-color:var(--accent-orange);outline:none;box-shadow:0 0 0 2px #f9731626}.btn-creds-submit{background:linear-gradient(135deg, var(--accent-orange), #ea580c);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px;font-size:12px;font-weight:600;transition:all .2s}.btn-creds-submit:hover:not(:disabled){filter:brightness(1.1)}.btn-creds-submit:disabled{opacity:.5;cursor:not-allowed}.creds-feedback{border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.creds-feedback.success{color:var(--accent-green);background:#10b9811a}.creds-feedback.error{color:var(--color-danger);background:#ef44441a}.settings-layout{background-color:var(--color-bg-main);justify-content:center;height:calc(100vh - 64px);padding:40px 24px;display:flex;overflow-y:auto}.settings-grid-container{flex-direction:column;gap:20px;width:100%;max-width:680px;display:flex}.settings-section-header{color:var(--color-text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:800}.settings-form-wrapper{flex-direction:column;gap:24px;display:flex}.settings-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:24px;display:flex}.settings-card-title{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:700}.settings-card-desc{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.btn-back-dashboard{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-back-dashboard:hover{color:var(--color-text-primary);background:#ffffff0d;border-color:#ffffff26}.password-toggle-btn{justify-content:center;align-items:center;height:36px;padding:0 10px;display:flex}.password-toggle-btn:hover{color:var(--color-text-primary)!important}.tracker-select-container{margin-top:8px}.tracker-loading-box{color:var(--color-text-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:#ffffff05;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:12px;display:flex}.tracker-error-box{color:var(--color-danger);border-radius:var(--radius-sm);background:#ef44440d;border:1px solid #ef444426;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:12px;display:flex}.tracker-empty-box{text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;font-size:12px;display:flex}.trackers-checkbox-list{flex-direction:column;gap:8px;display:flex}.tracker-checkbox-item{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172a99;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.tracker-checkbox-item:hover{background:#ffffff05;border-color:#ffffff26}.tracker-checkbox-item.active{border-color:var(--color-border-active);background:#f973160a}.custom-checkbox{border:1.5px solid var(--color-text-muted);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.tracker-checkbox-item.active .custom-checkbox{background:var(--accent-orange);border-color:var(--accent-orange)}.tracker-bike-name{color:var(--color-text-primary);flex:1;font-size:13px;font-weight:600}.tracker-bike-id{color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono), monospace}.form-submit-block{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.settings-feedback-banner{border-radius:var(--radius-sm);align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:13px;display:flex}.settings-feedback-banner.success{color:var(--accent-green);background:#10b9811a;border:1px solid #10b98133}.settings-feedback-banner.error{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444433}.danger-card{background:#ef444405;border-color:#ef44444d}.btn-danger-outline{color:var(--color-danger);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ef444466;align-self:flex-start;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.btn-danger-outline:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.delete-confirm-box{border-radius:var(--radius-sm);background:#ef44440d;border:1px solid #ef444433;flex-direction:column;gap:12px;padding:16px;display:flex}.delete-confirm-msg{color:var(--color-danger);align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.btn-danger-confirm{background:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-danger-confirm:hover:not(:disabled){filter:brightness(1.1)}.btn-danger-confirm:disabled{opacity:.5;cursor:not-allowed}.sidebar-tabs{border-bottom:1px solid var(--color-border);gap:8px;margin-bottom:8px;display:flex}.sidebar-tab{text-align:center;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;flex:1;padding:12px 0;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-tab:hover{color:var(--color-text-primary)}.sidebar-tab.active{color:var(--accent-orange);border-bottom-color:var(--accent-orange);text-shadow:0 0 10px #f9731633}.autocomplete-container{width:100%;position:relative}.autocomplete-dropdown{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-height:220px;z-index:var(--z-dropdown);box-shadow:var(--shadow-lg);margin-top:6px;position:absolute;top:100%;left:0;overflow-y:auto}.autocomplete-item{color:var(--color-text-secondary);cursor:pointer;border-bottom:1px solid #ffffff05;flex-direction:column;gap:2px;padding:10px 14px;font-size:12px;transition:all .15s;display:flex}.autocomplete-item:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.fuel-selector-pills{gap:8px;width:100%;display:flex}.fuel-pill{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172a80;flex:1;padding:8px 0;font-size:12px;font-weight:600;transition:all .2s}.fuel-pill:hover{color:var(--color-text-primary);border-color:#ffffff26}.fuel-pill.active{color:var(--accent-orange);border-color:var(--accent-orange);background:#f9731626;box-shadow:0 0 10px #f973161a}.station-list{flex-direction:column;gap:12px;max-height:480px;padding-right:4px;display:flex;overflow-y:auto}.station-item-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:8px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.station-item-card:hover{background:var(--color-bg-card-hover);border-color:#ffffff26;transform:translate(2px)}.station-item-card.active{border-color:var(--accent-orange);background:#f9731614}.station-item-card.cheap-highlight{background:#10b98108;border-color:#10b98166}.station-item-card.cheap-highlight:hover{background:#10b9810d;border-color:#10b98199}.station-item-card.cheap-highlight.active{border-color:var(--accent-green);background:#10b98117;box-shadow:inset 0 0 12px #10b9810d}.station-badge-cheapest{color:var(--accent-green);text-transform:uppercase;letter-spacing:.5px;background:#10b98126;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:700}.station-item-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.station-item-title{color:var(--color-text-primary);font-size:14px;font-weight:700;line-height:1.4}.station-item-meta{color:var(--color-text-muted);font-size:11px}.station-price-box{justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.station-price-liter{color:var(--accent-orange);font-size:18px;font-weight:800}.cheap-highlight .station-price-liter{color:var(--accent-green)}.station-price-total{color:var(--color-text-secondary);font-size:12px}.btn-shortcut-search{color:var(--accent-cyan);border-radius:var(--radius-sm);cursor:pointer;background:#06b6d41a;border:1px solid #06b6d440;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:8px;padding:8px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.btn-shortcut-search:hover{background:var(--accent-cyan);color:#fff}.range-slider-group{flex-direction:column;gap:6px;display:flex}.range-slider-header{color:var(--color-text-secondary);justify-content:space-between;font-size:11px;display:flex}.range-slider-input{width:100%;accent-color:var(--accent-orange);cursor:pointer}.checkbox-group{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.checkbox-group input{accent-color:var(--accent-orange);cursor:pointer}.checkbox-group span{color:var(--color-text-secondary);font-size:11px}.custom-fuel-marker-container,.search-center-marker{background:0 0!important;border:none!important;width:auto!important;height:auto!important}.leaflet-container{background-color:#f2efe9!important}.leaflet-popup-content-wrapper{background:var(--color-bg-overlay);color:var(--color-text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.leaflet-popup-tip{background:var(--color-bg-overlay)}.leaflet-popup-close-button{color:var(--color-text-secondary)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0f1933;border-radius:4px}::-webkit-scrollbar-thumb{background:#f9731640;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#f9731680}*{scrollbar-width:thin;scrollbar-color:#f9731640 #0b0f1933}@media (min-width:768px) and (max-width:1024px){.dashboard-layout{grid-template-columns:320px 1fr;height:calc(100vh - 64px);overflow:hidden}.sidebar{gap:16px;padding:16px}.stats-grid{gap:8px}.stat-card{padding:12px 6px}.stat-value{font-size:15px}.pitstop-settings-header{display:none}.pitstop-settings-grid{display:flex}}@media (min-width:1025px){.pitstop-settings-header{display:none}.pitstop-settings-grid{display:flex}}@media (max-width:767px){.dashboard-layout{grid-template-rows:1fr;grid-template-columns:1fr;height:calc(100vh - 64px);overflow:hidden}.sidebar{width:min(85vw,360px);z-index:var(--z-drawer);border-right:1px solid var(--color-border);border-bottom:none;gap:14px;height:calc(100vh - 124px);padding:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:64px;bottom:60px;left:0;transform:translate(-100%);box-shadow:4px 0 30px #00000080}.sidebar--open{transform:translate(0)}.sidebar-drawer-header{display:flex}.map-view-panel{gap:0;height:100%;padding:0}.map-view-header{display:none}.map-container-wrapper{border-radius:0;height:100%;min-height:100%}.navbar-actions--desktop{display:none}.navbar-burger,.navbar-actions--settings-mobile,.mobile-bottom-nav{display:flex}.settings-layout{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.station-list,.trips-list-container{max-height:40vh}.pitstop-settings-grid{display:none}.pitstop-settings-grid.pitstop-settings-open,.pitstop-settings-header{display:flex}.map-locate-fab{z-index:var(--z-fab);background:var(--accent-orange);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 6px 16px #0006}.map-locate-fab:disabled{opacity:.7}.map-results-fab{z-index:var(--z-fab);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;background:#0b0f19e6;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0006}}@media (max-width:480px){.navbar{flex-direction:row;align-items:center;height:56px;padding:0 16px}.sidebar{height:calc(100vh - 116px);top:56px}.stats-grid{grid-template-columns:1fr;gap:8px}.stat-card{text-align:left;flex-direction:row;align-items:center;gap:16px;padding:12px 16px}.stat-icon-wrapper{width:32px;height:32px}.stat-value{font-size:16px}}.pwa-update-banner-container{z-index:var(--z-toast);width:calc(100% - 48px);max-width:420px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;position:fixed;bottom:24px;left:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pwa-update-banner{-webkit-backdrop-filter:blur(12px)saturate(180%);border-radius:var(--radius-lg);background:#0f172ae6;border:1px solid #ffffff14;flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff0d}@media (min-width:640px){.pwa-update-banner{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px}}.pwa-update-content{align-items:flex-start;gap:12px;display:flex}.pwa-update-icon-wrapper{color:var(--accent-orange,#f97316);background:#f9731626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 0 12px #f9731633}.pwa-update-icon{animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.pwa-update-text{flex-direction:column;gap:2px;display:flex}.pwa-update-title{color:#f8fafc;margin:0;font-size:14px;font-weight:700}.pwa-update-description{color:#94a3b8;margin:0;font-size:12px;line-height:1.4}.pwa-update-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.pwa-update-btn-primary{background:linear-gradient(135deg, var(--accent-orange,#f97316), #ea580c);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #f9731640}.pwa-update-btn-primary:hover{filter:brightness(1.1);transform:scale(1.02)}.pwa-update-btn-primary:hover .pwa-update-spin-hover{animation:1s linear infinite spin}.pwa-update-btn-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.pwa-update-btn-close:hover{color:#94a3b8;background:#ffffff0d}@media (max-width:640px){.pwa-update-banner-container{width:calc(100% - 24px);bottom:80px;left:12px}.pwa-update-actions{justify-content:space-between;width:100%}.pwa-update-btn-primary{flex:1;justify-content:center}}