:root{--accent:#80ef80;--accent-strong:#52dc69;--accent-soft:#80ef8021;--bg-primary:#0b111c;--bg-secondary:#111a28;--bg-tertiary:#192536;--bg-elevated:#111a28f0;--bg-glass:#111a28c7;--text-primary:#f7fafc;--text-secondary:#93a4b8;--text-tertiary:#65758a;--danger:#ff5d68;--warning:#f7b955;--info:#5eb5ff;--success:#80ef80;--border-color:hsla(0,0%,100%,.085);--border-strong:#ffffff24;--radius-xs:8px;--radius-sm:11px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000002e,0 5px 16px #00000029;--shadow:0 12px 32px #00000047,0 2px 8px #0000002e;--shadow-lg:0 22px 60px #00000061;--focus-ring:0 0 0 3px #80ef8029;--transition-fast:140ms cubic-bezier(0.2,0.8,0.2,1);--transition:200ms cubic-bezier(0.2,0.8,0.2,1);color-scheme:dark}.light{--accent:#27c75a;--accent-strong:#18a848;--accent-soft:#27c75a1a;--bg-primary:#f3f6f9;--bg-secondary:#fff;--bg-tertiary:#e9eef3;--bg-elevated:#fffffff5;--bg-glass:#ffffffd1;--text-primary:#111827;--text-secondary:#5d6b7d;--text-tertiary:#8a98a9;--danger:#e23f4b;--warning:#c98314;--info:#257bd8;--success:#27c75a;--border-color:#0f172a14;--border-strong:#0f172a24;--shadow-sm:0 1px 2px #0f172a0a,0 6px 18px #0f172a0f;--shadow:0 14px 38px #0f172a1a,0 2px 8px #0f172a0a;--shadow-lg:0 24px 64px #0f172a26;--focus-ring:0 0 0 3px #27c75a24;color-scheme:light}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}#root,body,html{-webkit-font-smoothing:antialiased;background:#0b111c;background:var(--bg-primary);color:#f7fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;text-rendering:optimizeLegibility;width:100%}body{font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{touch-action:manipulation}[role=button],button{transition:transform .14s cubic-bezier(.2,.8,.2,1),background-color .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1),opacity .2s cubic-bezier(.2,.8,.2,1);transition:transform var(--transition-fast),background-color var(--transition),border-color var(--transition),color var(--transition),opacity var(--transition)}[role=button]:active,button:not(:disabled):active{transform:scale(.975)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #80ef8029;box-shadow:var(--focus-ring);outline:none}input,select,textarea{background:#0b111c;background:var(--bg-primary);border:1px solid hsla(0,0%,100%,.085);border:1px solid var(--border-color);border-radius:11px;border-radius:var(--radius-sm);color:#f7fafc;color:var(--text-primary)}::placeholder{color:#65758a;color:var(--text-tertiary)}::selection{background:#80ef8021;background:var(--accent-soft)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:color-mix(in srgb,#93a4b8 34%,#0000);background:color-mix(in srgb,var(--text-secondary) 34%,#0000);border-radius:999px;border-radius:var(--radius-pill)}[class$=-overlay]{align-items:center;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);background:#02060e8a;display:flex;inset:0;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));position:fixed;z-index:3500}.light [class$=-overlay]{background:#1922303d}[class$=-overlay]>*{border:1px solid hsla(0,0%,100%,.085);border:1px solid var(--border-color)}.add-device-card,.geofence-card,.history-card,.maint-card,.modal-card,.notif-card,.settings-card,.stats-card,.timeline-card{background:#111a28f0;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.085);border:1px solid var(--border-color);box-shadow:0 22px 60px #00000061;box-shadow:var(--shadow-lg)}.modal-header{background:#0000;border-bottom:1px solid hsla(0,0%,100%,.085);min-height:54px;padding:12px 54px}.modal-header h3{color:#f7fafc;color:var(--text-primary);font-size:.96rem;font-weight:760;letter-spacing:-.015em}.modal-header .close-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:50%;color:#93a4b8;display:flex;height:34px;justify-content:center;padding:0;right:12px;width:34px}.modal-header .close-btn:hover{background:#192536;background:var(--bg-tertiary);border-color:hsla(0,0%,100%,.085);border-color:var(--border-color);color:#f7fafc;color:var(--text-primary)}.btn-add,.btn-save,.btn-search,.login-button,.push-pwa-primary{box-shadow:0 7px 20px color-mix(in srgb,#80ef80 18%,#0000);box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 18%,#0000)}.btn-add:hover,.btn-save:hover,.btn-search:hover,.login-button:hover{filter:brightness(1.03)}.empty-state{color:#93a4b8}@media (max-width:600px){[class$=-overlay]{align-items:flex-end;padding:max(10px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.add-device-card,.geofence-card,.history-card,.maint-card,.modal-card,.notif-card,.settings-card,.stats-card,.timeline-card{border-radius:22px 22px 16px 16px!important;max-width:100%!important;width:100%!important}.modal-header{min-height:52px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body,html{background-color:#111a28!important}html.alodi-light-shell,html.alodi-light-shell body{background-color:#fff!important}#root{isolation:isolate}.permission-setup-overlay{align-items:center;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);background:#02060e9e;display:flex;inset:0;justify-content:center;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));position:fixed;z-index:12000}.permission-setup-card{background:#111a28;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.085);border:1px solid var(--border-color);border-radius:22px;box-shadow:0 22px 60px #00000061;box-shadow:var(--shadow-lg);color:#f7fafc;color:var(--text-primary);padding:22px;width:min(390px,100%)}.permission-setup-icon{align-items:center;background:#80ef8021;background:var(--accent-soft);border-radius:16px;display:flex;font-size:25px;height:52px;justify-content:center;margin:0 auto 12px;width:52px}.permission-setup-card h3{font-size:1.08rem;font-weight:820;letter-spacing:-.02em;margin:0;text-align:center}.permission-setup-intro{color:#93a4b8;color:var(--text-secondary);font-size:.75rem;line-height:1.45;margin:7px auto 17px;max-width:320px;text-align:center}.permission-setup-item,.permission-setup-note{align-items:flex-start;background:#0b111c;background:var(--bg-primary);border:1px solid hsla(0,0%,100%,.085);border:1px solid var(--border-color);border-radius:14px;display:flex;gap:12px;justify-content:space-between;margin-top:9px;padding:12px}.permission-setup-item>div,.permission-setup-note{min-width:0}.permission-setup-item strong,.permission-setup-note strong{color:#f7fafc;color:var(--text-primary);display:block;font-size:.75rem}.permission-setup-item span,.permission-setup-note span{color:#93a4b8;color:var(--text-secondary);display:block;font-size:.65rem;line-height:1.4;margin-top:3px}.permission-setup-note{display:block}.permission-status{background:#192536;background:var(--bg-tertiary);border-radius:999px;color:#93a4b8;color:var(--text-secondary);flex-shrink:0;font-size:.59rem;padding:4px 7px}.permission-status.granted{background:#80ef8021;background:var(--accent-soft);color:#80ef80;color:var(--accent)}.permission-status.denied{background:color-mix(in srgb,#ff5d68 12%,#0000);background:color-mix(in srgb,var(--danger) 12%,#0000);color:#ff5d68;color:var(--danger)}.permission-setup-warning{background:color-mix(in srgb,#f7b955 10%,#0000);background:color-mix(in srgb,var(--warning) 10%,#0000);border-radius:11px;color:#f7b955;color:var(--warning);font-size:.64rem;line-height:1.4;margin-top:9px;padding:9px 10px}.permission-primary,.permission-secondary{border-radius:13px;cursor:pointer;font-weight:800;min-height:46px;width:100%}.permission-primary{background:#80ef80;background:var(--accent);border:0;color:#07110a;margin-top:16px}.permission-primary:disabled{cursor:default;opacity:.55}.permission-secondary{background:#0000;border:1px solid hsla(0,0%,100%,.085);border:1px solid var(--border-color);color:#93a4b8;color:var(--text-secondary);margin-top:7px}@media (max-width:600px){.permission-setup-overlay{align-items:flex-end;padding-left:8px;padding-right:8px}.permission-setup-card{border-radius:22px 22px 14px 14px;padding:20px 17px max(15px,env(safe-area-inset-bottom))}}@keyframes alodiPermissionOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes alodiPermissionCardIn{0%{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alodiPermissionSheetIn{0%{opacity:.62;transform:translateY(72px)}to{opacity:1;transform:translateY(0)}}.permission-setup-overlay{animation:alodiPermissionOverlayIn .18s ease-out both}.permission-setup-card{animation:alodiPermissionCardIn .23s cubic-bezier(.2,.78,.2,1) both}@media (max-width:759px){.permission-setup-card{animation:alodiPermissionSheetIn .26s cubic-bezier(.2,.78,.2,1) both}}@keyframes alodiPermissionOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes alodiPermissionCardOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes alodiPermissionSheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(72px)}}.permission-setup-overlay.is-closing{animation:alodiPermissionOverlayOut .22s ease-in both!important;pointer-events:none}.permission-setup-card.is-closing{animation:alodiPermissionCardOut .22s ease-in both!important}@media (max-width:759px){.permission-setup-card.is-closing{animation-name:alodiPermissionSheetOut!important}}.login-container{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:16px}.login-box,.login-container{background:var(--bg-secondary)}.login-box{animation:fadeIn .4s ease-out;border-radius:20px;box-shadow:0 10px 30px #0003;max-width:360px;padding:32px 24px;text-align:center;width:100%}.login-header{color:var(--text-primary);margin-bottom:24px}.logo-icon{color:var(--accent);filter:drop-shadow(0 4px 6px rgba(128,239,128,.2));margin-bottom:16px}.login-header h1{font-size:clamp(22px,5vw,26px);font-weight:700;letter-spacing:.5px;margin:0}.input-group{margin-bottom:16px;position:relative}.input-icon{color:var(--text-secondary);left:14px;position:absolute;top:50%;transform:translateY(-50%)}.input-group input{border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:1em;outline:none;padding:14px 14px 14px 44px;transition:all .2s ease;width:100%}.input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #80ef801a}.email-error{font-size:13px;margin-bottom:12px;padding-left:12px;text-align:left}.email-error,.error-message{color:var(--danger);font-weight:500}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:10px;font-size:14px;margin-bottom:16px;padding:12px}.login-button{background:var(--accent);border:none;border-radius:12px;color:var(--bg-primary);cursor:pointer;font-size:1em;font-weight:700;margin-top:8px;padding:14px;transition:all .2s ease;width:100%}.login-button:hover{filter:brightness(.9);transform:translateY(-2px)}.login-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-container{background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--accent) 12%,#0000),#0000 34%),var(--bg-primary);min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom))}.login-box{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-lg);max-width:390px;padding:30px 24px 26px}.logo-icon{filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--accent) 28%,transparent));margin-bottom:12px}.login-header h1{font-size:1.62rem;font-weight:820;letter-spacing:-.035em}.input-group input{background:var(--bg-primary);border-color:var(--border-color);border-radius:14px;min-height:50px;padding-left:46px}.input-group input:focus{border-color:color-mix(in srgb,var(--accent) 62%,var(--border-color));box-shadow:var(--focus-ring)}.login-button{border-radius:14px;color:#07110a;font-weight:800;letter-spacing:-.01em;min-height:50px}.error-message{border-radius:12px}.login-container{background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--accent) 10%,#0000),#0000 32%),var(--bg-secondary)!important;isolation:isolate;position:relative}.light .login-container{background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--accent) 8%,#0000),#0000 32%),#fff!important}@media (max-width:759px){.login-container{min-height:100dvh;padding-bottom:max(12px,env(safe-area-inset-bottom))}.login-box{box-shadow:0 16px 46px #0000002e}}.panel-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom:none;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 12px #0000004d;color:var(--text-primary);font-size:clamp(11px,2.5vw,13px);left:0;max-height:45vh;max-width:none;overflow-y:auto;padding:10px 12px 6px;position:absolute;touch-action:manipulation;user-select:none;-webkit-user-select:none;width:100%;z-index:2000}.panel-container .panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.panel-container .header-left{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;overflow:hidden}.panel-container .header-left h2{font-size:clamp(14px,3.5vw,17px);font-weight:600;margin:0;white-space:nowrap}.panel-container .status-inline{align-items:center;color:var(--text-secondary);display:flex;font-size:clamp(10px,2.5vw,12px);gap:4px;white-space:nowrap}.panel-container .collapse-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px}.panel-container .telemetry-row{grid-gap:6px;background:var(--bg-primary);border-radius:10px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:6px;padding:6px}.panel-container .telemetry-item{align-items:center;display:flex;gap:4px;justify-content:center}.panel-container .telemetry-item span{color:var(--text-secondary);font-size:clamp(9px,2vw,11px)}.panel-container .telemetry-item strong{font-size:clamp(11px,2.5vw,13px);font-weight:600}.panel-container .icon{color:var(--accent)}.panel-container .counters-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:6px}.panel-container .counter-item{align-items:center;background:var(--bg-primary);border-radius:8px;display:flex;gap:4px;justify-content:center;padding:5px 6px}.panel-container .counter-item span{color:var(--text-secondary);font-size:clamp(9px,2vw,11px)}.panel-container .counter-item strong{font-size:clamp(11px,2.5vw,13px);font-weight:600}.action-buttons{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:6px}.panel-container .btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:clamp(11px,2.8vw,13px);font-weight:600;gap:4px;justify-content:center;padding:7px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-history{color:var(--text-primary)}.btn-engine{background:#ef444426;border:1px solid #ef44444d;color:var(--danger)}.panel-container .btn-resume{background:#80ef8026;border:1px solid #80ef804d;color:var(--accent)}.secondary-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.panel-container .btn-small{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:32px}.panel-container .btn-small:hover{background:var(--border-color)}.panel-container .btn-small.active{background:#ef444433;border-color:var(--danger);color:var(--danger)}.panel-container.collapsed{border-bottom:none;border-radius:12px 12px 0 0;bottom:0;max-height:none;max-width:none;overflow:visible;padding:8px;width:100%}.panel-container .collapsed-row{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);justify-items:center;touch-action:manipulation}.panel-container .icon-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:38px}.panel-container .icon-btn:hover{background:var(--accent);color:var(--bg-primary)}.panel-container .icon-btn.active{background:#ef444433;border-color:var(--danger);color:var(--danger)}.panel-container .icon-btn.engine-on{background:#80ef8033;border-color:var(--accent);color:var(--accent)}.panel-container .icon-btn.engine-off{background:#ef444433;border-color:var(--danger);color:var(--danger)}.config-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overscroll-behavior:none;padding:16px;position:fixed;right:0;top:0;touch-action:manipulation;z-index:5000}.config-card{border-radius:16px;box-shadow:var(--shadow);color:var(--text-primary);flex-direction:column;max-height:85vh;max-width:400px;overflow:hidden;user-select:none;-webkit-user-select:none;width:90%}.config-card,.config-card .modal-header{background:var(--bg-secondary);display:flex}.config-card .modal-header{align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:center;margin-bottom:0;padding:14px 16px;position:relative}.config-card .modal-header h3{align-items:center;display:flex;font-size:1.1em;gap:8px;margin:0}.config-card .modal-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.config-card .config-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:8px;justify-content:space-around;padding:12px}.config-card .config-tabs button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:10px;transition:all .2s ease}.config-card .config-tabs button.active{background:#80ef8026;border-color:var(--accent);color:var(--accent)}.config-card .config-body{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px}.config-card .config-section h4{color:var(--text-secondary);font-size:.85em;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.config-card .config-section label{color:var(--text-secondary);display:block;font-size:.85em;font-weight:500;margin-bottom:6px}.config-card .config-section label.checkbox-label{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;gap:10px;margin-bottom:8px;padding:12px}.config-card .config-section input[type=text],.config-card .config-section select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.9em;margin-bottom:14px;outline:none;padding:12px;width:100%}.config-card .config-section input[type=color]{appearance:none;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;height:44px;padding:0;width:100%}.config-card .config-section input[type=color]::-webkit-color-swatch-wrapper{padding:4px}.config-card .config-section input[type=color]::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:6px}.config-card .config-section input[type=color]::-moz-color-swatch{border:1px solid var(--border-color);border-radius:6px}.config-card .theme-options{display:flex;gap:8px;margin-bottom:10px}.config-card .theme-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.85em;font-weight:600;gap:6px;justify-content:center;padding:12px;transition:all .2s}.config-card .theme-btn,.config-card .theme-btn svg{color:var(--text-secondary)}.config-card .theme-btn.active{background:#80ef801a;border-color:var(--accent);color:var(--accent)}.config-card .theme-btn.active svg{color:var(--accent)}.config-card .logout-btn{align-items:center;background:#ef44441a;border:1px dashed var(--danger);border-radius:10px;color:var(--danger);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.config-card .logout-btn:hover{background:var(--danger);color:#fff}.config-card .config-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:8px;padding:16px}.config-card .btn-cancel,.config-card .btn-save{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.9em;font-weight:600;padding:12px}.config-card .btn-cancel{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.config-card .btn-save{background:var(--accent);color:var(--bg-primary)}@media (max-width:400px){.panel-container{border-radius:14px 14px 0 0;padding:8px}.action-buttons,.panel-container .counters-row,.panel-container .header-left,.panel-container .telemetry-row{gap:4px}.panel-container .btn-small{height:28px;width:28px}.panel-container .icon-btn{height:34px;width:34px}}.panel-container .vehicle-name{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card .safe-zone-settings{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,#0000),#0000 70%),var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;margin-top:22px;padding:14px}.config-card .safe-zone-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.config-card .safe-zone-heading h4{color:var(--text-primary);font-size:.92em;letter-spacing:0;margin:0 0 5px;text-transform:none}.config-card .safe-zone-heading span{color:var(--text-secondary);display:block;font-size:.74em;line-height:1.45;max-width:260px}.config-card .safe-zone-heading strong{background:color-mix(in srgb,var(--accent) 14%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:999px;color:var(--accent);flex-shrink:0;font-size:.76em;padding:6px 9px}.config-card .safe-zone-range{accent-color:var(--accent);cursor:pointer;margin:2px 0 3px;width:100%}.config-card .safe-zone-scale{color:var(--text-secondary);display:flex;font-size:.65em;justify-content:space-between;margin-bottom:12px}.config-card .safe-zone-presets{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr))}.config-card .safe-zone-presets button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9px;color:var(--text-secondary);cursor:pointer;font-size:.72em;font-weight:700;padding:8px 5px;transition:all .18s ease}.config-card .safe-zone-presets button.active,.config-card .safe-zone-presets button:hover{background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent) 60%,var(--border-color));color:var(--accent)}.config-card .safe-zone-note{background:var(--bg-secondary);border-radius:10px;color:var(--text-secondary);font-size:.7em;line-height:1.45;margin-top:12px;padding:9px 10px}@media (max-width:420px){.config-card .safe-zone-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}.config-card .push-pwa-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,#0000),#0000 72%),var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:14px}.config-card .push-pwa-heading{align-items:center;display:flex;gap:10px}.config-card .push-pwa-icon{align-items:center;background:color-mix(in srgb,var(--accent) 13%,#0000);border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:12px;color:var(--accent);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.config-card .push-pwa-title{flex:1 1;min-width:0}.config-card .push-pwa-title strong{color:var(--text-primary);display:block;font-size:.83rem}.config-card .push-pwa-title span{color:var(--text-secondary);display:block;font-size:.68rem;line-height:1.35;margin-top:3px}.config-card .push-pwa-status{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);flex-shrink:0;font-size:.63rem;font-weight:800;padding:5px 8px}.config-card .push-pwa-status.ready{background:color-mix(in srgb,var(--accent) 9%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent) 38%,var(--border-color));color:var(--accent)}.config-card .push-pwa-status.blocked{background:#ef444414;border-color:#ef44444d;color:#ef4444}.config-card .push-pwa-warning{background:#f59e0b14;border:1px solid #f59e0b42;border-radius:10px;color:var(--text-primary);font-size:.69rem;line-height:1.4;margin-top:12px;padding:9px 10px}.config-card .push-pwa-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:13px}.config-card .push-pwa-actions button{border-radius:10px;cursor:pointer;font-size:.72rem;font-weight:800;min-height:38px;padding:8px 10px;transition:transform .16s ease,opacity .16s ease,background .16s ease}.config-card .push-pwa-actions button:not(:disabled):active{transform:scale(.98)}.config-card .push-pwa-primary{background:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,#0000);color:#07120b}.config-card .push-pwa-test{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.config-card .push-pwa-actions button:disabled{cursor:default;opacity:.52}.config-card .push-pwa-footnote{color:var(--text-secondary);display:block;font-size:.63rem;line-height:1.4;margin-top:10px}@media (max-width:390px){.config-card .push-pwa-actions{grid-template-columns:1fr}.config-card .push-pwa-heading{align-items:flex-start}.config-card .push-pwa-status{margin-top:2px}}.config-card .push-alerts-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;margin:16px 0 20px;padding:13px}.config-card .push-alerts-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.config-card .push-alerts-header strong{color:var(--text-primary);display:block;font-size:.8rem}.config-card .push-alerts-header span{color:var(--text-secondary);display:block;font-size:.65rem;line-height:1.35;margin-top:3px}.config-card .push-alerts-header small{color:var(--text-secondary);flex-shrink:0;font-size:.62rem}.config-card .push-alerts-list{display:flex;flex-direction:column;gap:2px}.config-card .push-alert-row{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--border-color) 65%,#0000);color:var(--text-primary);display:flex;font-size:.72rem;gap:12px;justify-content:space-between;min-height:38px;padding:7px 4px}.config-card .push-alert-row:last-child{border-bottom:none}.config-card .push-alert-row input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;height:18px;width:18px}.config-card .push-alert-row input:disabled{opacity:.45}.config-card .push-alerts-note{color:var(--text-secondary);display:block;font-size:.62rem;line-height:1.4;margin-top:9px}.gps-diagnostic{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:2px;margin:7px 0 9px;padding:8px 10px}.gps-diagnostic strong{color:var(--text-primary);font-size:.63rem}.gps-diagnostic span{color:var(--text-secondary);font-size:.58rem;line-height:1.35}.panel-container{backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 96%,#0000),var(--bg-secondary));border-color:var(--border-color);border-radius:22px 22px 0 0;box-shadow:0 -1px 0 var(--border-color),0 -18px 52px #00000042;padding:11px 12px max(8px,env(safe-area-inset-bottom))}.light .panel-container{box-shadow:0 -1px 0 var(--border-color),0 -16px 44px #0f172a1c}.panel-container:before{background:color-mix(in srgb,var(--text-secondary) 34%,#0000);border-radius:999px;content:"";display:block;height:4px;margin:-3px auto 8px;width:36px}.panel-container .panel-header{margin-bottom:9px}.panel-container .header-left h2{font-weight:780;letter-spacing:-.02em}.panel-container .status-inline{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;padding:4px 7px}.gps-diagnostic,.panel-container .counter-item,.panel-container .telemetry-row{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-tertiary) 35%,#0000),#0000),var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.panel-container .telemetry-row{border-radius:13px;padding:7px}.panel-container .counter-item{border-radius:11px}.panel-container .btn-action{border:1px solid #0000;border-radius:11px;font-weight:720;min-height:40px}.btn-history{background:var(--bg-tertiary);border-color:var(--border-color)!important}.btn-engine{background:color-mix(in srgb,var(--danger) 11%,var(--bg-secondary));border-color:color-mix(in srgb,var(--danger) 30%,var(--border-color))!important}.panel-container .btn-resume{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--border-color))!important}.panel-container .btn-small,.panel-container .icon-btn{background:var(--bg-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.panel-container .btn-small:hover,.panel-container .icon-btn:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}.config-card{background:var(--bg-elevated)!important;border:1px solid var(--border-color)!important;border-radius:20px!important;box-shadow:var(--shadow-lg)!important}.config-card .tabs{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin:0 12px;padding:4px}.config-card .tab-button{border-radius:9px}.config-card .push-alerts-block,.config-card .push-pwa-card{border-color:var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm)}.config-card .push-alert-row{min-height:43px}.config-card .push-alert-row input[type=checkbox]{height:20px;width:20px}.gps-diagnostic{border-radius:11px}@media (min-width:760px){.panel-container{border:1px solid var(--border-color);border-radius:22px;max-height:calc(100vh - 32px)}.panel-container,.panel-container.collapsed{bottom:16px;left:16px;width:min(420px,calc(100vw - 32px))}.panel-container.collapsed{border:1px solid var(--border-color);border-radius:18px}.panel-container:before{display:none}}.alodi-ios-bottom-fill{background:var(--bg-secondary);bottom:0;display:block;height:calc(env(safe-area-inset-bottom) + 2px);left:0;pointer-events:none;position:fixed;right:0;z-index:1998}@media (max-width:759px){.panel-container,.panel-container.collapsed{bottom:env(safe-area-inset-bottom)!important;padding-bottom:3px!important}.panel-container.collapsed{padding-left:9px!important;padding-right:9px!important;padding-top:6px!important}.panel-container .collapsed-row,.panel-container .secondary-row{margin-bottom:0!important;padding-bottom:0!important}.panel-container .btn-small,.panel-container .icon-btn{margin-bottom:0!important}}@media (min-width:760px){.alodi-ios-bottom-fill{display:none}}.alodi-ios-bottom-fill,.panel-container,.panel-container.collapsed{background:var(--bg-secondary)!important}.alodi-ios-bottom-fill{border:0!important;height:calc(env(safe-area-inset-bottom) + 2px)!important}@media (max-width:759px){.panel-container,.panel-container.collapsed{border-bottom:0!important;bottom:env(safe-area-inset-bottom)!important;padding-bottom:0!important}.panel-container{padding-left:9px!important;padding-right:9px!important}.panel-container.collapsed{padding:4px 8px 0!important}.panel-container .collapsed-row,.panel-container .secondary-row{line-height:1!important;margin:0!important;padding:0!important}.panel-container .collapsed-row{align-items:end!important;min-height:34px!important}.panel-container .btn-small,.panel-container .icon-btn{margin:0!important}.panel-container .secondary-row{padding-bottom:1px!important}}@media (min-width:760px){.panel-container,.panel-container.collapsed{bottom:14px!important;left:50%!important;max-width:none!important;right:auto!important;transform:translateX(-50%)!important;width:min(960px,calc(100vw - 40px))!important}.panel-container{max-height:calc(100vh - 28px)!important;padding:12px 16px 9px!important}.panel-container.collapsed{padding:8px 14px!important}.panel-container .header-left{flex:1 1 auto!important;gap:12px!important;min-width:0!important;overflow:visible!important}.panel-container .vehicle-name{flex:0 0 auto!important;max-width:280px!important}.panel-container .status-inline{flex:1 1 auto!important;min-width:0!important;overflow:visible!important;white-space:nowrap!important}.panel-container .telemetry-row{grid-template-columns:repeat(3,minmax(150px,1fr))!important}.panel-container .counters-row{grid-template-columns:repeat(2,minmax(180px,1fr))!important}.action-buttons{grid-template-columns:repeat(2,minmax(220px,1fr))!important}.panel-container .collapsed-row{gap:8px!important;grid-template-columns:repeat(10,minmax(42px,1fr))!important}.panel-container .secondary-row{margin-bottom:0!important;padding-bottom:0!important}}@media (min-width:1280px){.panel-container,.panel-container.collapsed{width:min(1080px,calc(100vw - 64px))!important}.panel-container .vehicle-name{max-width:340px!important}}.alodi-ios-bottom-fill{display:none!important}.panel-container .panel-header{grid-gap:6px!important;align-items:center!important;display:grid!important;grid-template-columns:minmax(0,1fr) 30px!important}.panel-container .header-left{grid-gap:8px!important;align-items:center!important;display:grid!important;gap:8px!important;grid-template-columns:max-content minmax(0,1fr)!important;min-width:0!important;overflow:visible!important;width:100%!important}.panel-container .status-inline{grid-gap:0!important;align-items:center!important;gap:0!important;justify-items:center!important;padding:4px 3px!important;text-align:center!important}.panel-container .status-segment{align-items:center;display:flex;gap:4px;justify-content:center;min-width:0;padding:0 6px;text-align:center;white-space:nowrap;width:100%}.panel-container .status-segment+.status-segment{border-left:1px solid var(--border-color)}@media (max-width:759px){.panel-container,.panel-container.collapsed{border-bottom:0!important;border-radius:16px 16px 0 0!important;bottom:0!important}.panel-container{padding:7px 8px 1px!important}.panel-container.collapsed{padding:4px 7px 1px!important}.panel-container .panel-header{margin-bottom:5px!important}.panel-container .header-left{gap:4px!important;grid-template-columns:minmax(68px,max-content) minmax(0,1fr)!important}.panel-container .vehicle-name{font-size:clamp(12px,3.2vw,15px)!important;max-width:31vw!important}.panel-container .status-inline{font-size:clamp(7.5px,2.05vw,10px)!important;padding:3px 1px!important}.panel-container .status-segment{gap:2px!important;padding:0 2px!important}.panel-container .status-inline .dot{height:6px!important;width:6px!important}.panel-container .collapsed-row,.panel-container .secondary-row{margin-bottom:0!important;padding-bottom:0!important}.panel-container .secondary-row{align-items:flex-end!important;min-height:30px!important}.panel-container .collapsed-row{align-items:flex-end!important;min-height:34px!important}.panel-container .btn-small,.panel-container .icon-btn{margin-bottom:0!important}}@media (min-width:760px){.panel-container,.panel-container.collapsed{left:50%!important;right:auto!important;transform:translateX(-50%)!important}.panel-container .header-left{gap:14px!important;grid-template-columns:minmax(130px,max-content) minmax(0,1fr)!important}.panel-container .vehicle-name{max-width:320px!important}.panel-container .status-inline{max-width:none!important;padding:5px 4px!important}.panel-container .status-segment{padding:0 12px}.panel-container .collapsed-row,.panel-container .secondary-row{padding-bottom:2px!important}}@media (min-width:1280px){.panel-container .vehicle-name{max-width:390px!important}}.panel-container .panel-header{align-items:stretch!important;gap:6px!important}.panel-container .vehicle-title-row{align-items:center;display:flex;justify-content:center;min-height:25px;position:relative;width:100%}.panel-container .vehicle-title-row .vehicle-name{font-weight:780!important;letter-spacing:-.02em;margin:0!important;max-width:calc(100% - 70px)!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.panel-container .vehicle-title-row .collapse-btn{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important}.panel-container .status-inline{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none!important;min-width:0!important;padding:4px 2px!important;width:100%!important}.panel-container .status-segment{justify-content:center!important;min-width:0!important;overflow:hidden!important;padding:0 5px!important;text-align:center!important;width:100%!important}.panel-container .status-gps{display:flex!important;flex-direction:column!important;gap:0!important;line-height:1.1!important}.panel-container .status-gps-label,.panel-container .status-gps-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.panel-container .status-gps-value{color:var(--text-primary);font-weight:760}.panel-container .collapsed-vehicle-row{align-items:center;display:flex;justify-content:center;min-height:20px;padding:0 34px 2px;width:100%}.panel-container .collapsed-vehicle-row strong{color:var(--text-primary);display:block;font-size:.72rem;font-weight:780;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.panel-container,.panel-container.collapsed{background:var(--bg-secondary)!important;bottom:0!important}@media (max-width:759px){.panel-container{padding:6px 8px 1px!important}.panel-container.collapsed{padding:3px 7px 1px!important}.panel-container .panel-header{gap:4px!important;margin-bottom:4px!important}.panel-container .vehicle-title-row{min-height:22px}.panel-container .vehicle-title-row .vehicle-name{font-size:13px!important}.panel-container .status-inline{font-size:clamp(8px,2.15vw,10px)!important;min-height:29px}.panel-container .status-segment{padding:0 2px!important}.panel-container .collapsed-row,.panel-container .secondary-row{margin-bottom:0!important;padding-bottom:0!important}.panel-container .collapsed-row{min-height:34px!important}}@media (min-width:760px){.panel-container .vehicle-title-row .vehicle-name{font-size:16px!important;max-width:520px!important}.panel-container .status-inline{font-size:12px!important}.panel-container .status-gps{flex-direction:row!important;gap:5px!important}.panel-container .status-gps-label:after{content:":"}.panel-container .status-gps-label,.panel-container .status-gps-value{overflow:visible;width:auto}}@media (max-width:759px){.panel-container,.panel-container.collapsed{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--bg-secondary)!important;border-bottom:0!important;border-left:0!important;border-radius:18px 18px 0 0!important;border-right:0!important;box-shadow:none!important;left:0!important;margin:0!important;max-width:100vw!important;right:0!important;width:100vw!important}.light .panel-container,.light .panel-container.collapsed{box-shadow:none!important}}.panel-container .vehicle-identity{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;display:inline-flex;gap:6px;justify-content:center;max-width:calc(100% - 50px);min-width:0;padding:4px 9px}.panel-container .vehicle-identity svg{color:var(--accent);flex-shrink:0}.panel-container .vehicle-identity .vehicle-name{font-size:.76rem!important;font-weight:780!important;max-width:100%!important}.panel-container .collapsed-summary{align-items:stretch;display:flex;flex-direction:column;gap:4px;padding:0 2px 5px;width:100%}.panel-container .collapsed-identity{align-items:center;align-self:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);display:flex;gap:5px;justify-content:center;max-width:72%;min-width:0;padding:3px 8px}.panel-container .collapsed-identity svg{color:var(--accent);flex-shrink:0}.panel-container .collapsed-identity strong{font-size:.67rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-container .collapsed-statuses{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;overflow:hidden;width:100%}.panel-container .collapsed-statuses>span{align-items:center;color:var(--text-secondary);display:flex;font-size:clamp(7px,1.9vw,9px);gap:3px;justify-content:center;min-height:25px;min-width:0;overflow:hidden;padding:2px 3px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.panel-container .collapsed-statuses>span+span{border-left:1px solid var(--border-color)}.panel-container .collapsed-statuses .dot{flex-shrink:0;height:6px;width:6px}@media (min-width:760px){.panel-container .collapsed-summary{align-items:center;flex-direction:row;gap:10px}.panel-container .collapsed-identity{flex:0 1 260px}.panel-container .collapsed-statuses{flex:1 1}}.panel-container .vehicle-heading{align-items:center;color:var(--text-primary);display:inline-flex;gap:6px;justify-content:center;max-width:calc(100% - 48px);min-width:0}.panel-container .vehicle-heading svg{color:var(--accent);flex-shrink:0}.panel-container .vehicle-heading .vehicle-name{font-size:.84rem!important;font-weight:800!important;letter-spacing:-.015em;margin:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.panel-container .collapsed-identity,.panel-container .vehicle-identity{background:#0000!important;border:0!important;padding:0!important}.panel-container .collapsed-vehicle-name{align-items:center;align-self:center;color:var(--text-primary);display:flex;gap:5px;justify-content:center;max-width:78%;min-width:0}.panel-container .collapsed-vehicle-name svg{color:var(--accent);flex-shrink:0}.panel-container .collapsed-vehicle-name strong{font-size:.69rem;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-container .telemetry-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.panel-container .action-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important}.panel-container .btn-trips{background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent) 26%,var(--border-color))!important;color:var(--text-primary)}.diagnostic-title h4{margin-bottom:3px}.diagnostic-title p{color:var(--text-secondary);font-size:.65rem;line-height:1.4;margin:0 0 12px}.diagnostic-status-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-status-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;min-width:0;padding:10px}.diagnostic-status-item span,.diagnostic-status-item strong{display:block}.diagnostic-status-item span{color:var(--text-secondary);font-size:.58rem}.diagnostic-status-item strong{color:var(--text-primary);font-size:.72rem;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostic-note{background:var(--bg-primary);border-radius:10px;color:var(--text-secondary);font-size:.61rem;line-height:1.4;margin-top:10px;padding:9px 10px}@media (max-width:520px){.panel-container .action-buttons{gap:5px!important}.panel-container .btn-action{font-size:.62rem!important;min-width:0;padding-left:5px!important;padding-right:5px!important}}@media (min-width:760px){.panel-container .vehicle-heading .vehicle-name{font-size:.92rem!important}.panel-container .action-buttons{grid-template-columns:repeat(3,minmax(180px,1fr))!important}.diagnostic-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.panel-container,.panel-container.collapsed{background:#111a28!important}.light .panel-container,.light .panel-container.collapsed{background:#fff!important}@media (max-width:759px){.panel-container,.panel-container.collapsed{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:0!important;bottom:calc(env(safe-area-inset-bottom)*-1)!important;box-shadow:none!important;filter:none!important;padding-bottom:env(safe-area-inset-bottom)!important}.panel-container .collapsed-row,.panel-container .secondary-row{margin-bottom:0!important;padding-bottom:0!important}.panel-container .btn-small,.panel-container .icon-btn{margin-bottom:0!important}}.panel-container .action-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media (min-width:760px){.panel-container .action-buttons{grid-template-columns:repeat(2,minmax(220px,1fr))!important}}.panel-container.collapsed:before,.panel-container:before{content:none!important;display:none!important}.panel-container{--panel-drag-y:0px;transition:transform .22s cubic-bezier(.22,.75,.18,1),max-height .24s cubic-bezier(.22,.75,.18,1)}.panel-container.panel-dragging{transition:none!important;user-select:none;-webkit-user-select:none}.panel-drag-handle-zone{-webkit-tap-highlight-color:transparent;align-items:center;cursor:ns-resize;display:flex;flex-shrink:0;height:18px;justify-content:center;touch-action:none;width:100%}.panel-drag-handle{background:color-mix(in srgb,var(--text-secondary) 44%,#0000);border-radius:999px;height:4px;transition:width .16s ease,background .16s ease,transform .16s ease;width:42px}.panel-drag-handle-zone:hover .panel-drag-handle,.panel-dragging .panel-drag-handle{background:color-mix(in srgb,var(--accent) 64%,var(--text-secondary));width:52px}.panel-container .collapse-btn{display:none!important}.panel-container .panel-header{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0 0 7px!important}.vehicle-overview-main{gap:9px;min-width:0;padding:0 6px}.vehicle-avatar,.vehicle-overview-main{align-items:center;display:flex;justify-content:center}.vehicle-avatar{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--bg-primary)),var(--bg-primary));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border-color));border-radius:12px;color:var(--accent);flex-shrink:0;height:38px;width:38px}.vehicle-overview-copy{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.vehicle-eyebrow{color:var(--text-secondary);font-size:.54rem;font-weight:720;letter-spacing:.055em;text-transform:uppercase}.vehicle-overview-copy .vehicle-name{color:var(--text-primary);font-size:.92rem!important;font-weight:830!important;line-height:1.05;margin:1px 0 3px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.collapsed-motion,.vehicle-motion-state{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.59rem;gap:4px;line-height:1;min-width:0}.collapsed-motion i,.vehicle-motion-state i{background:var(--text-secondary);border-radius:50%;flex-shrink:0;height:6px;width:6px}.vehicle-motion-state strong{color:var(--text-primary);font-size:.61rem}.collapsed-motion.moving i,.vehicle-motion-state.moving i{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,#0000)}.collapsed-motion.parked i,.vehicle-motion-state.parked i{background:var(--danger)}.collapsed-motion.idle i,.vehicle-motion-state.idle i{background:var(--warning)}.collapsed-motion.offline i,.vehicle-motion-state.offline i{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 12%,#0000)}.collapsed-motion.unknown i,.vehicle-motion-state.unknown i{background:var(--text-secondary)}.vehicle-status-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.vehicle-status-card{align-items:center;background:color-mix(in srgb,var(--bg-primary) 84%,#0000);border:1px solid var(--border-color);border-radius:11px;display:flex;flex-direction:column;gap:3px;justify-content:center;min-height:44px;min-width:0;padding:7px 5px;text-align:center}.vehicle-status-label{color:var(--text-secondary);font-size:.52rem;font-weight:680;letter-spacing:.035em;text-transform:uppercase}.vehicle-status-card strong{align-items:center;color:var(--text-primary);display:inline-flex;font-size:clamp(.58rem,2.35vw,.69rem);gap:4px;justify-content:center;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-status-card strong svg{color:var(--text-secondary);flex-shrink:0}.vehicle-status-card.positive{border-color:color-mix(in srgb,var(--accent) 24%,var(--border-color))}.vehicle-status-card.negative{border-color:color-mix(in srgb,var(--danger) 24%,var(--border-color))}.panel-container .collapsed-summary{gap:5px!important;padding:0 3px 5px!important}.collapsed-overview-line{align-items:center;display:flex;gap:8px;justify-content:center;min-width:0}.panel-container .collapsed-vehicle-name{max-width:46%!important}.panel-container .collapsed-motion{font-size:.55rem;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-container .collapsed-statuses{border-radius:11px!important}.panel-container .collapsed-statuses>span{gap:4px!important}.panel-container .collapsed-statuses svg{color:var(--text-secondary);flex-shrink:0}.panel-container.collapsed .collapsed-row{grid-template-columns:repeat(8,minmax(34px,1fr))!important}@media (max-width:759px){.panel-container,.panel-container.collapsed{transform:translateY(0)!important;transform:translateY(var(--panel-drag-y,0))!important}.vehicle-overview-main{justify-content:flex-start}.vehicle-overview-copy{flex:1 1}}@media (min-width:760px){.panel-container,.panel-container.collapsed{transform:translate(-50%)!important;transform:translate(-50%,var(--panel-drag-y,0))!important}.vehicle-overview-main{justify-content:center}.vehicle-status-card strong{font-size:.7rem}.panel-container.collapsed .collapsed-row{grid-template-columns:repeat(8,minmax(42px,1fr))!important}}@media (max-width:759px){.config-overlay{align-items:flex-end!important;background:#02060e75!important;justify-content:center!important;padding:0!important}.config-card{background:var(--bg-secondary)!important;border-bottom:0!important;border-left:0!important;border-radius:21px 21px 0 0!important;border-right:0!important;box-shadow:none!important;margin:0!important;max-height:90dvh!important;max-width:none!important;padding-bottom:env(safe-area-inset-bottom)!important;width:100%!important}}.panel-container.morph-panel{--panel-progress:0;--panel-body-height:300px;--expanded-opacity:1;--compact-opacity:0;--expanded-y:0px;--compact-y:14px;--expanded-scale:1;--compact-scale:0.92;overflow:visible!important;transform:none!important;transition:height .26s cubic-bezier(.2,.78,.2,1),background-color .18s ease!important}.panel-container.morph-panel.panel-dragging{transition:none!important}.panel-morph-stage{min-height:0;overflow:hidden;position:relative;transition:height .26s cubic-bezier(.2,.78,.2,1);width:100%}.panel-dragging .panel-morph-stage{transition:none!important}.panel-morph-layer{inset:0 0 auto;position:absolute;width:100%;will-change:opacity,transform}.panel-expanded-layer{opacity:var(--expanded-opacity);transform:translateY(var(--expanded-y)) scale(var(--expanded-scale));transform-origin:50% 0}.panel-compact-layer,.panel-expanded-layer{transition:opacity .22s ease,transform .26s cubic-bezier(.2,.78,.2,1)}.panel-compact-layer{opacity:var(--compact-opacity);transform:translateY(var(--compact-y)) scale(var(--compact-scale));transform-origin:50% 100%}.panel-dragging .panel-compact-layer,.panel-dragging .panel-expanded-layer{transition:none!important}.panel-expanded-layer .vehicle-overview-main{transform:translateY(calc(var(--panel-progress)*5px));transition:transform .24s ease}.panel-expanded-layer .vehicle-status-grid{transform:translateY(calc(var(--panel-progress)*8px)) scale(calc(1 - var(--panel-progress)*.025));transform-origin:50% 0}.morph-expanded-block{transform:translateY(calc(var(--panel-progress)*10px)) scale(calc(1 - var(--panel-progress)*.035));transform-origin:50% 0}.morph-block-1{opacity:calc(1 - var(--panel-progress)*1.15)}.morph-block-2{opacity:calc(1 - var(--panel-progress)*1.28)}.morph-block-3{opacity:calc(1 - var(--panel-progress)*1.42)}.morph-block-4{opacity:calc(1 - var(--panel-progress)*1.58)}.panel-compact-layer .collapsed-summary{transform:translateY(calc((1 - var(--panel-progress))*8px))}.morph-compact-icons{opacity:var(--compact-opacity);transform:translateY(calc((1 - var(--panel-progress))*12px)) scale(calc(.86 + var(--panel-progress)*.14));transform-origin:50% 100%}.panel-container.morph-panel .panel-drag-handle{width:calc(42px + var(--panel-progress)*8px)}@media (max-width:759px){.panel-container.morph-panel{bottom:calc(env(safe-area-inset-bottom)*-1)!important;left:0!important;max-width:100vw!important;padding-bottom:env(safe-area-inset-bottom)!important;right:0!important;transform:none!important;width:100vw!important}.panel-container.morph-panel .panel-drag-handle-zone{height:17px}.light .panel-container.morph-panel .btn-small,.light .panel-container.morph-panel .collapsed-row,.light .panel-container.morph-panel .icon-btn,.light .panel-container.morph-panel .secondary-row{box-shadow:none!important;filter:none!important}.panel-container.morph-panel .collapsed-row,.panel-container.morph-panel .secondary-row{margin-bottom:0!important;padding-bottom:0!important}}@media (min-width:760px){.panel-container.morph-panel{left:50%!important;right:auto!important;transform:translateX(-50%)!important}}@media (prefers-reduced-motion:reduce){.morph-compact-icons,.morph-expanded-block,.panel-compact-layer,.panel-container.morph-panel,.panel-expanded-layer,.panel-morph-stage{transition-duration:80ms!important}}.morph-action-dock{flex-shrink:0;margin:0!important;min-width:0;overflow:visible;padding:0!important;position:relative;transition:height .26s cubic-bezier(.2,.78,.2,1);width:100%}.morph-action-dock.is-dragging{transition:none!important}.morph-action-button{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:none;color:var(--text-primary);cursor:pointer;display:flex;gap:6px;justify-content:center;margin:0!important;overflow:hidden;padding:0 9px;position:absolute;transition:left .26s cubic-bezier(.2,.78,.2,1),top .26s cubic-bezier(.2,.78,.2,1),width .26s cubic-bezier(.2,.78,.2,1),height .26s cubic-bezier(.2,.78,.2,1),border-radius .26s cubic-bezier(.2,.78,.2,1),opacity .18s ease,background .16s ease,border-color .16s ease,color .16s ease}.morph-action-dock.is-dragging .morph-action-button{transition:background 90ms ease,border-color 90ms ease,color 90ms ease!important}.morph-action-button svg{flex:0 0 auto;transform:scale(calc(.88 + var(--panel-progress)*.12))}.morph-action-label{font-size:.65rem;font-weight:820;min-width:0;overflow:hidden;white-space:nowrap}.morph-trips-action{background:color-mix(in srgb,var(--accent) 9%,var(--bg-primary));border-color:color-mix(in srgb,var(--accent) 28%,var(--border-color))}.morph-action-button.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 48%,var(--border-color));color:var(--accent)}.morph-engine-action.engine-off{border-color:color-mix(in srgb,var(--danger) 32%,var(--border-color));color:var(--danger)}.morph-engine-action.engine-on{border-color:color-mix(in srgb,var(--accent) 32%,var(--border-color));color:var(--accent)}.morph-action-button:disabled{opacity:.52!important}@media (max-width:759px){.panel-container.morph-panel{padding-bottom:env(safe-area-inset-bottom)!important;padding-left:7px!important;padding-right:7px!important}.morph-action-dock{padding-bottom:0!important}.morph-action-dock,.panel-morph-stage{margin-bottom:0!important}.light .morph-action-button,.morph-action-button{box-shadow:none!important;filter:none!important}}@keyframes alodiConfigOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes alodiConfigDialogIn{0%{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alodiConfigSheetIn{0%{opacity:.62;transform:translateY(72px)}to{opacity:1;transform:translateY(0)}}.config-overlay{animation:alodiConfigOverlayIn .18s ease-out both}.config-card{animation:alodiConfigDialogIn .23s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 55%}@media (max-width:759px){.config-card{animation:alodiConfigSheetIn .26s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 100%}}.panel-container.panel-is-collapsed .morph-action-button{gap:0!important;padding-left:0!important;padding-right:0!important}.panel-container.panel-is-collapsed .morph-action-label{margin:0!important;max-width:0!important;opacity:0!important;padding:0!important;width:0!important}.panel-arrow-control-zone{flex-shrink:0;width:100%}.panel-arrow-control,.panel-arrow-control-zone{align-items:center;display:flex;height:22px;justify-content:center}.panel-arrow-control{background:#0000;border:0;border-radius:999px;color:var(--text-secondary);cursor:pointer;padding:0;transition:color .16s ease,background .16s ease,transform .16s ease;width:38px}.panel-arrow-control:hover{background:var(--accent-soft);color:var(--accent)}.panel-arrow-control:active{transform:scale(.92)}.panel-control-settings{border-top:1px solid var(--border-color);margin-top:22px;padding-top:16px}.panel-control-settings>h4{margin:0}.panel-control-settings>p{color:var(--text-secondary);font-size:.63rem;line-height:1.4;margin:4px 0 10px}.panel-control-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel-control-options>button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:13px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:96px;min-width:0;padding:10px;text-align:center}.panel-control-options>button.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 46%,var(--border-color))}.panel-control-preview{align-items:center;color:var(--accent);display:flex;height:24px;justify-content:center;width:40px}.panel-control-preview.gesture i{background:currentColor;border-radius:999px;height:4px;width:30px}.panel-control-options strong{font-size:.67rem}.panel-control-options small{color:var(--text-secondary);font-size:.56rem;line-height:1.3}@keyframes alodiConfigOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes alodiConfigDialogOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes alodiConfigSheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(72px)}}.config-overlay.is-closing{animation:alodiConfigOverlayOut .22s ease-in both!important;pointer-events:none}.config-card.is-closing{animation:alodiConfigDialogOut .22s ease-in both!important}@media (max-width:759px){.config-card.is-closing{animation-name:alodiConfigSheetOut!important}}.odometer-config-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:13px;margin:12px 0 16px;padding:11px}.odometer-config-heading{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:9px}.odometer-config-heading>div{display:flex;flex-direction:column;min-width:0}.odometer-config-heading strong{color:var(--text-primary);font-size:.7rem}.odometer-config-heading span{color:var(--text-secondary);font-size:.57rem;margin-top:2px}.odometer-config-heading b{background:var(--accent-soft);border-radius:999px;color:var(--accent);flex-shrink:0;font-size:.6rem;padding:4px 7px}.odometer-input-row{grid-gap:7px;align-items:center;display:grid;gap:7px;grid-template-columns:1fr auto}.odometer-input-row>span{color:var(--text-secondary);font-size:.65rem;font-weight:760}.odometer-source-note{color:var(--text-secondary);font-size:.57rem;line-height:1.4;margin-top:8px}.diagnostic-note.diagnostic-warning{background:color-mix(in srgb,var(--warning) 8%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--warning) 30%,var(--border-color));color:var(--warning)}.vehicle-selector-trigger{align-items:center;background:#0000;border:0;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:4px;margin:0;max-width:100%;padding:0;text-align:left;width:fit-content}.vehicle-selector-trigger .vehicle-name{margin:0;max-width:100%;min-width:0}.vehicle-selector-trigger>svg{color:var(--accent);flex:0 0 auto}.vehicle-selector-trigger-compact{appearance:none;background:#0000;border:0;cursor:pointer;font:inherit;padding:0}.vehicle-selector-trigger-compact>svg:last-child{color:var(--accent)}.vehicle-selector-overlay{align-items:center;animation:alodiVehicleSelectorFadeIn .17s ease-out both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#060c167a;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:12000}.vehicle-selector-sheet{animation:alodiVehicleSelectorIn .22s cubic-bezier(.2,.78,.2,1) both;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 20px 60px #00000047;display:flex;flex-direction:column;max-height:min(72dvh,560px);overflow:hidden;width:min(92vw,390px)}.vehicle-selector-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:10px;justify-content:space-between;padding:14px 14px 10px}.vehicle-selector-header>div{display:flex;flex-direction:column;gap:2px;min-width:0}.vehicle-selector-header strong{color:var(--text-primary);font-size:.82rem;font-weight:800}.vehicle-selector-header span{color:var(--text-secondary);font-size:.58rem}.vehicle-selector-close{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:9px;color:var(--text-primary);cursor:pointer;display:grid;flex:0 0 auto;height:30px;place-items:center;width:30px}.vehicle-selector-list{-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto;padding:8px}.vehicle-selector-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;gap:9px;margin:0 0 6px;min-height:58px;padding:8px 9px;text-align:left;width:100%}.vehicle-selector-item:last-child{margin-bottom:0}.vehicle-selector-item.selected{background:color-mix(in srgb,var(--accent) 9%,var(--bg-primary));border-color:color-mix(in srgb,var(--accent) 65%,var(--border-color))}.vehicle-selector-avatar{background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));border-radius:10px;color:var(--accent);display:grid;flex:0 0 auto;height:34px;place-items:center;width:34px}.vehicle-selector-copy{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.vehicle-selector-copy strong{font-size:.7rem;font-weight:790;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-selector-copy span{align-items:center;color:var(--text-secondary);display:flex;font-size:.54rem;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-selector-dot{background:var(--text-secondary);border-radius:50%;flex:0 0 auto;height:6px;width:6px}.vehicle-selector-dot.online{background:#22c55e}.vehicle-selector-dot.offline{background:#ef4444}.vehicle-selector-current{background:color-mix(in srgb,var(--accent) 13%,var(--bg-secondary));border-radius:999px;color:var(--accent);flex:0 0 auto;font-size:.5rem;font-weight:800;padding:4px 6px}.vehicle-selector-note{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.52rem;padding:8px 12px 10px;text-align:center}@keyframes alodiVehicleSelectorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes alodiVehicleSelectorIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:759px){.vehicle-selector-overlay{align-items:flex-end;padding:0}.vehicle-selector-sheet{border-bottom:0;border-left:0;border-radius:20px 20px 0 0;border-right:0;max-height:76dvh;padding-bottom:env(safe-area-inset-bottom);width:100%}}.vehicle-selector-item{cursor:default;padding:4px 5px 4px 8px}.vehicle-selector-select{-webkit-tap-highlight-color:transparent;align-items:center;align-self:stretch;background:#0000;border:0;color:inherit;cursor:pointer;display:flex;flex:1 1;font:inherit;gap:9px;margin:0;min-width:0;padding:4px 0;text-align:left}.vehicle-selector-delete{-webkit-tap-highlight-color:transparent;background:color-mix(in srgb,#ef4444 7%,var(--bg-secondary));border:1px solid color-mix(in srgb,#ef4444 24%,var(--border-color));border-radius:10px;color:#ef4444;cursor:pointer;display:grid;flex:0 0 auto;height:34px;place-items:center;transition:transform .15s ease,background .15s ease,border-color .15s ease;width:34px}.vehicle-selector-delete:hover{background:color-mix(in srgb,#ef4444 13%,var(--bg-secondary));border-color:color-mix(in srgb,#ef4444 46%,var(--border-color));transform:translateY(-1px)}.vehicle-selector-delete:active{transform:scale(.96)}.vehicle-delete-overlay{align-items:center;animation:alodiVehicleSelectorFadeIn .16s ease-out both;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#060c1694;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:12100}.vehicle-delete-card{align-items:center;animation:alodiVehicleSelectorIn .21s cubic-bezier(.2,.78,.2,1) both;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 22px 65px #00000057;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center;width:min(92vw,360px)}.vehicle-delete-icon{background:color-mix(in srgb,#ef4444 12%,var(--bg-primary));border-radius:15px;color:#ef4444;display:grid;height:48px;margin-bottom:2px;place-items:center;width:48px}.vehicle-delete-card>strong{color:var(--text-primary);font-size:.92rem;font-weight:850}.vehicle-delete-card>p{color:var(--text-primary);font-size:.69rem;line-height:1.45;margin:2px 0 0}.vehicle-delete-card>span{color:var(--text-secondary);font-size:.57rem;line-height:1.45;max-width:300px}.vehicle-delete-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px;width:100%}.vehicle-delete-actions button{border-radius:11px;cursor:pointer;font:inherit;font-size:.64rem;font-weight:800;min-height:40px}.vehicle-delete-actions button:disabled{cursor:default;opacity:.58}.vehicle-delete-cancel{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.vehicle-delete-confirm{background:#ef4444;border:1px solid color-mix(in srgb,#ef4444 54%,#0000);color:#fff}@media (max-width:480px){.vehicle-delete-card{padding:18px 16px;width:min(94vw,350px)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:4000}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px #00000080;color:var(--text-primary);max-width:360px;overflow:hidden;padding:0;width:100%}.modal-icon{align-items:center;background:#ef44441a;border-radius:50%;display:flex;height:70px;justify-content:center;margin:24px auto 16px;width:70px}.modal-card p{color:var(--text-secondary);font-size:.95em;line-height:1.5;margin-bottom:24px;padding:0 24px;text-align:center}.modal-actions{display:flex;gap:12px;padding:0 20px 24px}.btn-cancel{flex:1 1}.btn-confirm{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:filter .2s}.btn-confirm:hover{filter:brightness(.9)}.btn-stop{background:var(--danger);color:#fff}.btn-resume{background:var(--accent);color:var(--bg-primary)}@media (max-width:759px){.modal-overlay{align-items:flex-end!important;background:#02060e75!important;justify-content:center!important;padding:0!important}.modal-card{background:var(--bg-secondary)!important;border-bottom:0!important;border-left:0!important;border-radius:21px 21px 0 0!important;border-right:0!important;box-shadow:none!important;margin:0!important;max-height:88dvh!important;max-width:none!important;padding-bottom:max(14px,env(safe-area-inset-bottom))!important;width:100%!important}}.modal-overlay{animation:alodiOverlayFadeIn .18s ease-out both}.modal-card{animation:alodiDialogEnter .23s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 55%}@media (max-width:759px){.modal-card{animation:alodiSheetEnter .26s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 100%}}@media (prefers-reduced-motion:reduce){.modal-card,.modal-overlay{animation-duration:80ms!important}}@keyframes alodiEngineOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes alodiEngineDialogOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes alodiEngineSheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(72px)}}.modal-overlay.is-closing{animation:alodiEngineOverlayOut .22s ease-in both!important;pointer-events:none}.modal-card.is-closing{animation:alodiEngineDialogOut .22s ease-in both!important}@media (max-width:759px){.modal-card.is-closing{animation-name:alodiEngineSheetOut!important}}.geofence-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:3500}.geofence-card{background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow);color:var(--text-primary);display:flex;flex-direction:column;max-height:85vh;max-width:400px;width:90%}.modal-header{margin-bottom:0}.modal-header h3{justify-content:center;width:100%}.geofence-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px 16px}.geofence-hint{color:var(--text-secondary);font-size:.9em;margin:0 0 16px;text-align:center}.draw-buttons{display:flex;flex-shrink:0;gap:8px;margin-bottom:12px}.draw-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.8em;font-weight:600;gap:6px;justify-content:center;padding:12px 8px;transition:all .2s ease}.draw-btn svg{color:var(--accent)}.draw-btn:hover{background:#80ef801a;border-color:var(--accent);transform:translateY(-2px)}.draw-btn.active-shape{background:#80ef8026;border-color:var(--accent);color:var(--accent)}.btn-draw-vehicle{align-items:center;background:#80ef8026;border:1px dashed var(--accent);border-radius:12px;color:var(--accent);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin-bottom:24px;padding:12px;transition:all .2s ease;width:100%}.btn-draw-vehicle:hover{background:var(--accent);border:1px solid var(--accent);color:var(--bg-primary)}.geofence-list-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.list-title{color:var(--text-secondary);font-size:.9em;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.geofence-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.geofence-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:12px;transition:border-color .2s}.geofence-item:hover{border-color:var(--text-secondary)}.geofence-item-info{align-items:center;display:flex;flex:1 1;gap:12px;overflow:hidden}.geofence-color-dot{border-radius:50%;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 3px var(--border-color);flex-shrink:0;height:14px;width:14px}.geofence-text{display:flex;flex-direction:column;overflow:hidden}.geofence-name{font-size:.95em;font-weight:600}.geofence-desc,.geofence-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.geofence-desc{color:var(--text-secondary);font-size:.75em;margin-top:2px}.btn-delete{align-items:center;background:#ef44441a;border:1px solid #0000;border-radius:8px;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-delete:hover{background:#ef444433;border-color:var(--danger)}.empty-state{gap:12px;padding:30px 0}.empty-state p{margin:0}.geofence-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom:none;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 12px #0000004d;color:var(--text-primary);left:0;max-height:55vh;max-width:none;overflow-y:auto;padding-bottom:4px;position:absolute;width:100%;z-index:2000}.geofence-panel-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px;position:sticky;top:0;z-index:10}.geofence-panel-header,.geofence-panel-header h3{align-items:center;display:flex;justify-content:center}.geofence-panel-header h3{font-size:16px;gap:6px;margin:0;width:100%}.geofence-panel-header button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px}.geofence-panel-content{padding:16px}.type-selector{margin-bottom:16px}.type-btn{align-items:center;background:#80ef8026;border:1px solid var(--accent);border-radius:10px;color:var(--accent);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px;width:100%}.form-group{margin-bottom:14px}.form-group label{color:var(--text-secondary);display:block;font-size:.85em;font-weight:500;margin-bottom:6px}.form-group input[type=text],.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.9em;outline:none;padding:12px;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group input[type=color]{appearance:none;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;height:44px;padding:0;width:100%}.form-group input[type=color]::-webkit-color-swatch-wrapper{padding:4px}.form-group input[type=color]::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:6px}.form-group input[type=color]::-moz-color-swatch{border:1px solid var(--border-color);border-radius:6px}.geofence-info{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;padding:12px}.geofence-info div{align-items:center;display:flex;flex:1 1 45%;flex-direction:column;margin-bottom:6px}.geofence-info span{color:var(--text-secondary);font-size:.75em;letter-spacing:.5px;text-transform:uppercase}.geofence-info strong{color:var(--accent);font-size:1.05em;font-weight:600}.coords-inputs{margin-bottom:16px}.coord-row{display:flex;gap:10px}.coord-item{flex:1 1;margin-bottom:10px}.coord-item input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9em;outline:none;padding:12px;width:100%}.coord-item input:focus{border-color:var(--accent)}.coord-item small.error{color:var(--danger);display:block;font-size:.75em;margin-top:4px}.btn-save{align-items:center;background:var(--accent);border:none;border-radius:10px;color:var(--bg-primary);cursor:pointer;display:flex;font-size:1em;font-weight:700;gap:8px;justify-content:center;margin-bottom:10px;padding:14px;transition:filter .2s;width:100%}.btn-save:hover{filter:brightness(.9)}.btn-cancel{background:#0000;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:12px;transition:background .2s;width:100%}.btn-cancel:hover{background:var(--bg-tertiary)}@media (max-width:759px){.geofence-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:0!important;border-left:0!important;border-radius:18px 18px 0 0!important;border-right:0!important;bottom:0!important;box-shadow:none!important;left:0!important;margin:0!important;max-width:100vw!important;padding-bottom:max(1px,env(safe-area-inset-bottom))!important;right:0!important;width:100vw!important}.geofence-panel,.geofence-panel-header{background:var(--bg-secondary)!important}.geofence-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#111a28!important;bottom:calc(env(safe-area-inset-bottom)*-1)!important;box-shadow:none!important;filter:none!important;padding-bottom:env(safe-area-inset-bottom)!important}.light .geofence-panel{background:#fff!important}.geofence-overlay{align-items:flex-end!important;background:#02060e75!important;justify-content:center!important;padding:0!important}.geofence-card{background:var(--bg-secondary)!important;border-bottom:0!important;border-left:0!important;border-radius:21px 21px 0 0!important;border-right:0!important;box-shadow:none!important;margin:0!important;max-height:88dvh!important;max-width:none!important;width:100%!important}.geofence-content{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.custom-confirm-overlay{align-items:flex-end!important;padding:0!important}.custom-confirm-card{border-bottom:0!important;border-left:0!important;border-radius:18px 18px 0 0!important;border-right:0!important;box-shadow:none!important;max-width:none!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;width:100%!important}.geofence-panel.expanded{border-radius:21px 21px 0 0!important;left:0!important;max-width:none!important;right:0!important;width:100%!important}}.geofence-overlay{animation:alodiOverlayFadeIn .18s ease-out both}.geofence-card{animation:alodiDialogEnter .23s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 55%}@media (max-width:759px){.geofence-card{animation:alodiSheetEnter .26s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 100%}}@media (prefers-reduced-motion:reduce){.geofence-card,.geofence-overlay{animation-duration:80ms!important}}@keyframes alodiGeofenceOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes alodiGeofenceDialogOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes alodiGeofenceSheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(72px)}}.geofence-overlay.is-closing{animation:alodiGeofenceOverlayOut .22s ease-in both!important;pointer-events:none}.geofence-card.is-closing{animation:alodiGeofenceDialogOut .22s ease-in both!important}@media (max-width:759px){.geofence-card.is-closing{animation-name:alodiGeofenceSheetOut!important}}.geofence-list-help{align-items:center;background:var(--bg-primary);border-radius:9px;color:var(--text-secondary);display:flex;font-size:.6rem;gap:5px;margin:0 0 8px;padding:7px 8px}.geofence-list-help svg{color:var(--accent)}.geofence-item-selectable{cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.geofence-item-selectable:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border-color))}.geofence-item-selectable:active{transform:scale(.992)}.geofence-item-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.btn-edit-geofence{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9px;color:var(--text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;width:30px}.btn-edit-geofence:hover{color:var(--accent)}.notif-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:3500}.notif-card{background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow);color:var(--text-primary);display:flex;flex-direction:column;max-height:80vh;max-width:400px;padding:0;width:90%}.modal-header{padding:12px 16px}.notif-content{flex:1 1;overflow-y:auto;padding:16px}.notif-group{margin-bottom:20px}.date-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.85em;font-weight:700;letter-spacing:.5px;margin:0 0 10px;padding-bottom:6px;text-transform:uppercase}.notif-list{display:flex;flex-direction:column;gap:8px}.notif-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;padding:12px;transition:transform .2s}.notif-item:hover{border-color:var(--accent);transform:translateX(4px)}.notif-icon{align-items:center;background:#80ef8026;border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notif-details{display:flex;flex-direction:column}.notif-details strong{font-size:.95em;font-weight:600}.notif-details p{color:var(--text-secondary);font-size:.8em;margin:2px 0 0}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:.7;padding:40px 0}.empty-state p{font-size:.9em;margin-top:10px}.notif-day-tabs{background:var(--bg-elevated);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:7px;overflow-x:auto;padding:10px 12px 9px;scrollbar-width:none}.notif-day-tabs::-webkit-scrollbar{display:none}.notif-day-tab{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;display:flex;flex:0 0 auto;font-size:.69rem;font-weight:750;gap:6px;min-height:34px;padding:0 10px;white-space:nowrap}.notif-day-tab,.notif-day-tab b{align-items:center;border-radius:999px;color:var(--text-secondary)}.notif-day-tab b{background:var(--bg-tertiary);display:inline-flex;font-size:.58rem;height:17px;justify-content:center;min-width:17px;padding:0 4px}.notif-day-tab.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 48%,var(--border-color));color:var(--accent)}.notif-day-tab.active b{background:var(--accent);color:#07110a}.notif-selected-day{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.notif-selected-day strong{color:var(--text-primary);font-size:.78rem}.notif-selected-day span{color:var(--text-secondary);font-size:.64rem}.notif-content{padding-top:11px}.notif-group{margin-bottom:0}.date-header{display:none}.notif-item{border-radius:13px;box-shadow:var(--shadow-sm)}@media (max-width:600px){.notif-card{max-height:calc(86dvh - env(safe-area-inset-top))}.notif-day-tabs{padding-left:10px;padding-right:10px}}@media (max-width:759px){.notif-overlay{align-items:flex-end!important;background:#02060e75!important;justify-content:center!important;padding:0!important}.notif-card{background:var(--bg-secondary)!important;border-bottom:0!important;border-left:0!important;border-radius:21px 21px 0 0!important;border-right:0!important;box-shadow:none!important;margin:0!important;max-height:88dvh!important;max-width:none!important;width:100%!important}.notif-content{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}}.notif-overlay{animation:alodiOverlayFadeIn .18s ease-out both}.notif-card{animation:alodiDialogEnter .23s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 55%}@media (max-width:759px){.notif-card{animation:alodiSheetEnter .26s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 100%}}@media (prefers-reduced-motion:reduce){.notif-card,.notif-overlay{animation-duration:80ms!important}}@keyframes alodiNotificationsOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes alodiNotificationsDialogOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes alodiNotificationsSheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(72px)}}.notif-overlay.is-closing{animation:alodiNotificationsOverlayOut .22s ease-in both!important;pointer-events:none}.notif-card.is-closing{animation:alodiNotificationsDialogOut .22s ease-in both!important}@media (max-width:759px){.notif-card.is-closing{animation-name:alodiNotificationsSheetOut!important}}.stats-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#02060e8f;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:3500}.stats-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:21px;box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;flex-direction:column;max-height:min(84dvh,760px);overflow:hidden;width:min(520px,100%)}.stats-periods{border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:6px;padding:10px 12px 9px}.stats-periods button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.66rem;font-weight:780;min-height:33px}.stats-periods button.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--border-color));color:var(--accent)}.stats-content{flex:1 1;overflow-y:auto;padding:12px}.stats-summary-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.stats-summary-card{grid-column-gap:6px;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:13px;column-gap:6px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;min-height:82px;min-width:0;padding:11px}.stats-summary-card svg{color:var(--accent);grid-row:1/3}.stats-summary-card span{color:var(--text-secondary);font-size:.58rem}.stats-summary-card strong{color:var(--text-primary);font-size:.78rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-summary-card.stats-wide{grid-column:1/-1}.stats-chart-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;margin-top:10px;padding:11px 8px 7px}.stats-chart-title{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;padding:0 5px 7px}.stats-chart-title div{display:flex;flex-direction:column}.stats-chart-title strong{font-size:.72rem}.stats-chart-title span{color:var(--text-secondary);font-size:.57rem;margin-top:2px}.stats-chart-title b{background:var(--accent-soft);border-radius:999px;color:var(--accent);font-size:.55rem;padding:3px 6px}.stats-chart{overflow:hidden;width:100%}.stats-chart-empty{font-size:.65rem;min-height:150px;padding:20px}.stats-chart-empty,.stats-empty{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;text-align:center}.stats-empty{flex-direction:column;min-height:280px}.stats-empty p{font-size:.68rem;margin:8px 0 0}@media (max-width:759px){.stats-overlay{align-items:flex-end;background:#02060e75;padding:0}.stats-card{border-bottom:0;border-left:0;border-radius:21px 21px 0 0;border-right:0;box-shadow:none;max-height:88dvh;max-width:none;padding-bottom:env(safe-area-inset-bottom);width:100%}}.stats-overlay{animation:alodiOverlayFadeIn .18s ease-out both}.stats-card{animation:alodiDialogEnter .23s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 55%}@media (max-width:759px){.stats-card{animation:alodiSheetEnter .26s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 100%}}@media (prefers-reduced-motion:reduce){.stats-card,.stats-overlay{animation-duration:80ms!important}}@keyframes alodiStatisticsOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes alodiStatisticsDialogOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes alodiStatisticsSheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(72px)}}.stats-overlay.is-closing{animation:alodiStatisticsOverlayOut .22s ease-in both!important;pointer-events:none}.stats-card.is-closing{animation:alodiStatisticsDialogOut .22s ease-in both!important}@media (max-width:759px){.stats-card.is-closing{animation-name:alodiStatisticsSheetOut!important}}.maint-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:3500}.maint-card{background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow);color:var(--text-primary);display:flex;flex-direction:column;max-height:85vh;max-width:400px;padding:0;position:relative;width:90%}.modal-header{border-radius:16px 16px 0 0}.maint-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px 16px}.counters-box{grid-gap:10px;display:grid;flex-shrink:0;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.counter-box{align-items:center;background:#80ef801a;border:1px solid var(--accent);border-radius:12px;display:flex;gap:12px;padding:12px}.counter-box .icon{background:var(--bg-primary);border-radius:50%;color:var(--accent);height:32px;padding:6px;width:32px}.counter-text{display:flex;flex-direction:column}.counter-text span{color:var(--text-secondary);font-size:.7em;letter-spacing:.5px;text-transform:uppercase}.counter-text strong{font-size:1.1em;font-weight:700}.section-title{color:var(--text-secondary);font-size:.85em;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.maint-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;margin-bottom:20px;padding:12px}.form-row{display:flex;gap:8px;margin-bottom:10px}.form-row input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9em;outline:none;padding:12px;width:100%}.form-row input:focus{border-color:var(--accent)}.btn-add{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:6px;justify-content:center;padding:12px;transition:all .2s;width:100%}.btn-add:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.maint-list-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.maint-list{flex:1 1;gap:10px;overflow-y:auto;padding-right:4px}.maint-item,.maint-list{display:flex;flex-direction:column}.maint-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;gap:8px;padding:14px}.maint-item.due{background:#ef44440d;border-color:var(--danger)}.maint-header{align-items:center;display:flex;justify-content:space-between}.maint-header strong{font-size:1em;font-weight:600}.btn-delete{background:none;border:none;color:var(--danger);cursor:pointer;opacity:.7;padding:4px}.btn-delete:hover{opacity:1}.maint-status{display:flex;font-size:.85em;justify-content:space-between}.interval-text{color:var(--text-secondary)}.remaining-text{color:var(--accent);font-weight:600}.alert-text{color:var(--danger);font-weight:700}.progress-bg{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s ease}.progress-fill.danger{background:var(--danger)}.btn-renew{background:var(--danger);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.85em;font-weight:600;gap:6px;margin-top:6px;padding:10px}.btn-renew,.custom-confirm-overlay{align-items:center;display:flex;justify-content:center}.custom-confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:16px;bottom:0;left:0;padding:16px;position:absolute;right:0;top:0;z-index:6000}.custom-confirm-card{animation:popIn .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px #00000080;max-width:320px;padding:24px;text-align:center;width:100%}.custom-confirm-card h4{color:var(--text-primary);font-size:1.2em;margin:0 0 10px}.custom-confirm-card p{color:var(--text-secondary);font-size:.9em;line-height:1.4;margin:0 0 24px}.custom-confirm-actions{display:flex;gap:10px}.btn-delete-confirm{background:var(--danger);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:filter .2s}.btn-delete-confirm:hover{filter:brightness(.9)}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.empty-state{color:var(--text-secondary);font-size:.9em;margin-top:20px;text-align:center}@media (max-width:759px){.maint-overlay{align-items:flex-end!important;background:#02060e75!important;justify-content:center!important;padding:0!important}.maint-card{background:var(--bg-secondary)!important;border-bottom:0!important;border-left:0!important;border-radius:21px 21px 0 0!important;border-right:0!important;box-shadow:none!important;margin:0!important;max-height:88dvh!important;max-width:none!important;width:100%!important}.maint-content{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.custom-confirm-overlay{align-items:flex-end!important;padding:0!important}.custom-confirm-card{border-bottom:0!important;border-left:0!important;border-radius:18px 18px 0 0!important;border-right:0!important;box-shadow:none!important;max-width:none!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;width:100%!important}}.maint-overlay{animation:alodiOverlayFadeIn .18s ease-out both}.maint-card{animation:alodiDialogEnter .23s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 55%}@media (max-width:759px){.maint-card{animation:alodiSheetEnter .26s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 100%}}@media (prefers-reduced-motion:reduce){.maint-card,.maint-overlay{animation-duration:80ms!important}}@keyframes alodiMaintenanceOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes alodiMaintenanceDialogOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes alodiMaintenanceSheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(72px)}}.maint-overlay.is-closing{animation:alodiMaintenanceOverlayOut .22s ease-in both!important;pointer-events:none}.maint-card.is-closing{animation:alodiMaintenanceDialogOut .22s ease-in both!important}@media (max-width:759px){.maint-card.is-closing{animation-name:alodiMaintenanceSheetOut!important}}.maintenance-summary-alerts{display:flex;flex-wrap:wrap;gap:6px;margin:-6px 0 12px}.maintenance-summary-alerts span{align-items:center;border-radius:999px;display:inline-flex;font-size:.6rem;font-weight:760;gap:5px;padding:6px 8px}.summary-due{background:color-mix(in srgb,var(--danger) 9%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--danger) 26%,var(--border-color));color:var(--danger)}.summary-upcoming{background:color-mix(in srgb,var(--warning) 8%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--warning) 24%,var(--border-color));color:var(--warning)}.maintenance-name-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);min-height:40px;outline:none;padding:0 10px;width:100%}.maintenance-name-input:focus{border-color:var(--accent)}.maintenance-rule-label{color:var(--text-secondary);font-size:.6rem;font-weight:720;margin-top:11px}.maintenance-dual-rule{grid-gap:6px;align-items:end;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);margin-top:7px}.maintenance-dual-rule label{display:flex;flex-direction:column;gap:5px;min-width:0}.maintenance-dual-rule label>span{align-items:center;color:var(--text-secondary);display:flex;font-size:.58rem;font-weight:700;gap:4px}.maintenance-dual-rule label>span svg{color:var(--accent)}.maintenance-input-with-unit{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;height:40px;min-width:0;overflow:hidden}.maintenance-input-with-unit:focus-within{border-color:var(--accent)}.maintenance-input-with-unit input{background:#0000!important;border:0!important;color:var(--text-primary);height:100%;min-width:0;outline:0!important;padding:0 8px;width:100%}.maintenance-input-with-unit b{color:var(--text-secondary);font-size:.58rem;padding-right:8px}.maintenance-or{align-items:center;color:var(--text-secondary);display:flex;font-size:.56rem;font-weight:850;height:40px;justify-content:center}.maintenance-rule-note{color:var(--text-secondary);font-size:.55rem;line-height:1.35;margin:7px 1px 10px}.maintenance-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.maintenance-title-group strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maintenance-title-group span{color:var(--text-secondary);font-size:.54rem}.maintenance-criteria{display:flex;flex-wrap:wrap;gap:5px}.maintenance-criteria span{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:.54rem;font-weight:650;gap:4px;padding:4px 6px}.maintenance-criteria span svg{color:var(--accent)}.maintenance-remaining-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-remaining-grid>div{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;min-width:0;padding:8px}.maintenance-remaining-grid small,.maintenance-remaining-grid span{color:var(--text-secondary);font-size:.52rem}.maintenance-remaining-grid strong{color:var(--text-primary);font-size:.68rem;margin:2px 0}.maintenance-due-box{align-items:center;background:color-mix(in srgb,var(--danger) 8%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border-color));border-radius:10px;color:var(--danger);display:flex;gap:8px;padding:8px}.maintenance-due-box>div{display:flex;flex-direction:column}.maintenance-due-box strong{font-size:.66rem}.maintenance-due-box span{font-size:.54rem;margin-top:1px}.maintenance-progress-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.52rem;justify-content:space-between}.maintenance-progress-label b{color:var(--text-primary);font-size:.55rem}@media (max-width:390px){.maintenance-dual-rule{grid-template-columns:1fr}.maintenance-or{height:14px}.maintenance-remaining-grid{grid-template-columns:1fr}}.maintenance-history-title{display:flex;flex-direction:column;gap:2px;margin-top:12px}.maintenance-history-title strong{color:var(--text-primary);font-size:.64rem}.maintenance-history-note,.maintenance-history-title span{color:var(--text-secondary);font-size:.54rem;line-height:1.35}.maintenance-history-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:7px}.maintenance-history-grid label{display:flex;flex-direction:column;gap:5px;min-width:0}.maintenance-history-grid label>span{align-items:center;color:var(--text-secondary);display:flex;font-size:.58rem;font-weight:700;gap:4px}.maintenance-history-grid label>span svg{color:var(--accent)}.maintenance-history-grid input[type=date]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);height:40px;min-width:0;outline:none;padding:0 8px;width:100%}.maintenance-history-grid input[type=date]:focus{border-color:var(--accent)}.maintenance-history-note{margin-top:6px}.maintenance-title-group strong{align-items:center;display:flex;gap:5px}.maintenance-title-group strong svg{color:var(--accent);flex:0 0 auto}.btn-renew.is-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);opacity:.84}.maintenance-complete-overlay{z-index:60}.maintenance-complete-card{width:min(92vw,360px)}.maintenance-complete-icon{color:var(--accent);display:block;margin:0 auto 10px}.maintenance-complete-fields{grid-gap:9px;display:grid;gap:9px;margin:14px 0;text-align:left}.maintenance-complete-fields label{display:flex;flex-direction:column;gap:5px}.maintenance-complete-fields label>span{color:var(--text-secondary);font-size:.58rem;font-weight:700}.maintenance-complete-fields input[type=date]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);height:40px;outline:none;padding:0 8px}.btn-complete-confirm{background:var(--accent);border:0;border-radius:10px;color:#fff;cursor:pointer;font-weight:760;padding:9px 12px}@media (max-width:390px){.maintenance-history-grid{grid-template-columns:1fr}}.maintenance-mode-section{margin-top:12px}.maintenance-mode-title{color:var(--text-secondary);font-size:.6rem;font-weight:760;margin-bottom:7px}.maintenance-mode-options{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.maintenance-mode-option{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:11px;color:var(--text-primary);cursor:pointer;display:flex;gap:6px;min-height:68px;min-width:0;padding:8px;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.maintenance-mode-option:hover{transform:translateY(-1px)}.maintenance-mode-option.active{background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));border-color:var(--accent)}.maintenance-mode-option>svg{color:var(--accent);flex:0 0 auto;margin-top:1px}.maintenance-mode-option>div{display:flex;flex-direction:column;gap:2px;min-width:0}.maintenance-mode-option strong{font-size:.58rem;line-height:1.15}.maintenance-mode-option span{color:var(--text-secondary);font-size:.49rem;line-height:1.2}.maintenance-history-grid.single-column{grid-template-columns:minmax(0,1fr)}.maintenance-dynamic-rule{grid-gap:6px;align-items:end;display:grid;gap:6px;margin-top:7px}.maintenance-dynamic-rule.both{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.maintenance-dynamic-rule.km,.maintenance-dynamic-rule.time{grid-template-columns:minmax(0,1fr)}.maintenance-dynamic-rule label{display:flex;flex-direction:column;gap:5px;min-width:0}.maintenance-dynamic-rule label>span{align-items:center;color:var(--text-secondary);display:flex;font-size:.58rem;font-weight:700;gap:4px}.maintenance-dynamic-rule label>span svg{color:var(--accent)}@media (max-width:540px){.maintenance-mode-options{grid-template-columns:1fr}.maintenance-mode-option{align-items:center;min-height:54px}}@media (max-width:390px){.maintenance-dynamic-rule.both{grid-template-columns:1fr}.maintenance-dynamic-rule.both .maintenance-or{height:14px}}.maintenance-push-info{align-items:flex-start;background:color-mix(in srgb,var(--accent) 7%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-color));border-radius:11px;display:flex;gap:8px;margin:0 0 12px;padding:9px 10px}.maintenance-push-info>svg{color:var(--accent);flex:0 0 auto;margin-top:1px}.maintenance-push-info>div{display:flex;flex-direction:column;gap:2px;min-width:0}.maintenance-push-info strong{color:var(--text-primary);font-size:.61rem}.maintenance-push-info span{color:var(--text-secondary);font-size:.53rem;line-height:1.35}.maint-card{min-height:0;overflow:hidden}.maint-content{-webkit-overflow-scrolling:touch;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;scrollbar-gutter:stable;touch-action:pan-y}.maint-list,.maint-list-container{flex:0 0 auto!important;min-height:0;overflow:visible!important}.counters-box,.maint-form,.maintenance-push-info,.maintenance-summary-alerts{flex-shrink:0}@media (max-width:759px){.maint-card{height:auto!important;max-height:calc(100dvh - max(10px, env(safe-area-inset-top)))!important}.maint-content{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}.maint-form,.maint-list-container{scroll-margin-bottom:110px}.custom-confirm-overlay{overflow-x:hidden;overscroll-behavior-y:contain}.custom-confirm-card,.custom-confirm-overlay{-webkit-overflow-scrolling:touch;overflow-y:auto}.custom-confirm-card{max-height:calc(100dvh - max(12px, env(safe-area-inset-top)))}}.trips-overlay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#02060e8a;display:flex;inset:0;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));position:fixed;z-index:3600}.trips-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:21px;box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;flex-direction:column;max-height:min(82dvh,760px);overflow:hidden;width:min(470px,100%)}.trips-periods{display:flex;flex-shrink:0;gap:6px;padding:10px 12px 8px}.trips-periods button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.68rem;font-weight:760;min-height:33px}.trips-periods button.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--border-color));color:var(--accent)}.trips-summary{grid-gap:8px;display:grid;flex-shrink:0;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 10px}.trips-summary>div{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;min-width:0;padding:9px 10px;text-align:center}.trips-summary span,.trips-summary strong{display:block}.trips-summary strong{color:var(--text-primary);font-size:.8rem}.trips-summary span{color:var(--text-secondary);font-size:.58rem;margin-top:1px}.trips-content{flex:1 1;overflow-y:auto;padding:2px 12px 16px}.trip-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:15px;box-shadow:var(--shadow-sm);margin-bottom:10px;padding:12px}.trip-card-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.trip-card-top>div{display:flex;flex-direction:column;min-width:0}.trip-number{color:var(--accent);font-size:.61rem;font-weight:850;letter-spacing:.035em;text-transform:uppercase}.trip-card-top strong{color:var(--text-primary);font-size:.72rem;margin-top:2px}.trip-card-top>b{background:var(--accent-soft);border-radius:999px;color:var(--accent);flex-shrink:0;font-size:.65rem;padding:4px 7px}.trip-route-line{grid-gap:7px;align-items:center;display:grid;gap:7px;grid-template-columns:max-content 1fr max-content;margin-top:12px}.trip-point{align-items:center;display:flex;gap:6px}.trip-point i{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000002e;height:9px;width:9px}.trip-point.start i{background:#22c55e}.trip-point.end i{background:#ef4444}.trip-point div{display:flex;flex-direction:column}.trip-point span{color:var(--text-secondary);font-size:.54rem}.trip-point strong{font-feature-settings:"tnum";color:var(--text-primary);font-size:.67rem;font-variant-numeric:tabular-nums}.trip-line{background:linear-gradient(90deg,#22c55e,color-mix(in srgb,var(--accent) 72%,#fff),#ef4444);border-radius:999px;height:2px;opacity:.76}.trip-addresses{background:var(--bg-secondary);border-radius:10px;display:flex;flex-direction:column;gap:4px;margin-top:10px;padding:8px 9px}.trip-addresses span{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.58rem;gap:5px;line-height:1.35;min-width:0}.trip-addresses svg{flex-shrink:0;margin-top:1px}.trip-metrics{display:flex;flex-wrap:wrap;gap:9px;margin-top:9px}.trip-metrics span{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.59rem;gap:4px}.trip-play-button{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-color));border-radius:11px;color:var(--accent);cursor:pointer;display:flex;font-size:.66rem;font-weight:820;gap:6px;justify-content:center;margin-top:10px;min-height:36px;width:100%}.trip-play-button:disabled{cursor:default;opacity:.55}.trips-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:240px;padding:28px 16px;text-align:center}.trips-empty strong{color:var(--text-primary);font-size:.75rem;margin-top:10px}.trips-empty p{font-size:.64rem;line-height:1.45;margin:6px 0 0;max-width:260px}@media (max-width:600px){.trips-overlay{align-items:flex-end;background:#02060e75;padding:max(8px,env(safe-area-inset-top)) 0 0}.trips-card{border-bottom:0;border-left:0;border-radius:21px 21px 0 0;border-right:0;box-shadow:none;max-height:88dvh;width:100%}.trips-content{padding-bottom:max(10px,env(safe-area-inset-bottom))}}.trips-periods{overflow-x:auto;scrollbar-width:none}.trips-periods::-webkit-scrollbar{display:none}.trips-periods button{flex:1 0 auto;padding:0 10px}.trips-custom-range{grid-gap:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:13px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 12px 10px;padding:10px}.trips-custom-range label{display:flex;flex-direction:column;gap:4px;min-width:0}.trips-custom-range label span{color:var(--text-secondary);font-size:.58rem;font-weight:700}.trips-custom-range input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9px;color:var(--text-primary);font-size:.65rem;height:36px;min-width:0;padding:0 7px;width:100%}.trips-custom-range>button{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-color));border-radius:10px;color:var(--accent);cursor:pointer;font-size:.66rem;font-weight:820;grid-column:1/-1;min-height:36px}.trips-custom-range>button:disabled{opacity:.55}@media (max-width:430px){.trips-custom-range{grid-template-columns:1fr}.trips-custom-range>button{grid-column:1}}@keyframes alodiTripsOverlayInFixed{0%{opacity:0}to{opacity:1}}@keyframes alodiTripsDialogInFixed{0%{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alodiTripsSheetInFixed{0%{opacity:.65;transform:translateY(72px)}to{opacity:1;transform:translateY(0)}}@keyframes alodiTripsOverlayOutFixed{0%{opacity:1}to{opacity:0}}@keyframes alodiTripsDialogOutFixed{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes alodiTripsSheetOutFixed{0%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(72px)}}.trips-overlay{animation:alodiTripsOverlayInFixed .18s ease-out both!important}.trips-card{animation:alodiTripsDialogInFixed .23s cubic-bezier(.2,.78,.2,1) both!important}.trips-overlay.is-closing{animation:alodiTripsOverlayOutFixed .22s ease-in both!important;pointer-events:none}.trips-card.is-closing{animation:alodiTripsDialogOutFixed .22s ease-in both!important}@media (max-width:759px){.trips-overlay{align-items:flex-end!important;padding:0!important}.trips-card{animation:alodiTripsSheetInFixed .26s cubic-bezier(.2,.78,.2,1) both!important;border-bottom:0!important;border-left:0!important;border-radius:21px 21px 0 0!important;border-right:0!important;box-shadow:none!important;max-height:90dvh!important;max-width:none!important;width:100%!important}.trips-card.is-closing{animation:alodiTripsSheetOutFixed .22s ease-in both!important}.trips-content{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}}@media (prefers-reduced-motion:reduce){.trips-card,.trips-card.is-closing,.trips-overlay,.trips-overlay.is-closing{animation-duration:80ms!important}}.add-device-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:3500}.add-device-card{border-radius:16px;box-shadow:var(--shadow);color:var(--text-primary);max-width:360px;overflow:hidden;padding:0}.add-device-card,.modal-header{background:var(--bg-secondary);width:100%}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:center;padding:14px 16px;position:relative}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{font-size:1.1em;gap:8px;margin:0}.modal-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.add-device-form{padding:20px 16px}.add-device-form input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-size:.95em;margin-bottom:14px;outline:none;padding:12px;transition:border-color .2s;width:100%}.add-device-form input:focus{border-color:var(--accent)}.add-device-form button{align-items:center;background:var(--accent);border:none;border-radius:10px;color:var(--bg-primary);cursor:pointer;display:flex;font-size:1em;font-weight:700;gap:8px;justify-content:center;margin-top:10px;padding:14px;transition:filter .2s;width:100%}.add-device-form button:hover{filter:brightness(.9)}@media (max-width:759px){.add-device-overlay{align-items:flex-end!important;background:#02060e75!important;justify-content:center!important;padding:0!important}.add-device-card{background:var(--bg-secondary)!important;border-bottom:0!important;border-left:0!important;border-radius:21px 21px 0 0!important;border-right:0!important;box-shadow:none!important;margin:0!important;max-height:88dvh!important;max-width:none!important;padding-bottom:max(14px,env(safe-area-inset-bottom))!important;width:100%!important}}@keyframes alodiOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes alodiDialogEnter{0%{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes alodiSheetEnter{0%{opacity:.62;transform:translateY(72px)}to{opacity:1;transform:translateY(0)}}.add-device-overlay{animation:alodiOverlayFadeIn .18s ease-out both}.add-device-card{animation:alodiDialogEnter .23s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 55%}@media (max-width:759px){.add-device-card{animation:alodiSheetEnter .26s cubic-bezier(.2,.78,.2,1) both;transform-origin:50% 100%}}@media (prefers-reduced-motion:reduce){.add-device-card,.add-device-overlay{animation-duration:80ms!important}}@keyframes alodiAddDeviceOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes alodiAddDeviceDialogOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes alodiAddDeviceSheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(72px)}}.add-device-overlay.is-closing{animation:alodiAddDeviceOverlayOut .22s ease-in both!important;pointer-events:none}.add-device-card.is-closing{animation:alodiAddDeviceDialogOut .22s ease-in both!important}@media (max-width:759px){.add-device-card.is-closing{animation-name:alodiAddDeviceSheetOut!important}}.toast-container{align-items:flex-end;display:flex;flex-direction:column;gap:10px;left:16px;padding-bottom:env(
    safe-area-inset-bottom
  );pointer-events:none;position:fixed;right:16px;top:calc(env(safe-area-inset-top) + 16px);z-index:9999}@media (max-width:480px){.toast-container{align-items:center}.toast{max-width:100%;width:100%}}.toast{align-items:center;animation:slideInToast .3s cubic-bezier(.175,.885,.32,1.275) forwards;background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 20px #0003;display:flex;font-size:.95em;font-weight:500;gap:12px;max-width:320px;padding:12px 16px;pointer-events:auto}.toast-error{border-left:4px solid var(--danger)}.toast-success{border-left:4px solid var(--accent)}.toast-info{border-left:4px solid var(--text-secondary)}.toast-icon{align-items:center;display:flex;flex-shrink:0}.toast-message{flex:1 1;line-height:1.4}.toast-close{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.toast-close:hover{background:#ffffff26;color:var(--text-primary)}.light .toast-close{background:#0000000d}.light .toast-close:hover{background:#0000001a}@keyframes slideInToast{0%{opacity:0;transform:translateX(50px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.toast-container{left:50%;right:auto;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);width:min(420px,calc(100vw - 24px))}.toast{backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:15px;box-shadow:var(--shadow-lg);color:var(--text-primary);width:100%}.toast-success{border-color:color-mix(in srgb,var(--success) 30%,var(--border-color))}.toast-error{border-color:color-mix(in srgb,var(--danger) 32%,var(--border-color))}.toast-info{border-color:color-mix(in srgb,var(--info) 30%,var(--border-color))}
/*# sourceMappingURL=main.a1625b27.css.map*/