*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--bg: #030712;--bg-card: rgba(15, 23, 42, .85);--bg-card-solid: #0f172a;--bg-card-elevated: #1e293b;--bg-hover: #1e293b;--text: #f1f5f9;--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #a8b8cc;--border: rgba(100, 116, 139, .7);--border-solid: #64748b;--accent: #60a5fa;--accent-hover: #3b82f6;--accent-glow: rgba(96, 165, 250, .25);--success: #4ade80;--warning: #facc15;--danger: #f87171;--purple: #a78bfa;--pink: #f472b6;--cyan: #22d3ee;--glass-bg: rgba(15, 23, 42, .75);--glass-border: rgba(148, 163, 184, .25);--glass-blur: 16px;--header-bg: rgba(3, 7, 18, .97);--map-bg: #0a0f1a;--gradient-primary: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);--gradient-success: linear-gradient(135deg, #4ade80 0%, #22d3ee 100%);--gradient-warm: linear-gradient(135deg, #fbbf24 0%, #f87171 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-glow: 0 0 20px rgba(96, 165, 250, .1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 100px;color-scheme:dark}[data-theme=light]{--bg: #dfe4eb;--bg-card: rgba(255, 255, 255, .92);--bg-card-solid: #ffffff;--bg-card-elevated: #f1f5f9;--bg-hover: #d1d8e2;--text: #0f172a;--text-primary: #020617;--text-secondary: #1e293b;--text-muted: #3b4f68;--border: rgba(100, 116, 139, .55);--border-solid: #64748b;--accent: #1d4ed8;--accent-hover: #1e40af;--accent-glow: rgba(29, 78, 216, .18);--success: #15803d;--warning: #92400e;--danger: #b91c1c;--purple: #6d28d9;--pink: #be185d;--cyan: #0e7490;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(100, 116, 139, .35);--glass-blur: 16px;--header-bg: rgba(223, 228, 235, .97);--map-bg: #d1d8e2;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 16px rgba(0,0,0,.12);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--shadow-glow: 0 0 20px rgba(37, 99, 235, .08);color-scheme:light}@keyframes party-bg{0%{--bg: #1a0025;--header-bg: rgba(26, 0, 37, .97)}25%{--bg: #001a25;--header-bg: rgba(0, 26, 37, .97)}50%{--bg: #0a1a00;--header-bg: rgba(10, 26, 0, .97)}75%{--bg: #25000a;--header-bg: rgba(37, 0, 10, .97)}to{--bg: #1a0025;--header-bg: rgba(26, 0, 37, .97)}}@keyframes party-accent{0%{--accent: #ff6ec7;--accent-hover: #ff3eb5;--accent-glow: rgba(255, 110, 199, .3)}20%{--accent: #7b68ee;--accent-hover: #5b48ce;--accent-glow: rgba(123, 104, 238, .3)}40%{--accent: #00cfff;--accent-hover: #00a8d6;--accent-glow: rgba(0, 207, 255, .3)}60%{--accent: #39ff14;--accent-hover: #20d600;--accent-glow: rgba(57, 255, 20, .3)}80%{--accent: #ffae00;--accent-hover: #d69200;--accent-glow: rgba(255, 174, 0, .3)}to{--accent: #ff6ec7;--accent-hover: #ff3eb5;--accent-glow: rgba(255, 110, 199, .3)}}@keyframes party-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}[data-theme=party]{--bg: #1a0025;--bg-card: rgba(20, 5, 35, .88);--bg-card-solid: #140523;--bg-card-elevated: #2a0a3f;--bg-hover: #2a0a3f;--text: #f0e6ff;--text-primary: #ffffff;--text-secondary: #e0d0f5;--text-muted: #b89fd8;--border: rgba(180, 120, 255, .5);--border-solid: #8a5cc8;--accent: #ff6ec7;--accent-hover: #ff3eb5;--accent-glow: rgba(255, 110, 199, .3);--success: #39ff14;--warning: #ffae00;--danger: #ff3131;--purple: #bf7fff;--pink: #ff6ec7;--cyan: #00cfff;--glass-bg: rgba(20, 5, 35, .8);--glass-border: rgba(180, 120, 255, .3);--glass-blur: 16px;--header-bg: rgba(26, 0, 37, .97);--map-bg: #0d0015;--gradient-primary: linear-gradient(135deg, #ff6ec7 0%, #7b68ee 50%, #00cfff 100%);--gradient-success: linear-gradient(135deg, #39ff14 0%, #00cfff 100%);--gradient-warm: linear-gradient(135deg, #ffae00 0%, #ff3131 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.6);--shadow-md: 0 4px 16px rgba(100, 0, 150, .4);--shadow-lg: 0 8px 32px rgba(100, 0, 150, .5);--shadow-glow: 0 0 20px rgba(255, 110, 199, .2);color-scheme:dark;animation:party-bg 8s ease-in-out infinite,party-accent 6s ease-in-out infinite}[data-theme=party] .driver-header{border-bottom:2px solid transparent;background-image:linear-gradient(var(--header-bg),var(--header-bg)),linear-gradient(90deg,#ff6ec7,#7b68ee,#00cfff,#39ff14,#ffae00,#ff6ec7);background-origin:border-box;background-clip:padding-box,border-box}[data-theme=party] .header-brand{background:linear-gradient(90deg,#ff6ec7,#7b68ee,#00cfff,#39ff14,#ffae00);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:party-gradient-slide 3s linear infinite}@keyframes party-gradient-slide{0%{background-position:0% 50%}to{background-position:200% 50%}}[data-theme=party] .header-icon-btn.party-active{animation:party-hue 2s linear infinite}[data-theme=party] .month-calendar-cell.has-data{background:#b478ff1f}[data-theme=party] .month-calendar-cell.has-data:hover{background:#ff6ec733}[data-theme=party] .spinner{border-color:#ff6ec733;border-top-color:#ff6ec7}[data-theme=party] .map-replay-btn.replaying{background:linear-gradient(135deg,#ff6ec7,#7b68ee);border-color:#ff6ec7}[data-theme=party] .trip-card--active .trip-card{border-color:#ff6ec7;background:#ff6ec71f;box-shadow:0 0 0 2px #ff6ec74d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--bg-card-solid) 25%,var(--bg-hover) 50%,var(--bg-card-solid) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.section-skeleton{padding:var(--space-md)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-solid);border-radius:2px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border-solid);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--bg)}.login-card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:48px 32px;width:100%;max-width:400px;text-align:center;animation:fadeInUp .5s ease-out;box-shadow:var(--shadow-lg)}.login-hero-icon{font-size:48px;margin-bottom:var(--space-md)}.login-logo{height:80px;width:auto;object-fit:contain;margin-bottom:var(--space-md)}.login-title{font-size:28px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs);letter-spacing:-.02em}.login-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:var(--space-lg);line-height:1.6}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:13px;margin-bottom:var(--space-md)}.login-btn{width:100%;padding:14px 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:background .2s ease,transform .2s ease;background:var(--bg-card-solid);color:var(--text);min-height:48px}.login-btn:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-contact{color:var(--text-secondary);font-size:14px;margin-top:var(--space-md)}.login-contact a{color:var(--accent);text-decoration:none;font-weight:600}.login-contact a:hover{text-decoration:underline}.login-requirements{text-align:left;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-lg)}.login-requirements-heading{font-size:13px;font-weight:600;color:var(--text);margin-bottom:var(--space-sm)}.login-steps{list-style:none;counter-reset:steps;padding:0;margin:0}.login-steps li{counter-increment:steps;font-size:13px;color:var(--text-secondary);line-height:1.5;padding:4px 0 4px 28px;position:relative}.login-steps li:before{content:counter(steps);position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.login-btn-store{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;text-decoration:none}.login-btn-store:hover:not(:disabled){filter:brightness(1.1)}.login-divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-lg) 0;color:var(--text-muted);font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-footer{color:var(--text-muted);font-size:12px;margin-top:var(--space-lg)}.login-footer a{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.login-footer a:hover{color:var(--accent);text-decoration:underline}.driver-dashboard{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative}@keyframes party-fall{0%{transform:translateY(-80px) rotate(0)}to{transform:translateY(110vh) rotate(360deg)}}.party-falling-logos{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.party-logo{position:absolute;top:-80px;animation:party-fall linear infinite;filter:drop-shadow(0 0 6px rgba(255,110,199,.4))}.driver-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:8px var(--space-md);background:var(--header-bg);border-bottom:1px solid var(--glass-border);flex-shrink:0;min-height:48px;transition:background .3s ease}.header-left{display:flex;align-items:center;gap:8px;min-width:0}.header-logo{height:26px;width:auto;object-fit:contain;flex-shrink:0}.header-brand{font-size:17px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;white-space:nowrap}.header-right{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0}.header-user-email{color:var(--text-muted);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:none}.header-carrier-badge{padding:3px 8px;border-radius:var(--radius-pill);background:var(--bg-card-solid);border:1px solid var(--border);font-weight:600;font-size:10px;color:var(--text-secondary);white-space:nowrap}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .1s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent;padding:0}.header-icon-btn svg{display:block}.header-icon-btn:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-hover)}.header-icon-btn:active{transform:scale(.9)}.header-icon-btn--logout:hover{border-color:var(--danger);color:var(--danger);background:#ef444414}.header-icon-btn.notif-active{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent)}.header-icon-btn:disabled{opacity:.4;cursor:not-allowed}.driver-main{flex:1;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);max-width:960px;margin:0 auto;width:100%;animation:fadeIn .3s ease-out}.stats-bar{display:flex;gap:6px;animation:slideUp .3s ease-out}.stat-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;background:var(--bg-card-solid);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.stat-chip-value{font-size:16px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-chip-value.accent{color:var(--accent)}.stat-chip-value.success{color:var(--success)}.stat-chip-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.coverage-map-section{display:flex;flex-direction:column;gap:8px;animation:scaleIn .3s ease-out}.trip-map-main{display:flex;flex-direction:column;gap:6px}.coverage-map-section>.trip-list{max-height:clamp(260px,35dvh,420px);display:flex;flex-direction:column;overflow:hidden;order:-1}@media(max-width:599px){.coverage-map-section{gap:6px}.trip-map-main .distance-metric{padding:6px var(--space-sm)}.trip-map-main .replay-bar{border-radius:0;border-left:none;border-right:none}.trip-map-main .map-container{border-radius:0;border-left:none;border-right:none;min-height:280px}.coverage-map-section>.trip-list:not(.trip-list--classify){max-height:clamp(200px,30dvh,320px);border-radius:0;border-left:none;border-right:none}.coverage-map-section>.trip-list--classify{border-radius:0;border-left:none;border-right:none}.trip-card{padding:8px 10px}.trip-classify-btns{gap:2px}.trip-classify-pill{width:28px;height:24px}.trip-bulk-bar{padding:6px 10px;gap:6px;flex-wrap:wrap}.trip-bulk-action{padding:4px 10px;font-size:11px}.month-stats-grid{grid-template-columns:1fr!important}.month-action-row{flex-direction:column}}@media(min-width:600px)and (max-width:1023px){.coverage-map-section>.trip-list{max-height:clamp(280px,35dvh,400px)}}@media(min-width:1024px){.coverage-map-section>.trip-list{max-height:clamp(300px,38dvh,480px)}}.coverage-map-empty{padding:40px var(--space-lg);text-align:center;color:var(--text-muted);font-size:14px;background:#0b1120f0;border-radius:var(--radius-md);border:1px solid var(--glass-border)}[data-theme=light] .coverage-map-empty{background:#f1f5f9f0}.map-time-filters{display:flex;gap:4px}.map-time-btn{flex:1;padding:8px 6px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-card-solid);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent;min-height:36px;white-space:nowrap}.map-time-btn:active{transform:scale(.96)}.map-time-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 12px var(--accent-glow)}.drc-wrapper{position:relative}.drc-overlay{position:absolute;top:100%;right:0;z-index:10000;background:var(--bg-card-solid);border:1px solid var(--border-solid);border-radius:var(--radius-md);padding:14px;margin-top:6px;box-shadow:var(--shadow-lg);min-width:290px;animation:scaleIn .15s ease-out}.drc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drc-title{font-weight:700;font-size:15px;color:var(--text-primary)}.drc-nav{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px 10px;font-size:13px;border-radius:var(--radius-sm);min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.drc-nav:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.drc-nav:disabled{opacity:.3;cursor:default}.drc-day-names{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:4px}.drc-day-name{font-size:11px;color:var(--text-muted);font-weight:600;padding:4px 0}.drc-grid{display:flex;flex-direction:column;gap:2px}.drc-week{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.drc-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-primary);cursor:pointer;padding:0;min-width:36px;min-height:36px;transition:background .15s ease,transform .15s ease}.drc-cell:hover:not(:disabled):not(.drc-empty){background:var(--bg-hover)}.drc-cell:active:not(:disabled):not(.drc-empty){transform:scale(.9)}.drc-cell.drc-empty{cursor:default}.drc-cell.drc-disabled{color:var(--text-muted);opacity:.3;cursor:default}.drc-cell.drc-today{font-weight:700;text-decoration:underline;text-underline-offset:2px}.drc-cell.drc-in-range{background:#3b82f61f;color:var(--text-primary)}[data-theme=light] .drc-cell.drc-in-range{background:#2563eb1a}.drc-cell.drc-start,.drc-cell.drc-end{background:var(--accent);color:#fff;font-weight:700}.drc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.drc-selection{font-size:12px;color:var(--text-muted)}.drc-apply{padding:6px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-pill);cursor:pointer;font-size:13px;font-weight:600;min-height:36px;transition:filter .2s ease}.drc-apply:disabled{opacity:.4;cursor:default}.drc-apply:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 2px 12px var(--accent-glow)}.drc-hour-row{display:flex;gap:12px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.drc-hour-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted)}.drc-hour-select{padding:4px 8px;border:1px solid var(--border-solid);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-primary);font-size:12px;font-family:inherit;cursor:pointer;min-height:32px}.drc-hour-select:focus{border-color:var(--accent);outline:none}.distance-metric{font-size:16px;font-weight:700;color:var(--text-primary);padding:4px 6px;display:flex;align-items:center;gap:4px}.distance-metric .mi-value{color:var(--accent);font-variant-numeric:tabular-nums}.map-container{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border);position:relative;box-shadow:var(--shadow-md)}.map-loading-overlay{position:absolute;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#0b112080;border-radius:var(--radius-md);pointer-events:none}.map-empty-overlay{position:absolute;inset:0;z-index:450;display:flex;align-items:center;justify-content:center;pointer-events:none}.map-empty-overlay p{padding:10px 20px;font-size:14px;color:#94a3b8;background:#0b1120cc;border-radius:var(--radius-md);text-align:center;max-width:80%}[data-theme=light] .map-empty-overlay p{color:#475569;background:#f1f5f9d9}.map-date-range-badge{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:450;padding:4px 12px;font-size:12px;font-weight:600;color:#e2e8f0;background:#0f172ae0;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-pill);pointer-events:none;white-space:nowrap}[data-theme=light] .map-date-range-badge{color:#1e293b;background:#f1f5f9d9;border-color:#2563eb40}[data-theme=light] .map-loading-overlay{background:#f1f5f980}.leaflet-map{height:100%;width:100%;background:var(--map-bg)}.map-legend{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 20px;font-size:11px;color:var(--text-muted);padding:8px;background:#0b1120f0;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}[data-theme=light] .map-legend{background:#f1f5f9f0}.legend-controls{flex-basis:auto}.legend-controls .map-time-filters{gap:3px}.legend-controls .map-time-btn{padding:4px 8px;font-size:11px;flex:0 0 auto}.replay-bar{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;box-shadow:0 1px 4px #0000001a}.replay-bar-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.replay-status-row{display:flex;align-items:center;gap:10px;margin-top:6px}.replay-status-row .replay-scrubber{flex:1;min-width:80px}.legend-group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:3px}.legend-group-items{display:flex;flex-direction:column;gap:2px}.legend-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend-line{display:inline-block;width:18px;height:3px;border-radius:2px;flex-shrink:0}.legend-circle{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0;box-sizing:border-box}.legend-circle.dead-zone{border:2px dashed #ef4444;background:#ef444426}.legend-circle.bounty-zone{border:2px solid #22c55e;background:#22c55e26}.legend-square{display:inline-block;width:12px;height:12px;border-radius:2px;flex-shrink:0;opacity:.7}.map-filter-separator{width:1px;height:20px;background:var(--border-solid);margin:0 2px;flex-shrink:0}.crowd-refresh{flex:0!important;padding:8px 12px!important;font-size:14px!important;min-height:36px!important}.map-layer-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:2px 0}.map-layer-toggle{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:32px}.map-layer-toggle:hover{border-color:var(--accent);color:var(--text-primary)}.map-layer-toggle:has(input:checked){background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px var(--accent-glow)}.map-layer-toggle input[type=checkbox]{display:none}.layer-eye{font-size:14px;line-height:1}.carrier-select-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-muted)}.carrier-select{appearance:none;-webkit-appearance:none;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-pill);padding:5px 28px 5px 12px;font-size:12px;font-weight:500;cursor:pointer;min-height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s ease}.carrier-select:hover,.carrier-select:focus{border-color:var(--accent);outline:none}.map-replay-btn{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--bg-card-solid);color:var(--text-muted);font-size:16px;cursor:pointer;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.map-replay-btn:hover{border-color:var(--accent);color:var(--text-primary)}.map-replay-btn:active{transform:scale(.92)}.map-replay-btn.replaying{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.map-replay-counter{font-size:13px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.replay-scrub-bar{padding:0 2px}.replay-scrubber{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:var(--border-solid);border-radius:4px;outline:none;cursor:pointer}.replay-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:grab;border:2px solid white;box-shadow:0 1px 4px #0000004d;transition:box-shadow .15s ease}.replay-scrubber::-webkit-slider-thumb:hover{box-shadow:0 0 8px var(--accent-glow)}.replay-scrubber::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:grab;border:2px solid white;box-shadow:0 1px 4px #0000004d}.replay-scrubber::-webkit-slider-runnable-track{height:8px;border-radius:4px}.replay-scrubber::-moz-range-track{height:8px;border-radius:4px;background:var(--border-solid)}.map-nudge-overlay{position:absolute;bottom:8px;left:8px;right:8px;z-index:600;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#0f172af0;border:1px solid rgba(251,191,36,.35);border-radius:var(--radius-sm);font-size:13px;color:#fbbf24;animation:nudgePulse 3s ease-in-out infinite}@keyframes nudgePulse{0%,to{border-color:#fbbf2459}50%{border-color:#fbbf2499}}.map-nudge-overlay strong{color:#fde68a}.map-nudge-pts{margin-left:auto;font-size:12px;font-weight:700;color:#4ade80;white-space:nowrap}.replay-speed-control{display:flex;align-items:center;gap:6px;margin-left:4px}.replay-speed-slider{width:80px;height:8px;-webkit-appearance:none;appearance:none;background:var(--border-solid);border-radius:4px;outline:none;cursor:pointer}.replay-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:grab;border:2px solid white;box-shadow:0 1px 4px #0000004d}.replay-speed-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:grab;border:2px solid white;box-shadow:0 1px 4px #0000004d}.replay-speed-slider::-webkit-slider-runnable-track{height:8px;border-radius:4px}.replay-speed-slider::-moz-range-track{height:8px;border-radius:4px;background:var(--border-solid)}.replay-speed-label{font-size:12px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:28px;text-align:center}.month-calendar{background:#0b1120f0;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:10px}[data-theme=light] .month-calendar{background:#f1f5f9f0}.month-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.month-calendar-title-group{display:flex;flex-direction:column;align-items:center;gap:1px}.month-calendar-title{font-size:14px;font-weight:700;color:var(--text-primary)}.month-calendar-subtitle{font-size:10px;color:var(--text-muted)}.month-calendar-loading{font-size:11px;font-weight:400;color:var(--text-muted);animation:pulse-opacity 1.2s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.4}50%{opacity:1}}.month-calendar-error{font-size:11px;color:var(--danger);padding:4px 8px;text-align:center}.month-calendar-nav{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:4px 10px;font-size:10px;min-width:32px;min-height:28px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease}.month-calendar-nav:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.month-calendar-nav:disabled{opacity:.3;cursor:default}.month-calendar-loading{display:flex;justify-content:center;padding:4px 0}.month-calendar-daynames{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:2px}.month-calendar-dayname{font-size:12px;font-weight:600;color:var(--text-muted);padding:4px 0}.month-calendar-grid{display:flex;flex-direction:column;gap:3px}.month-calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.month-calendar-cell{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6px 3px;min-height:58px;border:1px solid transparent;border-radius:8px;background:none;color:var(--text-primary);cursor:default;font-family:inherit;transition:background .15s ease,border-color .15s ease,transform .15s ease}.month-calendar-cell.empty{pointer-events:none}.month-calendar-cell.future{opacity:.25}.month-calendar-cell.today{border-color:var(--accent)}.month-calendar-cell.has-data{background:#3b82f614;cursor:pointer;animation:cellPulse 2.5s ease-in-out infinite}@keyframes cellPulse{0%,to{box-shadow:0 0 #3b82f600;border-color:transparent}50%{box-shadow:0 0 8px 1px #3b82f640;border-color:#3b82f659}}[data-theme=light] .month-calendar-cell.has-data{background:#2563eb0f}.month-calendar-cell.has-data:hover{animation:none;background:#3b82f62e;border-color:var(--accent)}.month-calendar-cell.has-data:active{transform:scale(.95)}.month-calendar-cell.selected{animation:none;background:#3b82f638;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}[data-theme=light] .month-calendar-cell.selected{background:#2563eb24}.month-calendar-day{font-size:14px;font-weight:600;line-height:1}.month-calendar-stats{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:4px}.month-calendar-miles{font-size:11px;font-weight:600;color:var(--success);line-height:1.2;font-variant-numeric:tabular-nums}.month-calendar-points{font-size:10px;color:var(--text-muted);line-height:1.2;font-variant-numeric:tabular-nums}.month-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;animation:slideUp .25s ease-out}.month-stat-card{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:4px}.month-stat-card.full-width{grid-column:1 / -1}.month-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.month-stat-value{font-size:20px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.month-stat-value.accent{color:var(--success)}.gas-cost-section{animation:slideUp .25s ease-out;margin-top:4px}.gas-cost-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.gas-cost-title{font-size:15px;font-weight:700;color:var(--text-primary)}.gas-cost-header-right{display:flex;align-items:center;gap:10px}.gas-cost-region{font-size:11px;color:var(--text-muted);background:var(--bg-card-solid);border:1px solid var(--border);padding:2px 8px;border-radius:20px}.gas-cost-mpg-label{font-size:11px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:4px}.gas-cost-mpg-input{width:48px;padding:3px 4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card-solid);color:var(--text-primary);font-size:12px;font-family:inherit;text-align:center;font-variant-numeric:tabular-nums}.gas-cost-mpg-input:focus{outline:none;border-color:var(--accent)}.gas-cost-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.gas-cost-change{font-size:12px;font-weight:600}.gas-cost-chart-wrap{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 8px 4px;overflow:hidden}.gas-chart-tooltip{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;box-shadow:var(--shadow-md)}.gas-chart-tooltip-date{font-size:11px;color:var(--text-muted)}.gas-chart-tooltip-price{font-size:14px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.gas-cost-attribution{font-size:10px;color:var(--text-muted);text-align:right;margin-top:4px;opacity:.7}.driving-chart{animation:slideUp .25s ease-out;margin-top:4px}.driving-chart-wrap{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:12px;padding:16px 12px 8px;overflow:hidden}.driving-chart-tooltip{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:10px;padding:10px 14px;box-shadow:0 8px 24px #00000040;min-width:120px}.driving-chart-tooltip-date{font-size:11px;font-weight:500;color:var(--text-muted);letter-spacing:.02em;margin-bottom:2px}.driving-chart-tooltip-total{font-size:18px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.driving-chart-tooltip-breakdown{margin-top:6px;padding-top:6px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:3px}.driving-chart-tooltip-row{display:flex;align-items:center;gap:6px;font-size:11px}.driving-chart-tooltip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.driving-chart-tooltip-label{color:var(--text-secondary);flex:1}.driving-chart-tooltip-value{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.driving-chart-legend{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0 2px}.driving-chart-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--text-secondary)}.driving-chart-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.driving-chart-stats{display:flex;align-items:center;justify-content:center;gap:0;padding:10px 0 4px;flex-wrap:wrap}.driving-chart-stat{display:flex;flex-direction:column;align-items:center;padding:0 16px;min-width:0}.driving-chart-stat-value{font-size:18px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2}.driving-chart-stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:1px}.driving-chart-stat-divider{width:1px;height:28px;background:var(--border);opacity:.5;flex-shrink:0}@media(max-width:480px){.driving-chart-stat{padding:0 10px}.driving-chart-stat-value{font-size:15px}.driving-chart-stat-label{font-size:9px}.driving-chart-legend{gap:10px}.driving-chart-wrap{padding:12px 8px 6px}}.gas-cost-skeleton{height:200px;border-radius:var(--radius-sm);background:var(--bg-card-solid);animation:shimmerBg 1.5s ease-in-out infinite}.energy-type-toggle{display:inline-flex;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--bg-card-solid)}.energy-type-toggle button{border:none;background:none;padding:2px 10px;font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;color:var(--text-muted);transition:background .15s,color .15s}.energy-type-toggle button.active{background:var(--accent);color:#fff}.vm-overlay{position:fixed;inset:0;z-index:9999;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease}.vm-modal{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;max-height:80vh;overflow-y:auto;animation:slideUp .2s ease}.vm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.vm-title{font-size:16px;font-weight:700;color:var(--text-primary)}.vm-close{background:none;border:none;color:var(--text-secondary);font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.vm-close:hover{color:var(--text-primary)}.vm-list{padding:8px 12px;display:flex;flex-direction:column;gap:4px}.vm-vehicle-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--card-bg)}.vm-vehicle-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.vm-vehicle-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vm-vehicle-name{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.vm-default-badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:1px 5px;border-radius:4px;background:var(--accent);color:#fff;opacity:.8}.vm-vehicle-meta{font-size:12px;color:var(--text-secondary)}.vm-purpose{text-transform:capitalize}.vm-purpose--work{color:var(--accent)}.vm-purpose--mixed{color:#f59e0b}.vm-edit-btn,.vm-delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px}.vm-edit-btn:hover{color:var(--accent)}.vm-delete-btn:hover{color:#ef4444}.vm-empty{padding:24px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.vm-empty-hint{font-size:12px;margin-top:4px;opacity:.7}.vm-form{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.vm-field{display:flex;flex-direction:column;gap:4px}.vm-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.vm-input{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:14px}.vm-input:focus{border-color:var(--accent);outline:none}.vm-row{display:flex;gap:12px}.vm-toggle-group{display:inline-flex;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.vm-toggle-btn{padding:6px 14px;border:none;background:var(--card-bg);color:var(--text-secondary);font-size:13px;cursor:pointer}.vm-toggle-btn.active{background:var(--accent);color:#fff}.vm-color-row{display:flex;gap:6px;flex-wrap:wrap}.vm-color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s}.vm-color-swatch.active{border-color:var(--text-primary)}.vm-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);cursor:pointer}.vm-form-actions{display:flex;gap:8px;justify-content:flex-end}.vm-btn{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer}.vm-btn:disabled{opacity:.5;cursor:not-allowed}.vm-btn-secondary{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border)}.vm-btn-primary{background:var(--accent);color:#fff}.vm-btn-add{margin:8px 12px;padding:10px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:14px;cursor:pointer;text-align:center}.vm-btn-add:hover{border-color:var(--accent);color:var(--accent)}.vm-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--border)}.vm-error{padding:8px 12px;color:#ef4444;font-size:13px}.vm-open-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin:0 0 4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.vm-open-btn:hover{border-color:var(--accent);color:var(--accent)}.sp-place-icon{font-size:18px;flex-shrink:0}.sp-actions{display:flex;gap:8px;padding:8px 12px}.sp-discover-btn,.sp-autoassign-btn{flex:1;padding:10px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;text-align:center}.sp-discover-btn:hover,.sp-autoassign-btn:hover{border-color:var(--accent);color:var(--accent)}.sp-discover-btn:disabled,.sp-autoassign-btn:disabled{opacity:.5;cursor:not-allowed}.sp-message{padding:8px 12px;color:var(--accent);font-size:13px;text-align:center}.sp-suggestion-banner{display:block;width:calc(100% - 24px);margin:8px 12px 0;padding:10px 14px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;text-align:center}.sp-suggestion-banner:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.sp-cluster-list{padding:8px 12px;display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}.sp-cluster-card{padding:10px 12px;border-radius:var(--radius-sm);background:var(--card-bg);border:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.sp-cluster-card--selected{border-color:var(--accent)}.sp-cluster-check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.sp-cluster-hits{font-weight:700;font-size:14px}.sp-cluster-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--text-secondary)}.sp-cluster-peak{color:var(--accent);font-weight:600}.sp-cluster-detail{opacity:.7}.sp-cluster-address{flex-basis:100%;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-cluster-address--loading{font-style:italic;color:var(--text-secondary)}.sp-show-more-btn{width:100%;padding:10px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.sp-show-more-btn:hover:not(:disabled){background:var(--hover-bg)}.sp-show-more-btn:disabled{opacity:.5;cursor:default}.sp-cluster-form{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid var(--border)}.trip-vehicle-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle;flex-shrink:0}.trip-vehicle-icon{display:inline-flex;align-items:center;flex-shrink:0;margin-right:4px;vertical-align:middle;line-height:0}.trip-bulk-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--accent) 6%,var(--bg-card));border-radius:8px;margin-bottom:6px;box-shadow:0 1px 4px #00000014}.trip-bulk-select{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-primary);font-size:13px;cursor:pointer}.trip-bulk-select:focus{outline:none;border-color:var(--accent)}.trip-bulk-apply{padding:6px 14px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .15s}.trip-bulk-apply:disabled{opacity:.4;cursor:not-allowed}.trip-bulk-apply:not(:disabled):hover{opacity:.85;transform:translateY(-.5px)}.trip-bulk-count{font-size:12px;color:var(--accent);white-space:nowrap;font-weight:600}.trip-day-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.trip-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}.month-stat-sub{font-size:11px;color:var(--text-secondary);opacity:.8}.month-action-row{display:flex;gap:8px;width:100%}.month-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:none;border-radius:var(--radius-sm);background:var(--gradient-primary);background-size:200% 200%;animation:shimmerBg 3s ease infinite;color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px var(--accent-glow);transition:transform .15s,box-shadow .2s;letter-spacing:.01em;white-space:nowrap}@keyframes shimmerBg{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.month-action-btn svg{flex-shrink:0}.month-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px var(--accent-glow)}.month-action-btn:active{transform:translateY(0) scale(.98)}.month-nav-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.month-nav-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.month-nav-btn svg{flex-shrink:0}.insights-card{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:8px;animation:slideUp .25s ease-out}.insights-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);line-height:1.4}.insights-row strong{color:var(--text-primary);font-weight:700}.insights-accent{color:var(--success)!important}.insights-icon{flex-shrink:0;font-size:15px;width:20px;text-align:center}.insights-row.insights-week{padding-bottom:6px;border-bottom:1px solid var(--border);font-size:14px}.insights-row.insights-warn strong{color:var(--warning)}.insights-row.insights-suggest strong{color:var(--accent)}.ad-placeholder{width:100%;padding:28px 16px;border:2px dashed var(--border);border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--text-muted);font-size:14px;font-weight:600;text-align:center;letter-spacing:.05em}.leaflet-control-zoom{border:none!important;box-shadow:var(--shadow-md)!important;border-radius:var(--radius-sm)!important;overflow:hidden}.leaflet-control-zoom a{background:var(--bg-card-solid)!important;color:var(--text-primary)!important;border-color:var(--border-solid)!important;width:36px!important;height:36px!important;line-height:36px!important;font-size:18px!important;transition:background .15s ease!important}.leaflet-control-zoom a:hover{background:var(--bg-hover)!important}.leaflet-control-attribution{background:var(--header-bg)!important;color:var(--text-muted)!important;font-size:10px!important}.leaflet-control-attribution a{color:var(--accent)!important}.mode-selector{display:flex;gap:4px;animation:slideUp .2s ease-out}.mode-tab{flex:1;padding:8px 6px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-card-solid);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent;min-height:36px;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.mode-tab svg{flex-shrink:0}.mode-tab:hover:not(.disabled){border-color:var(--accent);color:var(--text-primary)}.mode-tab:active:not(.disabled){transform:scale(.96)}.mode-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 12px var(--accent-glow)}.mode-tab.disabled{opacity:.4;cursor:default;pointer-events:none}.mode-coming-soon{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.fleet-panel{background:#0b1120f0;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px;animation:slideUp .2s ease-out}[data-theme=light] .fleet-panel{background:#f1f5f9f0}.fleet-panel-loading{display:flex;justify-content:center;padding:16px}.fleet-info-row{display:flex;gap:12px;margin-bottom:10px}.fleet-info-item{flex:1;display:flex;flex-direction:column;gap:2px}.fleet-info-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.fleet-info-value{font-size:15px;font-weight:700;color:var(--text-primary)}.fleet-token-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.fleet-token-display{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;font-weight:600;color:var(--accent);cursor:pointer;transition:border-color .2s ease,background .2s ease}.fleet-token-display:hover{border-color:var(--accent);background:var(--bg-hover)}.fleet-copy-hint{margin-left:auto;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-muted)}.fleet-actions{display:flex;gap:8px}.fleet-panel-btn{flex:1;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--glass-bg);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;min-height:36px}.fleet-panel-btn:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-hover)}.fleet-panel-btn:active{transform:scale(.96)}.fleet-panel-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.fleet-panel-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.fleet-panel-btn.primary:disabled{opacity:.4;cursor:default}.fleet-panel-btn.danger{color:var(--danger);border-color:var(--danger);background:transparent}.fleet-panel-btn.danger:hover{background:#ef444414;color:var(--danger);border-color:var(--danger)}.fleet-error{color:var(--danger);font-size:12px;padding:6px 0}.fleet-forms{display:flex;flex-direction:column;gap:10px}.fleet-form-title{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.fleet-form-row{display:flex;gap:6px;margin-top:4px}.fleet-form-divider{text-align:center;font-size:11px;color:var(--text-muted);font-weight:600;padding:2px 0}.fleet-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card-solid);color:var(--text-primary);font-size:13px;font-family:inherit;min-height:36px;transition:border-color .2s ease}.fleet-input::placeholder{color:var(--text-muted)}.fleet-input:focus{border-color:var(--accent);outline:none}.trip-list{background:#0b1120f5;border:1px solid var(--glass-border);border-radius:14px;padding:14px;flex:1;min-height:0;display:flex;flex-direction:column;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=light] .trip-list{background:#f1f5f9f5}.trip-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.trip-list-title{font-size:18px;font-weight:700;color:var(--text-primary)}.trip-list-back{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:6px 12px;font-size:14px;min-width:36px;min-height:32px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease;font-family:inherit}.trip-list-back:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.trip-list-badge{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-glow);padding:2px 8px;border-radius:var(--radius-pill)}.trip-list-header-right{display:flex;align-items:center;gap:6px}.trip-filter-wrap{position:relative}.trip-filter-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.trip-filter-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.trip-filter-btn--active{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.trip-filter-flyout{position:absolute;top:calc(100% + 4px);right:0;z-index:20;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 4px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-md);min-width:120px}.trip-filter-option{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap}.trip-filter-option:hover{background:var(--bg-hover);color:var(--text-primary)}.trip-filter-option input[type=radio]{accent-color:var(--accent);margin:0;width:14px;height:14px}.trip-list-reset{font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 10px;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease}.trip-list-reset:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.trip-list-loading{display:flex;justify-content:center;padding:12px 0}.trip-list-error{font-size:11px;color:var(--danger);padding:4px 8px;text-align:center}.trip-list-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:16px 0}.trip-list-scroll{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow-y:auto}.trip-date-group{display:flex;flex-direction:column;gap:4px}.trip-date-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:2px 0 4px;border-bottom:1px solid var(--border);margin-bottom:2px;display:flex;align-items:center;gap:6px}.trip-card{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;color:var(--text-primary);transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;width:100%;box-shadow:0 1px 4px #0000001a}.trip-card:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 16px #0000002e}.trip-card:active{transform:scale(.98);box-shadow:0 1px 3px #0000001f}.trip-card-row{display:flex;align-items:center;gap:6px}.trip-card-row .trip-card{flex:1;min-width:0}.trip-card--active .trip-card{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-card));box-shadow:0 0 0 2.5px color-mix(in srgb,var(--accent) 35%,transparent)}.trip-card--hidden .trip-card{opacity:.45}.trip-card--hidden .trip-meta span:nth-child(2){text-decoration:line-through}.trip-card--junk:not(.trip-card--hidden) .trip-card{opacity:.55}.trip-action-btns{display:flex;align-items:center;gap:2px;flex-shrink:0;align-self:center}.trip-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.trip-action-btn:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}.trip-action-btn.work:hover{color:#3b82f6;border-color:color-mix(in srgb,#3b82f6 40%,transparent)}.trip-action-btn.personal:hover{color:#22c55e;border-color:color-mix(in srgb,#22c55e 40%,transparent)}.trip-action-btn.hide:hover{color:var(--text-secondary)}.trip-action-btn.work.active{color:#fff;background:#2563eb;border-color:#2563eb}.trip-action-btn.personal.active{color:#fff;background:#16a34a;border-color:#16a34a}.trip-action-btn.hide.active{color:var(--text-muted);opacity:.5}.trip-bulk-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:6px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-card));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:10px;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.trip-bulk-count{font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap;margin-right:auto}.trip-bulk-action{display:flex;align-items:center;gap:4px;padding:5px 12px;border:none;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .15s,box-shadow .15s;white-space:nowrap}.trip-bulk-action:hover{opacity:.85;transform:translateY(-.5px)}.trip-bulk-action:active{transform:scale(.96)}.trip-bulk-action.work{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb4d}.trip-bulk-action.personal{background:#16a34a;color:#fff;box-shadow:0 2px 8px #16a34a4d}.trip-bulk-action.clear{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.trip-card--selected .trip-card{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg-card))}.trip-card-row .trip-checkbox{align-self:center}.trip-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.trip-classify-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;line-height:1.4;text-transform:uppercase;letter-spacing:.03em}.trip-classify-badge.work{background:color-mix(in srgb,#2563eb 20%,transparent);color:#60a5fa}.trip-classify-badge.personal{background:color-mix(in srgb,#16a34a 20%,transparent);color:#4ade80}[data-theme=light] .trip-classify-badge.work{background:color-mix(in srgb,#2563eb 12%,transparent);color:#2563eb}[data-theme=light] .trip-classify-badge.personal{background:color-mix(in srgb,#16a34a 12%,transparent);color:#16a34a}.trip-card-indicators{display:flex;align-items:center;gap:4px;min-height:0;flex-wrap:wrap}.trip-card-indicators:empty{display:none}.trip-junk-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #888);background:color-mix(in srgb,var(--text-muted, #888) 15%,transparent);padding:1px 5px;border-radius:3px;line-height:1.4}.trip-gps-warning,.trip-commute-icon{display:inline-flex;align-items:center;line-height:0}.trip-work-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--accent, #60a5fa);background:color-mix(in srgb,var(--accent, #60a5fa) 15%,transparent);padding:1px 5px;border-radius:3px;line-height:1.4}.trip-times{font-size:13px;font-weight:600;color:var(--text-primary)}.trip-endpoints{font-size:11.5px;color:var(--text-secondary);opacity:.85;word-break:break-all}.trip-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted);font-weight:500}.trip-meta-dot{color:var(--text-muted);opacity:.4;font-weight:700;-webkit-user-select:none;user-select:none}.trip-list--classify{max-height:none!important;border-radius:14px;overflow:visible}.trip-list--classify .trip-list-scroll{max-height:none;overflow:visible}.trip-list--classify .trip-endpoints{display:block!important}.trip-classify-header{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.trip-classify-header-top{display:flex;align-items:center;justify-content:space-between}.trip-classify-title{font-size:18px;font-weight:700;color:var(--text-primary)}.trip-classify-skip{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:13px;font-weight:600;padding:6px 16px;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease}.trip-classify-skip:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.trip-classify-progress{display:flex;flex-direction:column;gap:4px}.trip-classify-progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.trip-classify-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease;min-width:0}.trip-classify-progress-label{font-size:11px;font-weight:600;color:var(--text-muted)}.trip-classify-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.trip-classify-bulk-label{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.trip-classify-bulk-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .15s;white-space:nowrap}.trip-classify-bulk-btn:hover{opacity:.85;transform:translateY(-.5px)}.trip-classify-bulk-btn:active{transform:scale(.96)}.trip-classify-bulk-btn.work{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb40}.trip-classify-bulk-btn.personal{background:#16a34a;color:#fff;box-shadow:0 2px 8px #16a34a40}.trip-inline-classify{display:flex;flex-direction:column;gap:4px;flex-shrink:0;align-self:stretch}.trip-inline-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border-radius:8px;border:1.5px solid var(--glass-border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease;min-width:80px;white-space:nowrap}.trip-inline-btn:active{transform:scale(.95)}.trip-inline-btn.work:hover{color:#3b82f6;border-color:color-mix(in srgb,#3b82f6 50%,transparent);background:color-mix(in srgb,#3b82f6 8%,var(--bg-card))}.trip-inline-btn.personal:hover{color:#22c55e;border-color:color-mix(in srgb,#22c55e 50%,transparent);background:color-mix(in srgb,#22c55e 8%,var(--bg-card))}.trip-inline-btn.work.active{color:#fff;background:#2563eb;border-color:#2563eb}.trip-inline-btn.personal.active{color:#fff;background:#16a34a;border-color:#16a34a}.driver-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--space-md);font-size:11px;color:var(--text-muted);border-top:1px solid var(--glass-border)}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.footer-links a:hover{color:var(--accent);text-decoration:underline}.map-date-range{display:flex;gap:8px;align-items:center;padding:6px 0}.map-date-range label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);font-weight:600}.map-date-range input[type=date]{padding:4px 6px;border:1px solid var(--border-solid);border-radius:var(--radius-sm);background:var(--bg-card-solid);color:var(--text-primary);font-size:12px;font-family:inherit}@media(max-width:639px){.month-calendar-cell{padding:5px 2px;min-height:52px}.month-calendar-day{font-size:13px}.month-calendar-miles{font-size:10px}.month-calendar-points{font-size:9px}.month-stats-grid{gap:6px}.month-stat-card{padding:10px}.month-stat-label{font-size:10px}.month-stat-value{font-size:15px}.trip-back-sticky{padding:8px 14px;font-size:14px}.trip-list:not(.trip-list--classify) .trip-endpoints{display:none}.trip-card{padding:8px 10px;gap:3px}.trip-times{font-size:13px}.trip-meta{font-size:10px;gap:6px}.trip-date-label{font-size:10px;padding:2px 0 3px}.trip-list{padding:8px}.trip-list-title{font-size:15px}.trip-list-header{margin-bottom:4px}.trip-list-scroll{gap:6px}.trip-date-group{gap:3px}.trip-visibility-btn{opacity:1}.distance-metric{font-size:13px;padding:2px 6px}.replay-bar{padding:6px 10px}.gas-cost-summary{gap:6px}.gas-cost-change{font-size:11px}}@media(max-width:374px){.map-time-btn{font-size:11px;padding:6px 4px}.header-brand{font-size:15px}.stat-chip-value{font-size:14px}.month-calendar-cell{min-height:46px;padding:4px 1px}.month-calendar-day{font-size:12px}.month-calendar-miles{font-size:9px}.month-calendar-points{font-size:8px}.month-stats-grid{grid-template-columns:1fr}.header-icon-btn{width:36px;height:36px}.header-icon-btn svg{width:18px;height:18px}}@media(min-width:640px){.driver-main{padding:var(--space-md);gap:var(--space-md)}.header-user-email{display:block;max-width:160px}.stats-bar{gap:8px}.stat-chip{padding:10px 8px}.stat-chip-value{font-size:18px}}@media(min-width:768px){.driver-main{padding:var(--space-xl)}.driver-header{padding:10px var(--space-lg)}.header-user-email{max-width:200px;font-size:12px}}@media(min-width:1200px){.driver-main{max-width:1100px}}.onboarding-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0009;animation:fadeIn .3s ease-out;padding:var(--space-md)}.onboarding-card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:40px 28px 28px;width:100%;max-width:380px;text-align:center;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.onboarding-dots{display:flex;gap:8px;justify-content:center}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border-solid);transition:background .3s ease,transform .3s ease}.onboarding-dot.active{background:var(--accent);transform:scale(1.25)}.onboarding-slide{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);animation:fadeInUp .35s ease-out}.onboarding-icon-ring{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#3b82f614;border:2px solid var(--accent-glow);box-shadow:0 0 24px var(--accent-glow),0 0 48px #3b82f60f;margin-bottom:var(--space-xs)}.onboarding-icon{font-size:36px;line-height:1}.onboarding-title{font-size:22px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.onboarding-body{font-size:14px;line-height:1.6;color:var(--text-secondary);max-width:320px}.onboarding-actions{display:flex;gap:8px;width:100%;justify-content:center;margin-top:var(--space-xs)}.onboarding-btn-primary{padding:10px 28px;border-radius:var(--radius-pill);background:var(--accent);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s ease,transform .2s ease;min-height:40px}.onboarding-btn-primary:hover{filter:brightness(1.1);box-shadow:0 2px 16px var(--accent-glow)}.onboarding-btn-primary:active{transform:scale(.96)}.onboarding-btn-secondary{padding:10px 20px;border-radius:var(--radius-pill);background:var(--bg-card-solid);color:var(--text-secondary);border:1px solid var(--border);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease;min-height:40px}.onboarding-btn-secondary:hover{border-color:var(--accent);color:var(--text-primary)}.onboarding-btn-secondary:active{transform:scale(.96)}.onboarding-skip{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:4px 8px;transition:color .2s ease}.onboarding-skip:hover{color:var(--text-primary)}.onboarding-btn-primary:disabled{opacity:.4;cursor:not-allowed;filter:none}.consent-checkboxes{display:flex;flex-direction:column;gap:10px;width:100%;text-align:left}.consent-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent}.consent-check input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin-top:1px;accent-color:var(--accent);cursor:pointer}.consent-check a{color:var(--accent);text-decoration:none;font-weight:600}.consent-check a:hover{text-decoration:underline}.consent-error{color:var(--danger);font-size:13px;text-align:center;margin-top:4px}.consent-exit{color:var(--danger)}.consent-exit:hover{color:var(--danger);opacity:.8}.spotlight-container{position:fixed;inset:0;z-index:9998}.spotlight-click-blocker{position:fixed;inset:0;z-index:9997}.spotlight-svg{position:fixed;inset:0;width:100%;height:100%;z-index:9998;pointer-events:none}.spotlight-ring{position:fixed;z-index:9999;border:2px solid var(--accent);pointer-events:none;transition:all .3s ease;animation:spotlightPulse 2s ease-in-out infinite}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px var(--accent-glow)}}.tour-tooltip{position:fixed;z-index:10001;background:var(--bg-card-solid);border:1px solid var(--border-solid);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-sm);animation:fadeInUp .25s ease-out}.tour-tooltip-arrow{position:absolute;left:50%;width:12px;height:12px;background:var(--bg-card-solid);border:1px solid var(--border-solid);transform:rotate(45deg);pointer-events:none}.tour-tooltip.arrow-top .tour-tooltip-arrow{top:-7px;border-right:none;border-bottom:none}.tour-tooltip.arrow-bottom .tour-tooltip-arrow{bottom:-7px;border-left:none;border-top:none}.tour-tooltip-step{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.tour-tooltip-title{font-size:16px;font-weight:700;color:var(--text-primary)}.tour-tooltip-body{font-size:13px;line-height:1.5;color:var(--text-secondary)}.tour-tooltip-actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-xs)}.trip-tutorial-overlay{position:fixed;inset:0;z-index:10000;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn .25s ease}.trip-tutorial-card{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px 28px 24px;max-width:340px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.trip-tutorial-icon{font-size:36px;margin-bottom:12px}.trip-tutorial-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.trip-tutorial-body{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.trip-tutorial-dots{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.trip-tutorial-dot{width:8px;height:8px;border-radius:50%;background:var(--border-solid);transition:background .2s}.trip-tutorial-dot.active{background:var(--accent)}.trip-tutorial-actions{display:flex;justify-content:center}.trip-tutorial-btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-pill);padding:10px 32px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.trip-tutorial-btn:hover{background:var(--accent-hover)}.trip-tutorial-skip{margin-top:12px;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer}.trip-tutorial-skip:hover{color:var(--text-secondary)}@media(max-width:374px){.onboarding-card{padding:32px 20px 20px}.onboarding-icon-ring{width:64px;height:64px}.onboarding-icon{font-size:28px}.onboarding-title{font-size:18px}.tour-tooltip{max-width:calc(100vw - 16px)}}