.sidebar{width:240px;height:100%;background-color:var(--color-primary-900);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:transform var(--transition-normal);box-shadow:var(--shadow-lg)}.sidebar.closed{transform:translate(-100%)}.sidebar-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);border-bottom:1px solid rgba(255,255,255,.1)}.logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.logo .primary{color:#fff}.logo .accent{color:var(--color-accent-500)}.close-sidebar{background:none;border:none;cursor:pointer;color:#fff9;display:none}.close-sidebar:hover{color:#fff}.sidebar-nav{flex:1;padding:var(--spacing-4) 0;overflow-y:auto}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:var(--spacing-1)}.sidebar-nav a{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);color:#ffffffb3;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);border-left:3px solid transparent;position:relative}.sidebar-nav a:hover{background-color:#ffffff1a;color:#fff}.sidebar-nav a.active{background-color:#ffffff26;color:#fff;border-left-color:var(--color-accent-500)}.alert-badge{position:absolute;right:var(--spacing-4);background-color:var(--color-error-500);color:#fff;font-size:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);padding:0 var(--spacing-1)}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid rgba(255,255,255,.1)}.fleet-status{background-color:#ffffff0d;border-radius:var(--border-radius-md);padding:var(--spacing-3)}.status-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);color:#ffffffe6}.status-bars{display:flex;flex-direction:column;gap:var(--spacing-2)}.status-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.status-label{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:#ffffffb3}.progress-bar{height:4px;background-color:#ffffff1a;border-radius:var(--border-radius-full);overflow:hidden}.progress{height:100%;border-radius:var(--border-radius-full)}@media (max-width: 768px){.sidebar{width:100%}.close-sidebar{display:block}}.app-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);background-color:var(--color-neutral-50);box-shadow:var(--shadow-sm);z-index:10}.header-left{display:flex;align-items:center;gap:var(--spacing-3)}.sidebar-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);color:var(--color-neutral-500);transition:color var(--transition-fast)}.sidebar-toggle:hover{color:var(--color-primary-700)}.header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.header-title .primary{color:var(--color-primary-700)}.header-title .accent{color:var(--color-accent-500)}.header-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.current-time{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-neutral-800)}.date-display{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.header-right{display:flex;align-items:center;gap:var(--spacing-4)}.notifications{position:relative}.notification-bell{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);color:var(--color-neutral-600);position:relative;transition:color var(--transition-fast)}.notification-bell:hover{color:var(--color-primary-700)}.notification-badge{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-error-500);color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;font-weight:var(--font-weight-medium)}.notification-dropdown{position:absolute;top:40px;right:0;width:320px;background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:100;animation:slideDown var(--transition-fast)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--color-neutral-200)}.notification-header h3{margin:0;font-size:var(--font-size-md)}.close-button{background:none;border:none;cursor:pointer;color:var(--color-neutral-500)}.notification-list{max-height:300px;overflow-y:auto}.notification-item{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-neutral-100);transition:background-color var(--transition-fast)}.notification-item:hover{background-color:var(--color-neutral-50)}.notification-item.severity-high{border-left:3px solid var(--color-error-500)}.notification-item.severity-medium{border-left:3px solid var(--color-warning-500)}.notification-item.severity-low{border-left:3px solid var(--color-primary-500)}.notification-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.notification-info{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs)}.severity-badge{padding:2px 6px;border-radius:var(--border-radius-sm);font-size:10px;text-transform:uppercase;font-weight:var(--font-weight-medium)}.severity-badge.high{background-color:var(--color-error-50);color:var(--color-error-500)}.severity-badge.medium{background-color:var(--color-warning-50);color:var(--color-warning-500)}.severity-badge.low{background-color:var(--color-primary-50);color:var(--color-primary-500)}.notification-time{color:var(--color-neutral-500)}.more-notifications{padding:var(--spacing-3) var(--spacing-4);text-align:center;font-size:var(--font-size-xs);color:var(--color-primary-500);font-weight:var(--font-weight-medium);cursor:pointer}.empty-notifications{padding:var(--spacing-6);text-align:center;color:var(--color-neutral-500)}.user-profile{position:relative;display:flex;align-items:center}.avatar-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-100);transition:border-color .2s}.avatar-button:hover .avatar{border-color:var(--color-primary-300)}.avatar-initials{width:36px;height:36px;border-radius:50%;background-color:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);font-size:var(--font-size-md);border:2px solid var(--color-primary-100);transition:background-color .2s}.avatar-button:hover .avatar-initials{background-color:var(--color-primary-600)}.user-dropdown-menu{position:absolute;top:45px;right:0;width:220px;background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:100;animation:slideDown var(--transition-fast)}.user-info{padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200)}.user-name-display{font-weight:var(--font-weight-medium);color:var(--color-neutral-800);margin-bottom:2px}.user-role{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.dropdown-divider{height:1px;background-color:var(--color-neutral-200);margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);width:100%;text-align:left;background:none;border:none;cursor:pointer;color:var(--color-neutral-700);transition:background-color .2s;font-size:var(--font-size-sm)}.dropdown-item:hover{background-color:var(--color-neutral-100)}.dropdown-item svg{color:var(--color-neutral-500)}.logout-item{color:var(--color-error-600)}.logout-item svg{color:var(--color-error-500)}@media (max-width: 768px){.app-header{padding:0 var(--spacing-4)}.header-center{display:none}.header-title{font-size:var(--font-size-lg)}.notification-dropdown{width:300px;right:-100px}}html,body,#root{overflow-x:visible!important;width:100%;box-sizing:border-box}.app-layout{display:flex;height:100vh;overflow-x:visible!important}.app-main{flex:1;display:flex;flex-direction:column;transition:margin-left var(--transition-normal);overflow-x:visible!important}.app-main.sidebar-open{margin-left:240px}.app-main.sidebar-closed{margin-left:0}.app-content{flex:1;overflow-y:auto;padding:var(--spacing-6);width:100%;box-sizing:border-box}.app-content .dashboard-container{margin-left:calc(-1 * var(--spacing-6));margin-right:calc(-1 * var(--spacing-6));margin-top:calc(-1 * var(--spacing-6));width:calc(100% + (2 * var(--spacing-6)));padding:var(--spacing-6);box-sizing:border-box}@media (max-width: 768px){.app-main.sidebar-open{margin-left:0}.app-content{padding:var(--spacing-4)}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.vehicle-card{display:flex;flex-direction:column;background-color:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer;height:100%;min-height:90px;width:100%;padding:14px;position:relative;border:1px solid var(--color-neutral-100)}.vehicle-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.vehicle-card.selected{border:2px solid var(--color-primary-500)}.vehicle-image-container{width:100px;position:relative;flex-shrink:0}.vehicle-image{width:100%;height:100%;object-fit:cover}.vehicle-status-indicator{width:10px;height:10px;border-radius:50%;border:1px solid white;flex-shrink:0;box-shadow:0 1px 3px #0003;margin-right:8px}.vehicle-card-content{display:flex;flex-direction:column;flex:1;margin-top:8px}.vehicle-card-header{display:flex;flex-direction:row;align-items:center;width:100%;margin-bottom:4px}.vehicle-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.vehicle-type-badge{font-size:10px;font-weight:var(--font-weight-medium);text-transform:uppercase;padding:2px 6px;border-radius:12px;background-color:var(--color-primary-50);color:var(--color-primary-700)}.vehicle-card-info{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.vehicle-info-item{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs)}.info-label{color:var(--color-neutral-500)}.vehicle-plate{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:0;font-weight:var(--font-weight-medium);background-color:var(--color-neutral-50);padding:4px 8px;border-radius:4px;display:inline-block;align-self:flex-start}.vehicle-speed{margin-top:8px;display:flex;align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);background-color:var(--color-primary-50);padding:3px 8px;border-radius:4px;align-self:flex-start}.info-value{font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}.fuel-bar-container{width:60px;height:4px;background-color:var(--color-neutral-200);border-radius:var(--border-radius-full);overflow:hidden}.fuel-bar{height:100%;transition:width var(--transition-normal),background-color var(--transition-normal)}@media (max-width: 640px){.vehicle-card{height:80px}.vehicle-image-container{width:80px}}.metrics-card{background-color:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-4);display:flex;align-items:flex-start;gap:var(--spacing-3);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.metrics-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metrics-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-neutral-50);border-radius:var(--border-radius-md);flex-shrink:0}.metrics-card-content{flex:1}.metrics-card-title{color:var(--color-neutral-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.metrics-card-value-container{display:flex;align-items:baseline;gap:var(--spacing-2)}.metrics-card-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);line-height:1.2}.metrics-card-percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.metrics-progress-container{height:4px;background-color:var(--color-neutral-100);border-radius:var(--border-radius-full);margin-top:var(--spacing-2);overflow:hidden}.metrics-progress-bar{height:100%;border-radius:var(--border-radius-full)}@media (max-width: 640px){.metrics-card{padding:var(--spacing-3)}.metrics-card-icon{width:36px;height:36px}.metrics-card-value{font-size:var(--font-size-lg)}}.dashboard-container{display:flex;flex-direction:column;gap:var(--spacing-6)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.dashboard-title{color:var(--color-neutral-900);margin-bottom:var(--spacing-1)}.dashboard-subtitle{color:var(--color-neutral-500);font-size:var(--font-size-sm)}.filter-controls{display:flex;gap:var(--spacing-2)}.filter-btn{padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-neutral-700);transition:all var(--transition-fast);cursor:pointer}.filter-btn:hover{background-color:var(--color-neutral-200)}.filter-btn.active{background-color:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.vehicle-tooltip .leaflet-tooltip{background-color:#ffffffe6;border:1px solid #4CAF50;border-radius:4px;box-shadow:0 2px 5px #0003;padding:4px 8px;font-family:var(--font-family-base);white-space:nowrap;pointer-events:none;z-index:1000!important}@media (max-width: 768px){.metrics-row{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.filter-controls{width:100%;overflow-x:auto;padding-bottom:var(--spacing-2);display:flex;flex-wrap:nowrap}.filter-btn{white-space:nowrap}.map-container{height:350px}}.dashboard-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.dashboard-layout{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-6)}@media (max-width: 1200px){.dashboard-layout{grid-template-columns:1fr}}@media (max-width: 576px){.section-header{flex-direction:column;align-items:flex-start}.search-container{width:100%;max-width:100%;margin-top:var(--spacing-2)}.vehicles-grid{grid-template-columns:1fr}}.map-section{display:flex;flex-direction:column}.map-container{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);height:500px;position:relative;border:1px solid var(--color-neutral-200)}.map-container .leaflet-container{height:100%;width:100%;z-index:1}.vehicles-section{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4);height:500px;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);flex-wrap:wrap;gap:var(--spacing-3)}.section-title{display:flex;align-items:center}.section-header h3{color:var(--color-neutral-900)}.vehicle-count{background-color:var(--color-primary-50);color:var(--color-primary-700);font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center}.vehicle-count:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--color-primary-500);border-radius:50%;margin-right:6px}.search-container{flex-grow:1;max-width:400px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--color-neutral-400)}.search-input{width:100%;padding:8px 12px 8px 40px;border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-neutral-900);background-color:#fff;transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary-300);box-shadow:0 0 0 3px var(--color-primary-100)}.clear-search{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--color-neutral-400);display:flex;align-items:center;justify-content:center;padding:0}.clear-search:hover{color:var(--color-neutral-600)}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3);overflow-y:auto;flex:1;margin-top:var(--spacing-4)}.view-more{margin-top:var(--spacing-4);display:flex;justify-content:center}.view-more-btn{background-color:transparent;border:1px solid var(--color-primary-200);color:var(--color-primary-700);padding:var(--spacing-2) var(--spacing-6);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none;display:inline-block}.view-more-btn:hover{background-color:var(--color-primary-50)}.vehicle-link{text-decoration:none;color:inherit;display:flex;height:100%}.no-vehicles-message{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--color-neutral-500);background-color:var(--color-neutral-50);border-radius:var(--border-radius-lg);min-height:200px}.no-vehicles-message svg{margin-bottom:var(--spacing-4);color:var(--color-neutral-400)}.no-vehicles-message p{margin-bottom:var(--spacing-4);font-size:var(--font-size-md)}.clear-search-btn{background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);color:var(--color-primary-700);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.clear-search-btn:hover{background-color:var(--color-primary-100)}.loading-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:var(--spacing-4);color:var(--color-neutral-500)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-neutral-200);border-top:3px solid var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.loading-card{background-color:var(--color-neutral-100);border-radius:var(--border-radius-md);height:80px;display:flex;overflow:hidden;animation:pulse-loading 1.5s infinite}.loading-image{width:80px;background-color:var(--color-neutral-200)}.loading-content{padding:var(--spacing-3);flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-2)}.loading-text{height:12px;background-color:var(--color-neutral-200);border-radius:var(--border-radius-sm);width:100%}.loading-text.short{width:60%}@keyframes pulse-loading{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@media (max-width: 1024px){.metrics-row{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.dashboard-content{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.filter-controls{width:100%;overflow-x:auto;padding-bottom:var(--spacing-2)}}@media (max-width: 640px){.vehicles-section{height:auto;min-height:300px}.map-section{height:350px}}.dashboard-container{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%;box-sizing:border-box}.vehicle-details-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.info-map-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);width:100%;flex:1;min-height:400px}.info-column{display:flex;flex-direction:column;height:100%}.map-column{height:100%;background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.no-gps-message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);color:var(--color-neutral-500);padding:var(--spacing-4);text-align:center}.no-gps-message svg{width:48px;height:48px;color:var(--color-neutral-400)}.no-gps-message p{font-size:var(--font-size-sm);margin:0}@media (max-width: 768px){.info-map-row{grid-template-columns:1fr}.map-column{min-height:250px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:var(--spacing-4)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-neutral-200);border-top:4px solid var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:var(--spacing-4);text-align:center;padding:var(--spacing-6)}.error-icon{width:48px;height:48px;color:var(--color-error-500)}.error-container p{color:var(--color-neutral-700);margin-bottom:var(--spacing-4)}.error-container .back-button{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-neutral-100);color:var(--color-neutral-700);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .2s}.error-container .back-button:hover{background-color:var(--color-neutral-200)}@media (max-width: 768px){.vehicle-details-container{padding:var(--spacing-4)}}.vehicle-map-container{display:flex;flex-direction:column;height:100%;background-color:#fff;border-radius:var(--border-radius-lg);overflow:hidden}.map-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-neutral-200)}.map-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);margin:0}.map-coordinates{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.coordinate-label{font-weight:var(--font-weight-medium);color:var(--color-neutral-700);margin-left:var(--spacing-2)}.map-wrapper{flex:1;min-height:350px;height:100%}.leaflet-popup-content{font-size:var(--font-size-sm);line-height:1.5}.leaflet-popup-content strong{color:var(--color-primary-700)}@media (max-width: 768px){.map-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}}.telemetry-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--spacing-4);width:100%}.telemetry-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-neutral-200)}.telemetry-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0}.telemetry-timestamp{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3);padding:var(--spacing-4)}.telemetry-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--border-radius-md);background-color:var(--color-neutral-50);transition:transform .2s,box-shadow .2s}.telemetry-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.telemetry-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);background-color:var(--color-primary-100);color:var(--color-primary-700)}.telemetry-icon svg{width:24px;height:24px}.telemetry-data{display:flex;flex-direction:column;gap:var(--spacing-1)}.telemetry-label{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.telemetry-value{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}.temp-green{color:var(--color-success-600)}.temp-orange{color:var(--color-warning-600)}.temp-red{color:var(--color-error-600)}.battery-green{color:var(--color-success-600)}.battery-orange{color:var(--color-warning-600)}.battery-red{color:var(--color-error-600)}.battery-gray{color:var(--color-neutral-500)}.fuel-gauge{width:100%;height:14px;background-color:var(--color-neutral-200);border-radius:var(--border-radius-full);overflow:hidden;position:relative;margin-top:var(--spacing-1)}.fuel-bar{height:100%;background-color:var(--color-primary-500);border-radius:var(--border-radius-full);transition:width .3s ease}.fuel-percentage{position:absolute;left:50%;transform:translate(-50%);top:-2px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.speed-icon{background-color:var(--color-primary-100);color:var(--color-primary-700)}.rpm-icon{background-color:var(--color-warning-100);color:var(--color-warning-700)}.temperature-icon{background-color:var(--color-error-100);color:var(--color-error-700)}.fuel-icon{background-color:var(--color-success-100);color:var(--color-success-700)}.odometer-icon{background-color:var(--color-info-100);color:var(--color-info-700)}.battery-icon{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}@media (max-width: 768px){.telemetry-grid{grid-template-columns:1fr}}.telemetry-chart-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--spacing-4);width:100%}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-neutral-200);flex-wrap:wrap;gap:var(--spacing-3)}.chart-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0}.chart-controls{display:flex;gap:var(--spacing-3)}.select-container{position:relative}.select-container:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-neutral-500);pointer-events:none}.metric-select,.time-select{padding:var(--spacing-2) var(--spacing-4);padding-right:var(--spacing-8);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-md);background-color:#fff;font-size:var(--font-size-sm);color:var(--color-neutral-800);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s}.metric-select:hover,.time-select:hover{border-color:var(--color-primary-400)}.metric-select:focus,.time-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px #3b82f61a}.chart-wrapper{height:350px}.chart-container{height:350px;padding:var(--spacing-6);position:relative}.chart-loading,.chart-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fffc;z-index:10}.chart-spinner{width:40px;height:40px;border:4px solid var(--color-neutral-200);border-top:4px solid var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-3)}.chart-error{color:var(--color-error-600)}.custom-tooltip{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-3);border:1px solid var(--color-neutral-200)}.tooltip-time{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin-bottom:var(--spacing-1)}.tooltip-value{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}@media (max-width: 768px){.chart-header{flex-direction:column;align-items:flex-start}.chart-container{height:250px;padding:var(--spacing-3)}}.refresh-control{background-color:#fff;border-radius:var(--border-radius-md);padding:var(--spacing-3) var(--spacing-4);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4);border:1px solid var(--color-neutral-200);width:100%}.refresh-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-3)}.last-update{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.update-label{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.update-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-800)}.update-ago{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.refresh-actions{display:flex;align-items:center;gap:var(--spacing-3)}.refresh-now-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.refresh-now-btn:hover{background-color:var(--color-primary-100)}.refresh-now-btn svg{transition:transform .3s ease}.refresh-now-btn:hover svg{transform:rotate(180deg)}.auto-refresh-toggle{display:flex;align-items:center;gap:var(--spacing-2)}.toggle-label{font-size:var(--font-size-sm);color:var(--color-neutral-700)}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-neutral-300);transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--color-primary-500)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--color-primary-500)}input:checked+.toggle-slider:before{transform:translate(16px)}.interval-selector select{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-md);background-color:#fff;font-size:var(--font-size-sm);color:var(--color-neutral-700);cursor:pointer}.interval-selector select:disabled{background-color:var(--color-neutral-100);color:var(--color-neutral-400);cursor:not-allowed}@media (max-width: 768px){.refresh-info{flex-direction:column;align-items:flex-start}.refresh-actions{width:100%;justify-content:space-between}}.vehicle-info-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:0;height:100%;display:flex;flex-direction:column;transition:all .3s ease;border:1px solid var(--color-neutral-200)}.vehicle-info-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.vehicle-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-neutral-100);background-color:var(--color-neutral-50)}.vehicle-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin:0 0 var(--spacing-1) 0;line-height:1.3;display:flex;align-items:center;gap:var(--spacing-2)}.vehicle-subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:0;display:flex;align-items:center;gap:var(--spacing-2)}.vehicle-subtitle:before{content:"";display:inline-block;width:4px;height:4px;background-color:var(--color-neutral-400);border-radius:50%}.vehicle-year{font-weight:var(--font-weight-normal);color:var(--color-neutral-500);font-size:.85em;margin-left:.25em}.vehicle-actions{display:flex;gap:var(--spacing-2);flex-shrink:0;margin-left:var(--spacing-4)}.edit-button,.back-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap;line-height:1.2}.edit-button{background-color:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-100)}.edit-button:hover{background-color:var(--color-primary-100);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.edit-button:active{transform:translateY(0)}.back-button{background-color:#fff;color:var(--color-neutral-700);border-color:var(--color-neutral-200)}.back-button:hover{background-color:var(--color-neutral-50);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.back-button:active{transform:translateY(0)}.vehicle-content{padding:var(--spacing-5) var(--spacing-6);flex:1;display:flex;flex-direction:column}.vehicle-image-container{position:relative;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.vehicle-image{width:100%;height:200px;object-fit:cover}.vehicle-status-indicator{position:absolute;top:var(--spacing-3);right:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff}.vehicle-status-indicator.active{background-color:var(--color-success-500)}.vehicle-status-indicator.inactive{background-color:var(--color-neutral-500)}.vehicle-status-indicator.maintenance{background-color:var(--color-warning-500)}.vehicle-info-details{display:flex;flex-direction:column;gap:var(--spacing-6)}.info-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);margin:0;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-neutral-200)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4) var(--spacing-5);margin-top:var(--spacing-1)}@media (max-width: 768px){.info-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.info-grid{grid-template-columns:1fr}.vehicle-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.vehicle-actions{width:100%;margin-left:0;justify-content:flex-start}}.status-badge-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px dashed var(--color-neutral-200)}.last-update{font-size:var(--font-size-xs);color:var(--color-neutral-500);font-style:italic}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 2px #0000000d}.status-badge.active{background-color:var(--color-success-500)}.status-badge.inactive{background-color:var(--color-neutral-500)}.status-badge.maintenance,.status-badge.in_repair{background-color:var(--color-warning-500)}.status-badge.offline{background-color:var(--color-error-500)}.info-group{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-neutral-50);border-radius:var(--border-radius-md);border:1px solid var(--color-neutral-100);transition:all .2s ease}.info-group:hover{background-color:#fff;box-shadow:0 2px 4px #00000008;border-color:var(--color-neutral-200)}.info-label{font-size:var(--font-size-xs);color:var(--color-neutral-600);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-1)}.info-label:before{content:"";display:inline-block;width:4px;height:4px;background-color:var(--color-neutral-400);border-radius:50%;margin-right:4px}.info-value{font-size:var(--font-size-sm);color:var(--color-neutral-900);line-height:1.4;word-break:break-word;padding-left:var(--spacing-3)}.info-value.highlight{font-weight:var(--font-weight-semibold);color:var(--color-primary-700);font-size:var(--font-size-md)}.phone-link{color:var(--color-primary-600);text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-1)}.phone-link:hover{color:var(--color-primary-800);text-decoration:underline}.phone-link:before{content:"📞";font-size:1em;margin-right:2px}.status-value{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.status-value.active{background-color:var(--color-success-100);color:var(--color-success-800)}.status-value.inactive{background-color:var(--color-neutral-100);color:var(--color-neutral-800)}.status-value.maintenance{background-color:var(--color-warning-100);color:var(--color-warning-800)}.vehicle-description{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-neutral-700);margin:0}@media (max-width: 768px){.vehicle-content{grid-template-columns:1fr}.vehicle-image-container{max-width:100%;margin-bottom:var(--spacing-4)}.vehicle-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.vehicle-actions{width:100%;justify-content:flex-end}.info-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.vehicles-page{padding:20px;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{margin:0;color:#333;font-size:28px}.add-button{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.add-button:hover{background-color:#45a049}.add-button span{font-size:18px;margin-right:6px}.filters-container{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px;background-color:#f5f5f5;border-radius:8px}.search-box{flex:1;min-width:250px;position:relative}.search-box input{width:100%;padding:10px 36px 10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;font-size:18px;cursor:pointer}.filter-controls{display:flex;gap:12px}.filter-select{padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;min-width:150px}.vehicles-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.vehicles-table{width:100%;border-collapse:collapse;background-color:#fff}.vehicles-table th,.vehicles-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.vehicles-table th{background-color:#f8f8f8;font-weight:600;color:#555}.vehicles-table tr:hover{background-color:#f9f9f9}.actions-cell{display:flex;gap:8px}.action-button{background:none;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;text-decoration:none}.view-button:hover{background-color:#e3f2fd}.edit-button:hover{background-color:#fff8e1}.delete-button:hover{background-color:#ffebee}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-active{background-color:#e8f5e9;color:#2e7d32}.status-inactive{background-color:#f5f5f5;color:#757575}.status-maintenance{background-color:#fff8e1;color:#f57f17}.status-unknown{background-color:#f5f5f5;color:#757575}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:24px;border-radius:8px;width:100%;max-width:400px;box-shadow:0 4px 12px #00000026}.modal-content h3{margin-top:0;color:#333}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-button{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer}.confirm-button{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-container{display:flex;flex-direction:column;align-items:center;padding:40px;text-align:center;color:#d32f2f}.error-icon{font-size:32px;margin-bottom:16px}.retry-button{margin-top:16px;padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer}.no-results{text-align:center;padding:40px;background-color:#f9f9f9;border-radius:8px}.clear-filters-button{margin-top:16px;padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer}.vehicle-form-container{max-width:800px;margin:0 auto;padding:24px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.form-header h1{margin:0;color:#333;font-size:28px}.back-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#e0e0e0}.vehicle-form{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-row.full-width{flex-direction:column}@media (max-width: 768px){.form-row{flex-direction:column;gap:12px}}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:500;color:#555}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.form-group textarea{resize:vertical;min-height:100px}.input-error{border-color:#f44336!important}.error-text{color:#f44336;font-size:12px;margin-top:4px}.form-error-message{background-color:#ffebee;color:#d32f2f;padding:12px 16px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center}.error-icon{margin-right:8px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.cancel-button{padding:10px 20px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer}.submit-button{padding:10px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:150px}.submit-button:hover{background-color:#1976d2}.submit-button:disabled{background-color:#90caf9;cursor:not-allowed}.spinner-small{border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;margin-right:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tab-navigation{display:flex;margin-bottom:20px;border-bottom:1px solid #ccc}.tab-button{padding:10px 20px;cursor:pointer;border:none;background-color:transparent;font-size:1em;color:#555;border-bottom:3px solid transparent;margin-bottom:-1px}.tab-button.active{color:var(--color-primary-500, #007bff);border-bottom-color:var(--color-primary-500, #007bff);font-weight:700}.tab-button:disabled{color:#aaa;cursor:not-allowed;border-bottom-color:transparent}.sensor-config-tab-content{padding:15px;border:1px solid #eee;border-radius:5px;background-color:#fdfdfd}.sensor-config-list{display:flex;flex-direction:column;gap:20px}.sensor-config-item{border:1px solid #e0e0e0;padding:15px;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000000d}.sensor-config-item h4{margin-top:0;margin-bottom:10px;color:#333;font-size:1.1em}.sensor-config-item .form-group label{font-weight:400;font-size:.9em}.sensor-config-item .form-group input[type=text],.sensor-config-item .form-group input[type=number]{font-size:.95em;padding:8px}.sensor-config-item .checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sensor-config-item .checkbox-group input[type=checkbox]{width:auto;margin-right:5px}.sensor-config-item .checkbox-group label{margin-bottom:0;font-weight:400}.sensor-config-item details{margin-top:10px;border:1px dashed #ccc;padding:10px;border-radius:4px}.sensor-config-item details summary{cursor:pointer;font-weight:700;color:var(--color-primary-500, #007bff);margin-bottom:10px}.sensor-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sensor-details.inactive{opacity:.6;pointer-events:none}.sensor-details.inactive input,.sensor-details.inactive select,.sensor-details.inactive textarea,.sensor-details.inactive details summary{background-color:#f0f0f0}.thresholds-details summary:after{content:" (click para expandir)";font-size:.8em;font-weight:400;color:#777}.thresholds-details[open] summary:after{content:" (click para colapsar)"}.loading-spinner.small{width:20px;height:20px;border-width:3px}.sensor-save-button{background-color:var(--color-success-500, #28a745)}.sensor-save-button:hover{background-color:var(--color-success-600, #218838)}.analytics-container{padding:1.5rem;max-width:1400px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.analytics-header h1{font-size:1.8rem;color:#2d3748;margin:0}.controls{display:flex;gap:1.5rem;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;color:#4a5568;font-weight:500}.form-control{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.95rem;color:#2d3748;background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133}.tabs{display:flex;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;gap:.5rem}.tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:#4a5568;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.tab:hover{color:#2b6cb0}.tab.active{color:#2b6cb0;border-bottom-color:#2b6cb0}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.card h3{font-size:1rem;color:#4a5568;margin-top:0;margin-bottom:1rem;font-weight:500}.summary-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.summary-card .value{font-size:2rem;font-weight:700;color:#2d3748;line-height:1.2}.status-distribution{grid-column:1 / -1}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:.375rem}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-dot.moving{background-color:#48bb78}.status-dot.idle{background-color:#ecc94b}.status-dot.offline{background-color:#e53e3e}.chart-container{grid-column:1 / -1;min-height:300px}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;background:#f8fafc;border-radius:.375rem;padding:1.5rem;color:#718096}.chart-labels{display:flex;justify-content:space-between;width:100%;margin-top:1rem;padding:0 1rem}.chart-label{font-size:.75rem;color:#718096}.fuel-consumption{display:flex;flex-direction:column;gap:.75rem;width:100%}.fuel-bar-container{width:100%}.fuel-bar{height:24px;background:#4299e1;border-radius:.25rem;margin-bottom:.25rem;min-width:2rem;transition:width .5s ease-in-out}.fuel-label{display:flex;justify-content:space-between;font-size:.875rem;color:#4a5568}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#718096;font-size:1.1rem}@media (max-width: 1024px){.overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.overview-grid{grid-template-columns:1fr}.controls{flex-direction:column;width:100%}.form-group{width:100%}.tabs{overflow-x:auto;padding-bottom:.5rem}.tab{white-space:nowrap;padding:.5rem 1rem}}@media (max-width: 640px){.chart-wrapper{height:200px}.speed-stats{flex-direction:column;gap:var(--spacing-3);align-items:center}}.alerts-container{display:flex;flex-direction:column;gap:var(--spacing-6)}.alerts-header{display:flex;justify-content:space-between;align-items:center}.alerts-title{color:var(--color-neutral-900);margin-bottom:var(--spacing-1)}.alerts-summary{display:flex;gap:var(--spacing-4)}.alert-count{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm)}.alert-dot{width:8px;height:8px;border-radius:50%}.alert-count.high .alert-dot{background-color:var(--color-error-500)}.alert-count.medium .alert-dot{background-color:var(--color-warning-500)}.alert-count.low .alert-dot{background-color:var(--color-primary-500)}.alert-label{color:var(--color-neutral-600)}.alert-number{font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.filter-tabs{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--color-neutral-200)}.filter-tab{padding:var(--spacing-2) var(--spacing-4);border:none;background:none;font-size:var(--font-size-sm);color:var(--color-neutral-600);cursor:pointer;transition:color var(--transition-fast);position:relative}.filter-tab:hover{color:var(--color-primary-600)}.filter-tab.active{color:var(--color-primary-700);font-weight:var(--font-weight-medium)}.filter-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-primary-500)}.alerts-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.alert-card{display:flex;background-color:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);animation:fadeIn var(--transition-normal);border-left:4px solid var(--color-neutral-300);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.alert-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.alert-card.severity-high{border-left-color:var(--color-error-500)}.alert-card.severity-medium{border-left-color:var(--color-warning-500)}.alert-card.severity-low{border-left-color:var(--color-primary-500)}.alert-icon{display:flex;align-items:center;justify-content:center;width:60px;background-color:var(--color-neutral-50);color:var(--color-neutral-600)}.severity-high .alert-icon{color:var(--color-error-600);background-color:var(--color-error-50)}.severity-medium .alert-icon{color:var(--color-warning-600);background-color:var(--color-warning-50)}.severity-low .alert-icon{color:var(--color-primary-600);background-color:var(--color-primary-50)}.alert-content{flex:1;padding:var(--spacing-4)}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.alert-title{font-size:var(--font-size-md);color:var(--color-neutral-900);margin:0}.alert-severity{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.alert-severity.high{background-color:var(--color-error-50);color:var(--color-error-700)}.alert-severity.medium{background-color:var(--color-warning-50);color:var(--color-warning-700)}.alert-severity.low{background-color:var(--color-primary-50);color:var(--color-primary-700)}.alert-vehicle-info{display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.vehicle-details{display:flex;gap:var(--spacing-2)}.vehicle-name{font-weight:var(--font-weight-medium);color:var(--color-neutral-800);font-size:var(--font-size-sm)}.vehicle-type{font-size:var(--font-size-xs);color:var(--color-neutral-500);text-transform:capitalize;padding:2px 6px;background-color:var(--color-neutral-100);border-radius:var(--border-radius-full)}.alert-time{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.alert-message{margin-bottom:var(--spacing-3);color:var(--color-neutral-700);font-size:var(--font-size-sm)}.alert-actions{display:flex;gap:var(--spacing-2)}.view-vehicle-btn,.clear-alert-btn{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.view-vehicle-btn{background-color:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200)}.view-vehicle-btn:hover{background-color:var(--color-primary-100)}.clear-alert-btn{background-color:var(--color-neutral-50);color:var(--color-neutral-700);border:1px solid var(--color-neutral-200)}.clear-alert-btn:hover{background-color:var(--color-neutral-100)}.empty-alerts{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8);color:var(--color-neutral-500);background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.alerts-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.filter-tabs{overflow-x:auto;width:100%;padding-bottom:var(--spacing-2)}.alert-actions{flex-direction:column}}@media (max-width: 640px){.alert-card{flex-direction:column}.alert-icon{width:auto;height:40px}.alert-vehicle-info{flex-direction:column;gap:var(--spacing-1)}.alert-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.alert-severity{align-self:flex-start}}.settings-container{display:flex;flex-direction:column;gap:var(--spacing-6)}.settings-title{color:var(--color-neutral-900);margin-bottom:var(--spacing-3)}.settings-wrapper{display:flex;gap:var(--spacing-6);background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.settings-sidebar{width:240px;border-right:1px solid var(--color-neutral-200);padding:var(--spacing-4) 0;flex-shrink:0}.settings-tab{display:block;width:100%;padding:var(--spacing-3) var(--spacing-4);text-align:left;background:none;border:none;color:var(--color-neutral-700);font-size:var(--font-size-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);position:relative}.settings-tab:hover{background-color:var(--color-neutral-100);color:var(--color-primary-600)}.settings-tab.active{background-color:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-medium)}.settings-tab.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--color-primary-500)}.settings-content{flex:1;padding:var(--spacing-6)}.settings-panel{animation:fadeIn var(--transition-normal)}.panel-title{font-size:var(--font-size-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-6)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.switch-group{flex-direction:row;justify-content:space-between;align-items:center}.switch-label{display:flex;flex-direction:column;gap:var(--spacing-1)}.setting-description{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.form-group label{font-weight:var(--font-weight-medium);color:var(--color-neutral-800)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select{padding:var(--spacing-3);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-md);font-size:var(--font-size-md);color:var(--color-neutral-900);background-color:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group select{cursor:pointer}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 2px #3b59b333}.radio-group{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-1)}.radio-label{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-regular);cursor:pointer}.section-title{font-size:var(--font-size-lg);color:var(--color-neutral-800);margin-top:var(--spacing-4);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-neutral-200)}.form-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.save-button{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary-500);color:#fff;border:none;border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.save-button:hover{background-color:var(--color-primary-600)}.cancel-button{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-neutral-100);color:var(--color-neutral-700);border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.cancel-button:hover{background-color:var(--color-neutral-200)}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.switch{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-neutral-300);transition:.4s;border-radius:34px}.switch:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.switch{background-color:var(--color-primary-500)}input:focus+.switch{box-shadow:0 0 1px var(--color-primary-500)}input:checked+.switch:before{transform:translate(26px)}.theme-options,.layout-options{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-2)}.theme-option,.layout-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);cursor:pointer}.theme-preview,.layout-preview{width:80px;height:60px;border-radius:var(--border-radius-md);border:2px solid transparent;overflow:hidden;position:relative}.theme-option.selected .theme-preview,.layout-option.selected .layout-preview{border-color:var(--color-primary-500)}.theme-preview.light{background-color:#fff;border:1px solid var(--color-neutral-200)}.theme-preview.light:after{content:"";position:absolute;top:10px;left:10px;right:10px;height:10px;background-color:var(--color-neutral-200);border-radius:var(--border-radius-sm)}.theme-preview.dark{background-color:#1a1a1a;border:1px solid #333}.theme-preview.dark:after{content:"";position:absolute;top:10px;left:10px;right:10px;height:10px;background-color:#444;border-radius:var(--border-radius-sm)}.theme-preview.system{background:linear-gradient(to right,#fff 50%,#1a1a1a 50%);border:1px solid var(--color-neutral-200)}.layout-preview.default,.layout-preview.compact,.layout-preview.expanded{background-color:#f8f9fa;border:1px solid var(--color-neutral-200)}.layout-preview.default:before{content:"";position:absolute;top:0;left:0;width:20px;height:100%;background-color:var(--color-primary-900)}.layout-preview.compact:before{content:"";position:absolute;top:0;left:0;width:10px;height:100%;background-color:var(--color-primary-900)}.layout-preview.expanded:before{content:"";position:absolute;top:0;left:0;width:30px;height:100%;background-color:var(--color-primary-900)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.settings-wrapper{flex-direction:column}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-neutral-200);padding:0;display:flex;overflow-x:auto}.settings-tab{padding:var(--spacing-3) var(--spacing-4);white-space:nowrap;width:auto}.settings-tab.active:before{width:100%;height:3px;top:auto;bottom:0;left:0}.theme-options,.layout-options{overflow-x:auto;padding-bottom:var(--spacing-2)}}@media (max-width: 640px){.settings-content{padding:var(--spacing-4)}.switch-group{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.toggle-switch{align-self:flex-start}.form-actions{flex-direction:column;width:100%}.save-button,.cancel-button{width:100%}.radio-group{flex-direction:column;gap:var(--spacing-2)}}.not-found-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-6)}.not-found-content{text-align:center;max-width:600px}.not-found-title{display:flex;flex-direction:column;margin-bottom:var(--spacing-6);line-height:1.2}.error-code{font-size:6rem;font-weight:var(--font-weight-semibold);color:var(--color-primary-500);margin-bottom:var(--spacing-3)}.error-message{font-size:var(--font-size-2xl);color:var(--color-neutral-900)}.not-found-description{font-size:var(--font-size-lg);color:var(--color-neutral-600);margin-bottom:var(--spacing-6)}.not-found-actions{display:flex;justify-content:center}.return-button{display:inline-block;padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary-500);color:#fff;border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast);text-decoration:none}.return-button:hover{background-color:var(--color-primary-600);color:#fff}@media (max-width: 640px){.error-code{font-size:4rem}.error-message{font-size:var(--font-size-xl)}.not-found-description{font-size:var(--font-size-md)}}.driver-page-container{padding:20px;max-width:1000px;margin:0 auto}.driver-page-container h2{text-align:center;margin-bottom:20px;color:#333}.add-driver-button{display:inline-block;margin-bottom:20px;padding:10px 15px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;font-size:1em}.add-driver-button:hover{background-color:#0056b3}.drivers-table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 2px 4px #0000001a}.drivers-table th,.drivers-table td{border:1px solid #ddd;padding:12px;text-align:left}.drivers-table th{background-color:#f8f9fa;color:#333;font-weight:700}.drivers-table tbody tr:nth-child(2n){background-color:#f2f2f2}.drivers-table tbody tr:hover{background-color:#e9ecef}.drivers-table .btn{margin-right:5px;padding:6px 10px;font-size:.9em}.drivers-table .btn-secondary{background-color:#6c757d;color:#fff}.drivers-table .btn-secondary:hover{background-color:#5a6268}.drivers-table .btn-danger{background-color:#dc3545;color:#fff}.drivers-table .btn-danger:hover{background-color:#c82333}.error-message{color:red;text-align:center;padding:10px;border:1px solid red;background-color:#ffebeb;border-radius:5px}.driver-form-container{max-width:600px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a}.driver-form-container h2{text-align:center;margin-bottom:25px;color:#333}.driver-form .form-group{margin-bottom:20px}.driver-form .form-group label{display:block;margin-bottom:8px;font-weight:700;color:#555}.driver-form .form-group input[type=text],.driver-form .form-group input[type=email]{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em}.driver-form .form-group input[type=text]:focus,.driver-form .form-group input[type=email]:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 .2rem #007bff40}.driver-form .input-error{border-color:#dc3545!important}.driver-form .error-text{display:block;color:#dc3545;font-size:.875em;margin-top:5px}.driver-form .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.driver-form .btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1em;font-weight:700}.driver-form .btn-primary{background-color:#007bff;color:#fff}.driver-form .btn-primary:hover{background-color:#0056b3}.driver-form .btn-primary:disabled{background-color:#a0cfff;cursor:not-allowed}.driver-form .btn-secondary{background-color:#6c757d;color:#fff}.driver-form .btn-secondary:hover{background-color:#5a6268}.driver-form .btn-secondary:disabled{background-color:#adb5bd;cursor:not-allowed}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:1}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}body{min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-primary-50: #e6edf7;--color-primary-100: #c5d5ec;--color-primary-200: #9fb6de;--color-primary-300: #7490cf;--color-primary-400: #5271c1;--color-primary-500: #3b59b3;--color-primary-600: #304492;--color-primary-700: #25326e;--color-primary-800: #1a214b;--color-primary-900: #0a2342;--color-secondary-50: #e6f7f4;--color-secondary-100: #c4ede7;--color-secondary-200: #a0e1d9;--color-secondary-300: #79d4ca;--color-secondary-400: #4fc6b9;--color-secondary-500: #2ca58d;--color-secondary-600: #24846f;--color-secondary-700: #1b6353;--color-secondary-800: #124237;--color-secondary-900: #09211b;--color-accent-50: #fff3e6;--color-accent-100: #fee2c7;--color-accent-200: #fdc9a3;--color-accent-300: #fba97a;--color-accent-400: #f98c4e;--color-accent-500: #f26419;--color-accent-600: #d54e11;--color-accent-700: #a93c0d;--color-accent-800: #7c2908;--color-accent-900: #4f1904;--color-success-50: #ecfdf5;--color-success-500: #10b981;--color-success-900: #064e3b;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-900: #78350f;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-900: #7f1d1d;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-full: 9999px;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;padding:0;margin:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}body{margin:0;font-family:var(--font-family);color:var(--color-neutral-800);background-color:var(--color-neutral-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{line-height:var(--line-height-normal);margin:0}a{color:var(--color-primary-500);text-decoration:none}a:hover{color:var(--color-primary-700)}button{cursor:pointer;font-family:var(--font-family);border:none;background:none;padding:0}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full)}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-900)}.badge-secondary{background-color:var(--color-secondary-100);color:var(--color-secondary-900)}.badge-accent{background-color:var(--color-accent-100);color:var(--color-accent-900)}.badge-success{background-color:var(--color-success-50);color:var(--color-success-900)}.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-900)}.badge-error{background-color:var(--color-error-50);color:var(--color-error-900)}.fade-in{animation:fadeIn var(--transition-normal) ease-in-out}.slide-in{animation:slideIn var(--transition-normal) ease-in-out}.pulse{animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 640px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}.container{padding:0 var(--spacing-2)}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f4f8;background-image:linear-gradient(135deg,#1a365d,#2563eb);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:1}.login-container{width:100%;max-width:420px;padding:2.5rem;background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;position:relative;z-index:2;animation:fadeIn .6s ease-out;color:#1a202c;margin:1rem;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom,#3b82f6,#1d4ed8)}.login-logo{text-align:center;margin-bottom:2.5rem;font-size:2.25rem;font-weight:800;letter-spacing:-.5px;position:relative;display:inline-block;width:100%}.login-logo:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:4px}.logo-primary{color:#1e40af;text-shadow:0 1px 2px rgba(0,0,0,.05)}.logo-secondary{color:#3b82f6;text-shadow:0 1px 2px rgba(0,0,0,.05)}.login-form{display:flex;flex-direction:column;gap:1.75rem}.login-form h2{text-align:center;margin-bottom:1.75rem;color:#1a202c;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;position:relative;display:inline-block}.login-form h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:3px;background:#e2e8f0;border-radius:2px}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative;margin-bottom:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:#4b5563;margin-bottom:.25rem;display:flex;align-items:center}.form-group label:before{content:"";display:inline-block;width:4px;height:4px;background-color:#3b82f6;border-radius:50%;margin-right:.5rem}.form-group input{padding:.9rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;color:#1e293b;font-size:1rem;transition:all .2s ease;width:100%;box-sizing:border-box}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none;background-color:#fff}.form-group input::placeholder{color:#94a3b8;font-size:.9rem}.form-hint{font-size:.75rem;color:#64748b;margin-top:.25rem;padding-left:.5rem}.btn-primary{padding:1rem 1.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;position:relative;overflow:hidden;box-shadow:0 4px 6px #2563eb40;width:100%;display:flex;justify-content:center;align-items:center;height:3.25rem}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 12px #2563eb4d}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0);background-color:#1e40af}.btn-primary:disabled{background-color:#93c5fd;cursor:not-allowed;box-shadow:none;transform:none}.btn-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:.75rem;vertical-align:middle}.login-error{padding:1rem 1rem 1rem 1.25rem;background-color:#ef44440d;border-left:4px solid #ef4444;border-radius:8px;color:#b91c1c;font-size:.875rem;font-weight:500;margin-top:1rem;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;display:flex;align-items:center}.login-error:before{content:"⚠️";margin-right:.75rem;font-size:1rem}.login-success{padding:2rem 1.5rem;background-color:#10b9810d;border-radius:12px;color:#047857;font-size:1rem;font-weight:500;margin:1rem 0 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;animation:fadeIn .5s ease-out;border:1px solid rgba(16,185,129,.2)}.success-icon{width:64px;height:64px;color:#10b981;margin-bottom:1.25rem;animation:scaleIn .5s ease-out}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.login-links{margin-top:2rem;text-align:center;font-size:.95rem;color:#64748b;position:relative;padding-top:1.5rem}.login-links:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent)}.login-links a{color:#2563eb;text-decoration:none;font-weight:600;margin-left:.5rem;transition:all .2s ease;position:relative;display:inline-block}.login-links a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-2px;left:0;background-color:#2563eb;transform-origin:bottom right;transition:transform .3s ease-out}.login-links a:hover:after{transform:scaleX(1);transform-origin:bottom left}.login-links a:hover{color:#1d4ed8}.auth-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f8fafc;color:#1e293b}.loading-spinner{width:40px;height:40px;border:3px solid rgba(37,99,235,.2);border-radius:50%;border-top-color:#2563eb;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 640px){.login-container{padding:2rem 1.5rem;margin:1rem;max-width:100%}.login-logo{font-size:2rem}.btn-primary{padding:.9rem 1.25rem}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}