@import url(https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&display=swap);:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-page);color:var(--text-primary);font-family:Onest,system-ui,-apple-system,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 20px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.btn{display:inline-block;font-size:.9rem;text-align:center}.btn-secondary{background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-success{background-color:#28a745}.btn-success:hover:not(:disabled){background-color:#1e7e34}.btn-danger{background-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background-color:#e0a800}.btn-sm{font-size:.8rem}.btn-lg{font-size:1.1rem;padding:.75rem 1.5rem}.form-group{margin-bottom:1rem}.form-control{background-color:var(--bg-primary);border-radius:10px;color:var(--text-primary);font-size:.9rem;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-control:focus{box-shadow:0 0 0 3px #10b9812e}.form-control.is-invalid{border-color:#dc3545}.form-control.is-valid{border-color:#28a745}.invalid-feedback{color:#dc3545}.invalid-feedback,.valid-feedback{display:block;font-size:.8rem;margin-top:.25rem;width:100%}.valid-feedback{color:#28a745}.card{border-radius:14px;border-radius:var(--radius-lg,14px);overflow:hidden}.card-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem}.card-body{padding:1rem}.card-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:1rem}.table{margin-bottom:1rem}.table td,.table th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.table th{background-color:var(--bg-secondary);color:var(--text-secondary)}.table-striped tbody tr:nth-of-type(odd){background-color:#0000000d}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.alert{border-radius:4px;margin-bottom:1rem}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.badge{border-radius:.25rem;display:inline-block;font-weight:700;line-height:1;text-align:center;vertical-align:initial}.badge-primary{background-color:var(--color-primary)}.badge-secondary{background-color:var(--color-secondary)}.badge-success{background-color:var(--color-success)}.badge-danger{background-color:var(--color-danger)}.badge-warning{background-color:#ffc107;color:#212529}.badge-info{background-color:var(--color-info)}.badge-light{background-color:#f8f9fa;color:#212529}.badge-dark{background-color:#343a40;color:#fff}.status-online{color:var(--color-success)}.status-offline{color:var(--color-danger)}.status-maintenance{color:#ffc107}.status-active{color:var(--color-success)}.status-inactive{color:#6c757d}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@media (max-width:768px){.container{padding:0 10px}.table{font-size:.8rem}.table td,.table th{padding:.5rem}.btn{font-size:.8rem;padding:.4rem .8rem}}.map-container{border-radius:8px;height:400px;overflow:hidden;width:100%}.map-container.large{height:600px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}:root{--color-primary:#059669;--color-primary-dark:#047857;--color-primary-light:#34d399;--color-secondary:#8d877d;--color-secondary-dark:#6e6a62;--color-success:#059669;--color-success-light:#10b981;--color-warning:#e0a52e;--color-danger:#e0584e;--color-info:#0ea5e9;--color-dark:#1c1a17;--color-dark-light:#54504a;--color-gray:#8d877d;--color-gray-light:#ece9e3;--color-gray-lighter:#f6f4f0;--color-white:#fff;--text-primary:#1c1a17;--text-secondary:#54504a;--text-muted:#8d877d;--text-light:#ece9e3;--text-white:#fff;--bg-primary:#fff;--bg-secondary:#f6f4f0;--bg-tertiary:#ece9e3;--bg-dark:#1c1a17;--bg-page:#fbfaf8;--border-color:#ece9e3;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #1c1a170a;--shadow-md:0 1px 2px #1c1a170a,0 8px 20px -12px #1c1a1724;--shadow-lg:0 1px 2px #1c1a170a,0 14px 34px -18px #1c1a172e;--shadow-xl:0 24px 48px -24px #1c1a1747;--font-family-base:"Onest",system-ui,-apple-system,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--color-primary:#10b981;--color-primary-dark:#059669;--color-primary-light:#34d399;--color-secondary:#8a8175;--color-secondary-dark:#6f675c;--color-success:#10b981;--color-success-light:#34d399;--color-warning:#e0a52e;--color-danger:#f87171;--color-info:#38bdf8;--color-dark:#f1ede6;--color-dark-light:#b4ab9d;--color-gray:#8a8175;--color-gray-light:#2b2720;--color-gray-lighter:#211d17;--color-white:#1e1b15;--text-primary:#f1ede6;--text-secondary:#b4ab9d;--text-muted:#8a8175;--text-light:#2b2720;--text-white:#fff;--bg-primary:#1e1b15;--bg-secondary:#211d17;--bg-tertiary:#2b2720;--bg-dark:#0e0d0a;--bg-page:#16140f;--border-color:#2b2720;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 1px 2px #0000004d,0 10px 24px -14px #0009;--shadow-lg:0 1px 2px #0000004d,0 16px 38px -18px #000000b3;--shadow-xl:0 28px 56px -24px #000c;color-scheme:dark}.login-grid{background-image:linear-gradient(#ece9e3 1px,#0000 0),linear-gradient(90deg,#ece9e3 1px,#0000 0);background-image:linear-gradient(var(--border-color) 1px,#0000 1px),linear-gradient(90deg,var(--border-color) 1px,#0000 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 35%,#000 20%,#0000 75%);mask-image:radial-gradient(ellipse 60% 55% at 50% 35%,#000 20%,#0000 75%);opacity:.6}.App{background-color:#fbfaf8;background-color:var(--bg-page);min-height:100vh}.main-layout{display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--bg-primary);border-right:1px solid #ece9e3;border-right:1px solid var(--border-color);box-shadow:2px 0 8px #0000001a;color:#1c1a17;color:var(--text-primary);display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;transform:translateX(0);transition:transform .3s ease,box-shadow .3s ease;width:250px;z-index:1000}.sidebar.collapsed{transform:translateX(-100%)}@media (min-width:769px){.sidebar:not(.collapsed){transform:translateX(0)!important}.sidebar:hover{box-shadow:2px 0 12px #00000026}.nav-item{padding:.75rem 1.25rem}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000001a}.sidebar-nav::-webkit-scrollbar-thumb{background:#ece9e3;background:var(--border-color);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}.sidebar-header{background:#fff;background:var(--bg-primary);border-bottom:1px solid #ece9e3;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a;flex-shrink:0;padding:1rem}.sidebar-close-btn{transition:background-color .2s ease}.sidebar-close-btn:hover{background-color:#54504a!important;background-color:var(--color-dark-light)!important}.sidebar-close-btn:active{background-color:#1c1a17!important;background-color:var(--color-dark)!important}.sidebar-header h3{font-size:1.2rem;font-weight:600;margin:0}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:.5rem 0}.sidebar-search{background-color:initial;border-bottom:1px solid #ece9e3;border-bottom:1px solid var(--border-color);flex-shrink:0;padding:.75rem 1rem;position:relative}.sidebar-search-input{background-color:#f6f4f0;background-color:var(--bg-secondary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:10px;color:#1c1a17;color:var(--text-primary);font-size:.9rem;padding:.5rem 2rem .5rem 2.5rem;transition:all .2s ease;width:100%}.sidebar-search-input::placeholder{color:#8d877d;color:var(--text-muted)}.sidebar-search-input:focus{background-color:#f6f4f0;background-color:var(--bg-secondary);border-color:#059669;border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9812e;outline:none}.sidebar-search .search-icon{left:1.75rem;pointer-events:none}.sidebar-search .search-icon,.sidebar-search-clear{color:#8d877d;color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.sidebar-search-clear{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:.25rem;right:1.75rem;transition:all .2s ease}.sidebar-search-clear:hover{background-color:#f6f4f0;background-color:var(--bg-secondary);color:#1c1a17;color:var(--text-primary)}.sidebar-category{margin-bottom:.25rem}.sidebar-category-header{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#8d877d;color:var(--text-muted);cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.75rem 1rem;text-transform:uppercase;transition:all .2s ease;width:100%}.sidebar-category-header:hover{background-color:#f6f4f0;background-color:var(--bg-secondary);color:#1c1a17;color:var(--text-primary)}.sidebar-category-header svg:first-child{flex-shrink:0;height:18px;width:18px}.category-label{flex:1 1;text-align:left}.category-chevron{flex-shrink:0;margin-left:auto;opacity:.6;transition:transform .2s ease}.sidebar-category-items{padding-left:.5rem}.nav-item{align-items:center;background:none;border:none;border-radius:11px;color:#54504a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;margin:1px 8px;padding:.75rem 1rem;position:relative;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.nav-item:hover{background-color:#f6f4f0;background-color:var(--bg-secondary);color:#1c1a17;color:var(--text-primary);text-decoration:none}.nav-item.active{background:#10b9811f;color:#059669;color:var(--color-primary);font-weight:600}.nav-item.active:before{background:#0000;bottom:0;box-shadow:none;content:"";left:0;position:absolute;top:0;width:0}.nav-icon{flex-shrink:0;height:20px;transition:transform .2s ease;width:20px}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.nav-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#e0584e,#c0392b);background:linear-gradient(135deg,var(--color-danger) 0,#c0392b 100%);border-radius:12px;box-shadow:0 2px 4px #e74c3c4d;color:#fff;flex-shrink:0;font-size:.7rem;font-weight:600;min-width:20px;padding:.15rem .5rem;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.main-content{flex:1 1;margin-left:250px;transition:margin-left .3s ease}.main-content.expanded{margin-left:0}.content-header{align-items:center;background:#fff;background:var(--bg-primary);border-bottom:1px solid #ece9e3;border-bottom:1px solid var(--bg-tertiary);box-shadow:0 1px 2px #1c1a170a;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);position:relative;z-index:100}.content-header h1{color:#1c1a17;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.content-body{background-color:#fbfaf8;background-color:var(--bg-page);min-height:calc(100vh - 80px);padding:2rem;padding:var(--spacing-xl)}.card{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1c1a170a,0 8px 20px -12px #1c1a1724;box-shadow:var(--shadow-md);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-base)}.card:hover{box-shadow:0 1px 2px #1c1a170a,0 14px 34px -18px #1c1a172e;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{align-items:center;background:linear-gradient(135deg,#f6f4f0,#ece9e3);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-bottom:1px solid #ece9e3;border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#1c1a17;color:var(--text-primary);display:flex;font-weight:600;font-weight:var(--font-weight-semibold);justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.card-body{padding:1.5rem;padding:var(--spacing-lg)}.card-footer{background:#f6f4f0;background:var(--bg-secondary);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #ece9e3;border-top:1px solid var(--border-color);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.card-primary{border-left:4px solid #059669;border-left:4px solid var(--color-primary)}.card-success{border-left:4px solid #059669;border-left:4px solid var(--color-success)}.card-warning{border-left:4px solid #e0a52e;border-left:4px solid var(--color-warning)}.card-danger{border-left:4px solid #e0584e;border-left:4px solid var(--color-danger)}.card-info{border-left:4px solid #0ea5e9;border-left:4px solid var(--color-info)}.btn{border-radius:8px;border-radius:var(--radius-md);font-family:Onest,system-ui,-apple-system,sans-serif;font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .2s ease;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn:not(:disabled):hover{box-shadow:0 1px 2px #1c1a170a,0 8px 20px -12px #1c1a1724;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:not(:disabled):active{box-shadow:0 1px 2px #1c1a170a;box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#059669,#047857);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 2px 4px #3498db4d;color:var(--text-white)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#059669);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);box-shadow:0 4px 8px #3498db66}.btn-secondary{background:#8d877d;background:var(--color-secondary);color:#fff;color:var(--text-white)}.btn-secondary:hover:not(:disabled){background:#6e6a62;background:var(--color-secondary-dark)}.btn-success{background:linear-gradient(135deg,#059669,#229954);background:linear-gradient(135deg,var(--color-success) 0,#229954 100%);box-shadow:0 2px 4px #27ae604d;color:#fff;color:var(--text-white)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-success-light) 0,var(--color-success) 100%)}.btn-danger{background:linear-gradient(135deg,#e0584e,#c0392b);background:linear-gradient(135deg,var(--color-danger) 0,#c0392b 100%);box-shadow:0 2px 4px #e74c3c4d;color:#fff;color:var(--text-white)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ec7063,#e0584e);background:linear-gradient(135deg,#ec7063 0,var(--color-danger) 100%)}.btn-warning{background:linear-gradient(135deg,#e0a52e,#d68910);background:linear-gradient(135deg,var(--color-warning) 0,#d68910 100%);box-shadow:0 2px 4px #f39c124d;color:#1c1a17;color:var(--text-primary)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#f7dc6f,#e0a52e);background:linear-gradient(135deg,#f7dc6f 0,var(--color-warning) 100%)}.btn-outline{background:#0000;border:2px solid}.btn-outline-primary{border-color:#059669;border-color:var(--color-primary);color:#059669;color:var(--color-primary)}.btn-outline-primary:hover:not(:disabled){background:#059669;background:var(--color-primary);color:#fff;color:var(--text-white)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:.375rem .75rem}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:.875rem 1.75rem}.btn-icon{height:2.5rem;padding:.625rem;width:2.5rem}.table-container{background:#fff;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1c1a170a,0 8px 20px -12px #1c1a1724;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;margin:0;width:100%}.table thead{background:linear-gradient(135deg,#f6f4f0,#ece9e3);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%)}.table th{border-bottom:2px solid #0000001a;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.table td,.table th{color:#1c1a17;color:var(--text-primary);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.table td{border-bottom:1px solid #0000000d}.table tbody tr{transition:all .15s ease;transition:all var(--transition-fast)}.table tbody tr:hover{background:#f6f4f0;background:var(--bg-secondary);transform:scale(1.01)}.table tbody tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-of-type(odd){background:#f6f4f0;background:var(--bg-secondary)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.form-control,.form-label,.form-select{color:#1c1a17;color:var(--text-primary)}.form-control,.form-select{background:#fff;background:var(--bg-primary);border:2px solid #0000001a;border-radius:8px;border-radius:var(--radius-md);font-family:Onest,system-ui,-apple-system,sans-serif;font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;transition:all .2s ease;transition:all var(--transition-base);width:100%}.form-control:focus,.form-select:focus{border-color:#059669;border-color:var(--color-primary);box-shadow:0 0 0 3px #3498db1a;outline:none}.form-control::placeholder{color:#8d877d;color:var(--text-muted)}.form-control.is-invalid{border-color:#e0584e;border-color:var(--color-danger)}.form-control.is-valid{border-color:#059669;border-color:var(--color-success)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);gap:.25rem;gap:var(--spacing-xs);letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.badge-primary{background:linear-gradient(135deg,#059669,#047857);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}.badge-primary,.badge-success{color:#fff;color:var(--text-white)}.badge-success{background:linear-gradient(135deg,#059669,#229954);background:linear-gradient(135deg,var(--color-success) 0,#229954 100%)}.badge-warning{background:linear-gradient(135deg,#e0a52e,#d68910);background:linear-gradient(135deg,var(--color-warning) 0,#d68910 100%);color:#1c1a17;color:var(--text-primary)}.badge-danger{background:linear-gradient(135deg,#e0584e,#c0392b);background:linear-gradient(135deg,var(--color-danger) 0,#c0392b 100%)}.badge-danger,.badge-info{color:#fff;color:var(--text-white)}.badge-info{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--color-info) 0,#0284c7 100%)}.badge-secondary{background:#8d877d;background:var(--color-secondary);color:#fff;color:var(--text-white)}.page-header{border-bottom:2px solid #ece9e3;border-bottom:2px solid var(--bg-tertiary);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.page-header,.page-title{align-items:center;display:flex}.page-title{color:#1c1a17;color:var(--text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);gap:1rem;gap:var(--spacing-md);margin:0}.page-subtitle{color:#54504a;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);margin-top:.25rem;margin-top:var(--spacing-xs)}.page-actions{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.sidebar-footer{background-color:#0000001a;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;margin-top:auto;padding:1rem}@media (min-width:769px){.sidebar-footer{bottom:0;position:-webkit-sticky;position:sticky}}.footer-item{border-radius:6px}.user-role-badge{background-color:#3498db4d;border-radius:4px;color:#059669;color:var(--color-primary);flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-left:auto;padding:.15rem .5rem;text-transform:uppercase}.logout-btn{color:#e0584e;color:var(--color-danger)}.logout-btn:hover{background-color:#e74c3c33!important;border-left-color:#e0584e!important;border-left-color:var(--color-danger)!important;color:#e0584e!important;color:var(--color-danger)!important}.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-category-header .category-chevron,.sidebar.collapsed .sidebar-category-header .category-label,.sidebar.collapsed .sidebar-search,.sidebar.collapsed .user-role-badge{display:none}.sidebar.collapsed .nav-item,.sidebar.collapsed .sidebar-category-header{justify-content:center;padding:.75rem}.sidebar.collapsed .nav-item:hover{transform:none}.sidebar.collapsed .nav-item:hover:after{background-color:#1c1a17;background-color:var(--color-dark);border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;content:attr(title);font-size:.85rem;left:100%;margin-left:.5rem;padding:.5rem .75rem;pointer-events:none;position:absolute;white-space:nowrap;z-index:1001}@media (max-width:768px){.sidebar{box-shadow:2px 0 10px #0000004d;transform:translateX(-100%)!important;transition:transform .3s ease!important;width:100%!important;z-index:1050!important}.sidebar-header{flex-shrink:0!important;padding:.75rem 1rem!important}.sidebar-header h3{font-size:1.1rem!important}.sidebar-search{padding:.5rem .75rem}.sidebar-search-input{font-size:.85rem;padding:.5rem 2rem .5rem 2.25rem}.nav-item{-webkit-tap-highlight-color:rgba(255,255,255,.1);font-size:.95rem;padding:.875rem 1rem}.nav-item:active{background-color:#ffffff26;transform:scale(.98)}.sidebar-category-header{font-size:.8rem;padding:.875rem 1rem}.sidebar-footer{padding:.75rem}.main-layout.sidebar-open .sidebar{transform:translateX(0)!important}.main-layout.sidebar-open .sidebar.collapsed{transform:translateX(-100%)!important}@media (max-width:480px){.sidebar{transform:translateX(-100%)!important;width:100%!important}.main-layout.sidebar-open .sidebar{transform:translateX(0)!important}.main-layout.sidebar-open .sidebar.collapsed{transform:translateX(-100%)!important}}.mobile-overlay{background-color:#00000080;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;touch-action:manipulation;transition:opacity .3s ease,visibility .3s ease;z-index:1040}.main-layout:before{display:none}.hamburger-btn{cursor:pointer!important;pointer-events:auto!important;position:relative!important;touch-action:manipulation!important;z-index:9999!important}.hamburger-btn:hover{background-color:#54504a!important;background-color:var(--text-secondary)!important}.hamburger-btn:active{background-color:#5a6268!important}.main-content{margin-left:0;overflow-x:hidden}.sidebar-footer{background-color:#1c1a17!important;background-color:var(--color-dark)!important;bottom:0!important;box-shadow:0 -2px 8px #0003!important;flex-shrink:0!important;margin-top:auto!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.content-header{align-items:center;flex-direction:row!important;gap:.5rem!important;padding:.5rem .75rem!important;z-index:100!important}.content-header h1{flex:1 1;font-size:1rem!important;min-width:0}.content-header .btn{align-items:center!important;display:flex!important;font-size:.8rem!important;justify-content:center!important;min-height:40px!important;min-width:40px!important;padding:.4rem .6rem!important}.header-info-btn:disabled{cursor:default!important;opacity:1!important}.header-info-btn:disabled:hover{box-shadow:none!important;transform:none!important}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid #dee2e6;border-radius:.375rem;overflow-x:auto}.table-responsive table{min-width:600px}.nav-item{min-height:44px;min-width:44px;padding:.75rem 1rem;touch-action:manipulation}.nav-item img{height:20px;width:20px}.content-header>div:first-child{align-items:center;display:flex;justify-content:space-between;width:100%}.content-header h1{font-size:1.5rem;margin:0}.page-header{align-items:stretch!important;flex-direction:column!important;gap:1rem!important;padding:1rem!important}.page-title{font-size:1.5rem!important;margin:0!important}.page-actions{align-items:stretch!important;gap:.75rem!important}.page-actions,.sort-controls{flex-direction:column!important}.sort-controls{display:flex!important;gap:.5rem!important;width:100%!important}.sort-controls label{font-size:.9rem!important;margin:0!important}.sort-controls .form-select,.sort-controls select{font-size:.9rem!important;min-width:auto!important;width:100%!important}.form-row{gap:1rem}.form-control{font-size:16px;min-height:44px}.form-label{font-size:.9rem;margin-bottom:.5rem}.btn{font-size:.9rem!important;min-height:44px;min-width:44px;padding:.5rem 1rem!important;touch-action:manipulation}.btn svg{margin-right:.5rem}.content-header>div:last-child{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.content-body{padding:1rem}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.data-table-container{border-radius:8px;overflow:hidden}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.table{font-size:.8rem;margin:0;min-width:600px}.table th{background-color:#f6f4f0;background-color:var(--color-gray-lighter);font-size:.8rem;font-weight:600;padding:.75rem .5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.table td{border-bottom:1px solid #dee2e6;font-size:.8rem;padding:.5rem;white-space:nowrap}.action-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.action-buttons .btn{font-size:.7rem;min-width:auto;padding:.25rem .5rem}.badge{font-size:.7rem;padding:.2rem .4rem}.filters-container{background:#fff;background:var(--bg-primary);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.filters-row{flex-direction:column;gap:1rem}.filter-group{min-width:auto;width:100%}.filter-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.filter-group .form-control,.filter-group input,.filter-group select{font-size:16px!important;min-height:44px!important;width:100%!important}.datetime-picker-container{width:100%!important}.datetime-picker-container input{font-size:16px!important;min-height:44px!important;width:100%!important}.form-row{flex-direction:column;gap:.75rem}.form-group{width:100%}.form-control{width:100%}.form-control,.form-select{font-size:16px!important;min-height:44px!important}.input-group,.input-group input{width:100%}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.page-actions{justify-content:center}.btn{font-size:.8rem;padding:.5rem .75rem}.modal{margin:1rem;width:95%}.modal-body{padding:1rem}.map-container{height:300px}.map-container.large{height:400px}.fleet-map-container{border-radius:8px;height:300px;overflow:hidden}.leaflet-container{height:100%!important;position:relative;width:100%!important;z-index:1}.card-body .leaflet-container{min-height:600px}.card-body>div[style*="height: 600px"]{overflow:hidden;position:relative}.map-controls{flex-direction:column;gap:.5rem}.map-controls .btn{justify-content:center;width:100%}.dashboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.dashboard-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.dashboard-charts{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.chart-container{padding:1rem}.chart-title{font-size:1rem;margin-bottom:.75rem}.grid-2,.grid-3,.grid-4{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.content-header h1{font-size:1.2rem}.table{font-size:.75rem;min-width:500px}.table td,.table th{padding:.4rem .25rem}.btn{font-size:.75rem;padding:.4rem .6rem}.page-title{font-size:1.5rem}.dashboard-stats{grid-template-columns:1fr}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.8rem}.action-buttons{flex-direction:column}.action-buttons .btn{justify-content:center;width:100%}.badge{font-size:.7rem;padding:.2rem .4rem}.connection-text,.user-name-text{display:none!important}}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border-left:4px solid #059669;border:1px solid var(--border-color);border-left:4px solid var(--color-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1c1a170a,0 8px 20px -12px #1c1a1724;box-shadow:var(--shadow-md);padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease;transition:box-shadow var(--transition-base),transform var(--transition-base)}.stat-card:hover{box-shadow:0 1px 2px #1c1a170a,0 14px 34px -18px #1c1a172e;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card.success{border-left-color:#059669;border-left-color:var(--color-success)}.stat-card.warning{border-left-color:#e0a52e;border-left-color:var(--color-warning)}.stat-card.danger{border-left-color:#e0584e;border-left-color:var(--color-danger)}.stat-card.info{border-left-color:#0ea5e9;border-left-color:var(--color-info)}.stat-card.neutral{border-left-color:#54504a;border-left-color:var(--text-secondary)}.stat-value{color:#1c1a17;color:var(--color-dark);font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#54504a;color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.stat-change{font-size:.8rem;margin-top:.5rem}.stat-change.positive{color:#28a745}.stat-change.negative{color:#dc3545}.stat-change.neutral{color:#54504a;color:var(--text-secondary)}.route-export-page .stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(6,1fr);margin-top:1rem}.route-export-page .stat-item{align-items:center;background:#f6f4f0;background:var(--color-gray-lighter);border-left:4px solid #007bff;border-radius:8px;display:flex;padding:.75rem}.route-export-page .stat-icon{color:#007bff;margin-right:.5rem}.route-export-page .stat-content{flex:1 1}.route-export-page .stat-value{color:#1c1a17;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.route-export-page .stat-label{color:#54504a;color:var(--text-secondary);font-size:.875rem}@media (max-width:1400px){.route-export-page .stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.route-export-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.route-export-page .stats-grid{grid-template-columns:1fr}}.btn-group{align-items:center;display:flex;gap:.5rem}.btn-group .btn{margin:0}.btn-group .btn:not(:last-child){margin-right:0}.map-page .checkbox-group{display:flex;flex-direction:column;gap:.5rem}.map-page .checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.map-page .checkbox-label input[type=checkbox]{cursor:pointer;margin:0}.map-page .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:1rem}.map-page .stat-item{align-items:center;background:#f6f4f0;background:var(--color-gray-lighter);border-left:4px solid #007bff;border-radius:8px;display:flex;padding:1rem}.map-page .stat-icon{font-size:1.5rem;margin-right:.75rem}.map-page .stat-content{flex:1 1}.map-page .stat-value{color:#1c1a17;color:var(--text-primary);font-size:1.5rem;font-weight:700}.map-page .stat-label{color:#54504a;color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.map-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.map-page .stats-grid{grid-template-columns:1fr}}.user-info{align-items:center;display:flex;gap:.75rem}.user-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.875rem;font-weight:700;height:100%;justify-content:center;width:100%}.user-details{flex:1 1;min-width:0}.user-name{color:#1c1a17;color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.user-email,.user-phone{align-items:center;color:#54504a;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.25rem;margin-bottom:.125rem}.role-badge{align-items:center;background:#f6f4f0;background:var(--color-gray-lighter);display:flex;gap:.5rem}.role-badge,.team-badge{border-radius:4px;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.team-badge{background:#e3f2fd;color:#1976d2}.status-badge,.time-info{display:flex;font-size:.75rem}.time-info{align-items:center;color:#54504a;color:var(--text-secondary);gap:.25rem}.action-buttons{gap:.25rem}.action-buttons .btn{border-radius:4px;padding:.25rem .5rem}.modal-overlay{background:#00000080;z-index:1000}.modal{box-shadow:0 10px 25px #0003;max-width:600px}.modal-header{border-bottom:1px solid #e9ecef}.modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.btn-close{align-items:center;background:none;border:none;color:#54504a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.btn-close:hover{color:#1c1a17;color:var(--text-primary)}.modal-footer{border-top:1px solid #e9ecef;gap:.75rem}.user-profile{text-align:center}.user-avatar-large{border-radius:50%;height:80px;margin:0 auto 1rem;overflow:hidden;width:80px}.user-avatar-large img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.user-info-detailed h4{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.user-username{color:#54504a;color:var(--text-secondary);margin-bottom:1.5rem}.user-details-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;text-align:left}.detail-item{align-items:center;background:#f6f4f0;background:var(--color-gray-lighter);border-radius:4px;display:flex;gap:.75rem;padding:.5rem}.detail-item svg{color:#54504a;color:var(--text-secondary);flex-shrink:0}.pagination{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);justify-content:center;margin-top:2rem;margin-top:var(--spacing-xl);padding:1rem 0;padding:var(--spacing-md) 0}.pagination-info{color:#54504a;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:0 1rem;padding:0 var(--spacing-md)}.text-muted{color:#8d877d;color:var(--text-muted)}.input-group{align-items:center;display:flex;position:relative}.input-group svg{color:#8d877d;color:var(--text-muted);left:.75rem;pointer-events:none;position:absolute;z-index:1}.input-group input{padding-left:2.5rem}.input-group-right{position:relative}.input-group-right svg{color:#8d877d;color:var(--text-muted);pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);z-index:1}.work-status{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.work-status-icon{font-size:1.2rem}.work-status-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.device-id,.work-status-label{color:#1c1a17;color:var(--text-primary)}.device-id{background:#f6f4f0;background:var(--bg-secondary);border-radius:4px;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem}.location-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.location-time{color:#1c1a17;color:var(--text-primary)}.location-speed,.location-time{font-size:.75rem;font-size:var(--font-size-xs)}.location-speed{color:#54504a;color:var(--text-secondary)}.empty-state-emoji{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--spacing-md);opacity:.7}@media (max-width:768px){.user-info{align-items:flex-start;flex-direction:column;gap:.5rem}.user-avatar{height:32px;width:32px}.action-buttons{flex-direction:column}.modal{margin:1rem;width:95%}.user-details-grid{grid-template-columns:1fr}}.tabs{border-bottom:1px solid #ece9e3;border-bottom:1px solid var(--bg-tertiary);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.tab,.tabs{display:flex;gap:.5rem;gap:var(--spacing-sm)}.tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#54504a;color:var(--text-secondary);cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-base)}.tab.active,.tab:hover{background:#f6f4f0;background:var(--bg-secondary);color:#059669;color:var(--color-primary)}.tab.active{border-bottom-color:#059669;border-bottom-color:var(--color-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.reports-content{gap:1.5rem;gap:var(--spacing-lg)}.reports-content,.vehicle-info{display:flex;flex-direction:column}.vehicle-info{gap:.25rem}.vehicle-name{color:#1c1a17;color:var(--text-primary);font-weight:600}.vehicle-plate{font-size:.875rem}.vehicle-model,.vehicle-plate{color:#54504a;color:var(--text-secondary)}.vehicle-model{font-size:.75rem}.vehicle-details{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);justify-content:space-between}.vehicle-main-info{flex:1 1}.vehicle-main-info h4{color:#1c1a17;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.vehicle-main-info p{color:#54504a;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin:.25rem 0;margin:var(--spacing-xs) 0}.vehicle-status{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.status-badge{padding:.25rem .75rem}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.alarm-types-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.alarm-type-item{background:#f6f4f0;background:var(--color-gray-lighter);border:1px solid #e9ecef;border-radius:8px;padding:1rem}.alarm-type-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.alarm-type-name{color:#1c1a17;color:var(--text-primary);font-weight:600;text-transform:capitalize}.alarm-type-count{background:#dc3545;border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.alarm-type-details{display:flex;font-size:.875rem;justify-content:space-between}.acknowledged{color:#28a745}.unacknowledged{color:#dc3545}.risk-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.risk-badge.висок{background:#f8d7da;color:#721c24}.risk-badge.среден{background:#fff3cd;color:#856404}.risk-badge.низок{background:#d4edda;color:#155724}.inactivity-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.inactivity-badge.долга-неактивност{background:#f8d7da;color:#721c24}.inactivity-badge.средна-неактивност{background:#fff3cd;color:#856404}.inactivity-badge.кратка-неактивност{background:#d4edda;color:#155724}.stat-subtitle{color:#54504a;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}.stat-card{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-md)}.stat-icon{align-items:center;background:#f6f4f0;background:var(--bg-secondary);border-radius:8px;border-radius:var(--radius-md);color:#059669;color:var(--color-primary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1;min-width:0}.status-green{background-color:#f0fdf4;border-left:4px solid #22c55e}.status-yellow{background-color:#fefce8;border-left:4px solid #eab308}.status-red{background-color:#fef2f2;border-left:4px solid #ef4444}.status-gray{background-color:#f9fafb;border-left:4px solid #6b7280}.grid-3{grid-gap:1rem;gap:1rem}@media (max-width:768px){.tabs{flex-wrap:wrap}.tab{flex:1 1;justify-content:center;min-width:120px}.vehicle-details{align-items:flex-start;flex-direction:column;gap:1rem}.alarm-types-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.tab{min-width:100px;padding:.5rem}}.route-export-page .form-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.route-export-page .form-group{display:flex;flex-direction:column}.route-export-page .form-group label{color:#1c1a17;color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.route-export-page .form-control{border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;padding:.5rem}.route-export-page .form-control:focus{border-color:#059669;border-color:var(--color-primary);box-shadow:0 0 0 2px #10b9812e;outline:none}.route-export-page .btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.route-export-page .btn-primary{background-color:#007bff;color:#fff}.route-export-page .btn-primary:hover:not(:disabled){background-color:#0056b3}.route-export-page .btn-primary:disabled{background-color:#54504a;background-color:var(--text-secondary);cursor:not-allowed}.route-export-page .btn-outline-primary{background-color:initial;border:1px solid #007bff;color:#007bff}.route-export-page .btn-outline-primary:hover{background-color:#007bff;color:#fff}.route-export-page .btn-sm{font-size:.75rem;padding:.25rem .5rem}.route-export-page .alert{border:1px solid #0000;border-radius:4px;margin-top:1rem;padding:.75rem 1rem}.route-export-page .alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.route-export-page .alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.route-export-page input[type=time]{-webkit-appearance:none!important;appearance:none!important;direction:ltr!important}.route-export-page input[type=time]::-webkit-datetime-edit-ampm-field{display:none!important;height:0!important;left:-9999px!important;opacity:0!important;overflow:hidden!important;position:absolute!important;visibility:hidden!important;width:0!important}.route-export-page input[type=time]::-moz-datetime-edit-ampm-field{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important;width:0!important}.route-export-page input[type=time]::-webkit-calendar-picker-indicator{display:none!important;height:0!important;visibility:hidden!important;width:0!important}.route-export-page input[type=time]::-webkit-datetime-edit-text{color:#1c1a17!important;color:var(--text-primary)!important}.route-export-page input[type=time]::-webkit-datetime-edit-hour-field,.route-export-page input[type=time]::-webkit-datetime-edit-minute-field,.route-export-page input[type=time]::-webkit-datetime-edit-second-field{color:#1c1a17!important;color:var(--text-primary)!important}.route-export-page .time-input-wrapper{display:inline-block;position:relative}.route-export-page .time-input-wrapper:after{color:#54504a;color:var(--text-secondary);content:"24h";font-size:.7rem;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:10}.route-export-page input[type=time]::-webkit-datetime-edit,.route-export-page input[type=time]::-webkit-datetime-edit-fields-wrapper{direction:ltr!important}.custom-time-picker{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:4px;display:inline-block;min-width:150px;padding:8px}.time-picker-row{align-items:center;display:flex;gap:4px}.time-select{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:3px;font-size:14px;min-width:60px;padding:6px 8px;text-align:center}.time-select:focus{border-color:#059669;border-color:var(--color-primary);box-shadow:0 0 0 2px #10b9812e;outline:none}.time-separator{color:#1c1a17;color:var(--text-primary);font-size:16px;font-weight:700}.time-format-indicator{color:#54504a;color:var(--text-secondary);font-size:10px;font-weight:700;margin-left:8px}.form-row{grid-gap:1rem;align-items:end;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column}.form-group label{color:#1c1a17;color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.form-control{border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;padding:.5rem}.form-control:focus{border-color:#059669;border-color:var(--color-primary);box-shadow:0 0 0 2px #10b9812e;outline:none}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#54504a;background-color:var(--text-secondary);cursor:not-allowed}.btn-outline-primary{background-color:initial;border:1px solid #007bff;color:#007bff}.btn-outline-primary:hover{background-color:#007bff;color:#fff}.btn-sm{font-size:.75rem;padding:.25rem .5rem}.alert{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);display:flex;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.alert-danger{background:#e0584e1f;border-color:#e0584e4d;color:#e0584e;color:var(--color-danger)}.alert-warning{background:#e0a52e24;border-color:#e0a52e4d;color:#a9791a}.alert-success{background:#10b9811f;border-color:#10b9814d;color:#047857;color:var(--color-primary-dark)}.alert-info{background:#0ea5e91f;border-color:#0ea5e94d;color:#0ea5e9;color:var(--color-info)}[data-theme=dark] .alert-warning{color:#e0a52e;color:var(--color-warning)}[data-theme=dark] .alert-success{color:#34d399;color:var(--color-primary-light)}.chart-container{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1c1a170a,0 8px 20px -12px #1c1a1724;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-base)}.chart-container:hover{box-shadow:0 1px 2px #1c1a170a,0 14px 34px -18px #1c1a172e;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.chart-title{align-items:center;color:#1c1a17;color:var(--text-primary);display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.chart-title .chart-subtitle{color:#54504a;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal);margin-left:.5rem;margin-left:var(--spacing-sm)}.dash-row{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.dash-row-a{grid-template-columns:1.7fr 1fr}.dash-row-b{grid-template-columns:1.3fr 1fr}.dash-row .chart-container{margin-bottom:0}@media (max-width:1100px){.dash-row-a,.dash-row-b{grid-template-columns:1fr}}.stats-grid-compact .stat-card{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.stats-grid-compact .stat-value{font-size:1.25rem;font-size:var(--font-size-xl)}.panel-head{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:space-between}.panel-head .chart-title{margin-bottom:0}.panel-link{color:#047857;color:var(--color-primary-dark);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);white-space:nowrap}.panel-link:hover{text-decoration:underline}.veh-name{align-items:center;display:flex;font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm)}.veh-name .veh-ico{background:#f6f4f0;background:var(--bg-secondary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#54504a;color:var(--text-secondary);display:grid;flex:none;height:30px;place-items:center;width:30px}.veh-coords{font-feature-settings:"tnum";color:#8d877d;color:var(--text-muted);font-size:.875rem;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.st-chip{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);gap:6px;padding:3px 10px;white-space:nowrap}.st-chip .st-dot{border-radius:50%;flex:none;height:6px;width:6px}.st-chip.go{background:#10b9811f;color:#047857;color:var(--color-primary-dark)}.st-chip.go .st-dot{background:#059669;background:var(--color-primary)}.st-chip.idle{background:#e0a52e29;color:#a9791a}.st-chip.idle .st-dot{background:#e0a52e;background:var(--color-warning)}.st-chip.park{background:#ece9e3;background:var(--bg-tertiary);color:#54504a;color:var(--text-secondary)}.st-chip.park .st-dot{background:#8d877d;background:var(--text-muted)}[data-theme=dark] .st-chip.go{color:#34d399;color:var(--color-primary-light)}[data-theme=dark] .st-chip.idle{color:#e0a52e;color:var(--color-warning)}.fleet-marker{display:grid;height:44px;place-items:center;position:relative;width:44px}.fleet-marker .fm-badge{background:#10b981;background:var(--mk,#10b981);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 7px #00000059;color:#fff;display:grid;height:34px;place-items:center;width:34px;z-index:2}.fleet-marker .fm-badge svg{height:18px;width:18px}.fleet-marker .fm-dir{display:grid;inset:0;place-items:start center;pointer-events:none;position:absolute}.fleet-marker .fm-arrow{border-bottom:10px solid #10b981;border-bottom:10px solid var(--mk,#10b981);border-left:6px solid #0000;border-right:6px solid #0000;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.3));height:0;margin-top:-4px;width:0}.fleet-marker.moving:before{animation:fmPulse 1.8s ease-out infinite;background:#10b981;background:var(--mk,#10b981);border-radius:50%;content:"";height:34px;opacity:.4;position:absolute;width:34px;z-index:1}@keyframes fmPulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.leaflet-popup-content-wrapper{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 12px 32px -10px #0006;color:#1c1a17;color:var(--text-primary)}.leaflet-popup-tip{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);box-shadow:none}.leaflet-popup-content{margin:0}.leaflet-popup-close-button{color:#8d877d!important;color:var(--text-muted)!important;padding:6px 7px 0 0!important}.leaflet-popup-close-button:hover{background:#0000!important;color:#1c1a17!important;color:var(--text-primary)!important}.fmpop{font-family:Onest,system-ui,-apple-system,sans-serif;font-family:var(--font-family-base);padding:13px 14px 12px;width:232px}.fmpop-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.fmpop-plate{color:#1c1a17;color:var(--text-primary);font-size:15px;font-weight:800;letter-spacing:-.3px}.fmpop-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:3px 9px;white-space:nowrap}.fmpop-chip i{border-radius:50%;display:inline-block;height:6px;width:6px}.fmpop-chip.driving{background:#10b98124;color:#047857;color:var(--color-primary-dark)}.fmpop-chip.driving i{background:#10b981}.fmpop-chip.idle{background:#e0a52e29;color:#a9791a}.fmpop-chip.idle i{background:#e0a52e}.fmpop-chip.parked{background:#ece9e3;background:var(--bg-tertiary);color:#54504a;color:var(--text-secondary)}.fmpop-chip.parked i{background:#8d877d;background:var(--text-muted)}.fmpop-chip.offline{background:#e0584e24;color:#e0584e}.fmpop-chip.offline i{background:#e0584e}[data-theme=dark] .fmpop-chip.driving{color:#34d399;color:var(--color-primary-light)}[data-theme=dark] .fmpop-chip.idle{color:#e0a52e;color:var(--color-warning)}.fmpop-stats{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin:11px 0}.fmpop-stat{background:#f6f4f0;background:var(--bg-secondary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:9px;padding:7px 4px;text-align:center}.fmpop-stat b{color:#1c1a17;color:var(--text-primary);display:block;font-size:14px;font-weight:800;line-height:1.1}.fmpop-stat span{color:#8d877d;color:var(--text-muted);font-size:9.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.fmpop-rows{border-top:1px solid #ece9e3;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;padding-top:9px}.fmpop-row{align-items:center;display:flex;font-size:12px;gap:10px;justify-content:space-between}.fmpop-row .k{color:#8d877d;color:var(--text-muted);font-weight:600}.fmpop-row .v{font-feature-settings:"tnum";color:#1c1a17;color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.fmpop-acc{align-items:center;display:inline-flex;gap:4px}.fmpop-acc.on{color:#047857;color:var(--color-primary-dark)}[data-theme=dark] .fmpop-acc.on{color:#34d399;color:var(--color-primary-light)}.fmpop-acc.off{color:#54504a;color:var(--text-secondary)}.fmpop-link{align-items:center;background:#059669;background:var(--color-primary);border-radius:9px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;margin-top:11px;padding:8px;text-decoration:none;transition:filter .15s}.fmpop-link:hover{filter:brightness(1.07)}.map-legend{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:10px;bottom:12px;box-shadow:0 2px 10px #0000002e;display:flex;flex-wrap:wrap;gap:10px;left:12px;padding:8px 12px;position:absolute;z-index:1000}.map-legend-item{align-items:center;color:#54504a;color:var(--text-secondary);display:inline-flex;font-size:11.5px;font-weight:600;gap:6px;white-space:nowrap}.map-legend-item i{border-radius:50%;flex:none;height:9px;width:9px}.map-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.map-search{flex:1 1;max-width:360px;min-width:200px;position:relative}.map-search input{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:10px;color:#1c1a17;color:var(--text-primary);font-size:13px;padding:9px 12px 9px 36px;width:100%}.map-search svg{color:#8d877d;color:var(--text-muted);left:11px;position:absolute;top:50%;transform:translateY(-50%)}.map-chips{display:flex;flex-wrap:wrap;gap:8px}.map-chip{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:999px;color:#54504a;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:7px;padding:7px 13px;transition:all .15s}.map-chip:hover{border-color:#059669;border-color:var(--color-primary)}.map-chip i{border-radius:50%;height:8px;width:8px}.map-chip b{color:#1c1a17;color:var(--text-primary);font-weight:800}.map-chip.active{background:#10b9811a;border-color:#059669;border-color:var(--color-primary);color:#047857;color:var(--color-primary-dark)}[data-theme=dark] .map-chip.active{color:#34d399;color:var(--color-primary-light)}.map-mini-filters{display:flex;gap:8px;margin-left:auto}.map-mini-filters select{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:10px;color:#1c1a17;color:var(--text-primary);font-size:12.5px;padding:8px 10px}.live-map{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:326px 1fr;height:calc(100vh - 230px);min-height:520px}.live-map-list{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.live-map-list-head{border-bottom:1px solid #ece9e3;border-bottom:1px solid var(--border-color);color:#8d877d;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;padding:11px 14px;text-transform:uppercase}.live-map-list-body{flex:1 1;overflow-y:auto}.live-map-map{border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;position:relative}.live-map-map .leaflet-container{height:100%;width:100%}.vli{align-items:center;border-bottom:1px solid #ece9e3;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:11px;padding:11px 14px;transition:background .12s}.vli:hover{background:#f6f4f0;background:var(--bg-secondary)}.vli.active{background:#10b98117;box-shadow:inset 3px 0 0 #059669;box-shadow:inset 3px 0 0 var(--color-primary)}.vli-dot{border-radius:50%;flex:none;height:9px;width:9px}.vli-main{flex:1 1;min-width:0}.vli-plate{color:#1c1a17;color:var(--text-primary);font-size:13.5px;font-weight:700}.vli-sub{color:#8d877d;color:var(--text-muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vli-speed{flex:none;text-align:right}.vli-speed b{color:#1c1a17;color:var(--text-primary);font-size:14px;font-weight:800}.vli-speed span{color:#8d877d;color:var(--text-muted);display:block;font-size:9.5px;letter-spacing:.3px;text-transform:uppercase}.status-tile{text-align:center}.status-tile-icon{border-radius:13px;display:grid;height:46px;margin:0 auto 10px;place-items:center;width:46px}.status-tile-value{color:#1c1a17;color:var(--text-primary);font-weight:700}.status-tile-label{color:#8d877d;color:var(--text-muted);font-size:.8rem;margin-top:2px}.skeleton{background:#f6f4f0;background:var(--bg-secondary);border-radius:6px;overflow:hidden;position:relative}.skeleton:after{animation:skeletonShimmer 1.3s infinite;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,#0000,#ffffff0a,#0000)}@keyframes skeletonShimmer{to{transform:translateX(100%)}}.skeleton-line{height:12px;margin:7px 0}.skeleton-table-row{border-bottom:1px solid #ece9e3;border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:14px 16px}.skeleton-table-row .skeleton{flex:1 1;height:14px}.Toastify__toast{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 30px -10px #00000059;font-family:Onest,system-ui,-apple-system,sans-serif;font-family:var(--font-family-base);font-size:.9rem}.Toastify__toast,.Toastify__toast-body{color:#1c1a17;color:var(--text-primary)}.Toastify__close-button{color:#8d877d;color:var(--text-muted);opacity:.8}.Toastify__close-button:hover{color:#1c1a17;color:var(--text-primary)}.Toastify__toast--success{border-left:3px solid #059669;border-left:3px solid var(--color-primary)}.Toastify__toast--error{border-left:3px solid #e0584e;border-left:3px solid var(--color-danger)}.Toastify__toast--warning{border-left:3px solid #e0a52e;border-left:3px solid var(--color-warning)}.Toastify__toast--info{border-left:3px solid #0ea5e9;border-left:3px solid var(--color-info)}.Toastify__progress-bar--success{background:#059669;background:var(--color-primary)}.Toastify__progress-bar--error{background:#e0584e;background:var(--color-danger)}.Toastify__progress-bar--warning{background:#e0a52e;background:var(--color-warning)}.Toastify__progress-bar--info{background:#0ea5e9;background:var(--color-info)}@media (max-width:900px){.live-map{grid-template-columns:1fr;height:auto}.live-map-map{height:460px}.live-map-list{max-height:320px}.map-mini-filters{margin-left:0}}.dash-section-title{border-top:1px solid #ece9e3;border-top:1px solid var(--border-color);color:#1c1a17;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);margin:2rem 0 1rem;margin:var(--spacing-xl) 0 var(--spacing-md);padding-top:1.5rem;padding-top:var(--spacing-lg)}.data-table-container{background:#fff;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1c1a170a,0 8px 20px -12px #1c1a1724;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden;transition:all .2s ease;transition:all var(--transition-base)}.data-table-container:hover{box-shadow:0 1px 2px #1c1a170a,0 14px 34px -18px #1c1a172e;box-shadow:var(--shadow-lg)}.table-header{align-items:center;background:linear-gradient(135deg,#f6f4f0,#ece9e3);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-bottom:1px solid #ece9e3;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.table-title{color:#1c1a17;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.table-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:8px;border-radius:var(--radius-md);overflow-x:auto}.table-responsive table{margin:0}.filters-container{background:#fff;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1c1a170a,0 8px 20px -12px #1c1a1724;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-base)}.filters-container:hover{box-shadow:0 1px 2px #1c1a170a,0 14px 34px -18px #1c1a172e;box-shadow:var(--shadow-lg)}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md)}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:#1c1a17;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.map-wrapper{background:#fff;background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;overflow:hidden}.map-header{align-items:center;background-color:#f6f4f0;background-color:var(--color-gray-lighter);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem 1.5rem}.map-title{color:#1c1a17;color:var(--color-dark);font-size:1.1rem;font-weight:600;margin:0}.map-controls{display:flex;gap:.5rem}.status-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.25rem .5rem}.status-indicator.online{background-color:#d4edda;color:#155724}.status-indicator.offline{background-color:#f8d7da;color:#721c24}.status-indicator.maintenance{background-color:#fff3cd;color:#856404}.status-dot{background-color:currentColor;border-radius:50%;height:8px;width:8px}.loading-container{align-items:center;display:flex;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#059669;border-top:4px solid var(--color-primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{align-items:center;color:#54504a;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);padding:3rem;padding:var(--spacing-2xl);text-align:center}.empty-state svg{color:#8d877d;color:var(--text-muted);font-size:3rem;opacity:.5}.empty-state h3{color:#1c1a17;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.empty-state p{color:#54504a;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);margin:0}.dashboard-stat-item{background:#f6f4f0;background:var(--bg-secondary);border-radius:8px;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-md);text-align:center;transition:all .2s ease;transition:all var(--transition-base)}.dashboard-stat-item:hover{background:#ece9e3;background:var(--bg-tertiary);transform:translateY(-2px)}.dashboard-stat-value{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.dashboard-stat-label{color:#54504a;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase}.dashboard-stat-value.primary{color:#059669;color:var(--color-primary)}.dashboard-stat-value.success{color:#059669;color:var(--color-success)}.dashboard-stat-value.warning{color:#e0a52e;color:var(--color-warning)}.dashboard-stat-value.danger{color:#e0584e;color:var(--color-danger)}.offline-device-item{align-items:center;border-bottom:1px solid #ece9e3;border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.offline-device-item:hover,.offline-device-item:nth-of-type(2n){background:#f6f4f0;background:var(--bg-secondary)}.offline-device-item:last-child{border-bottom:none}.offline-device-info{flex:1 1}.offline-device-name{color:#1c1a17;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.offline-device-id{color:#54504a;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs)}.offline-device-status{text-align:right}.offline-device-time{color:#e0584e;color:var(--color-danger);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.offline-device-last,.offline-device-time{font-size:.75rem;font-size:var(--font-size-xs)}.offline-device-last{color:#8d877d;color:var(--text-muted)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.modal{background:#fff;background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-title{color:#1c1a17;color:var(--color-dark);font-size:1.2rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#54504a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #dee2e6;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-col{flex:1 1}.grid-2{grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-2,.grid-3{display:grid;gap:1.5rem}.grid-3{grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.filters-row{flex-direction:column}.filter-group{min-width:auto}.form-row{flex-direction:column}}.custom-datetime-picker{display:flex;flex-direction:column;gap:.5rem}.datetime-picker-row{align-items:center;display:flex;gap:.75rem}.date-input{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;min-width:140px;padding:.5rem}.custom-datetime-picker .time-picker-row{align-items:center;display:flex;gap:.25rem}.custom-datetime-picker .time-select{background:#fff;background:var(--bg-primary);border:1px solid #ece9e3;border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;min-width:60px;padding:.5rem}.custom-datetime-picker .time-separator{color:#1c1a17;color:var(--text-primary);font-weight:700}.custom-datetime-picker .time-format-indicator{color:#54504a;color:var(--text-secondary);font-size:.75rem;font-weight:500}.alarms-page{padding:2rem;padding:var(--spacing-xl)}.filters-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.severity-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.severity-critical{background-color:#fee;border:1px solid #fcc;color:#c00}.severity-high{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.severity-medium{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.severity-low{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.acknowledged{opacity:.6}.action-buttons{display:flex;gap:.5rem}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.status-success{background-color:#d4edda;color:#155724}.status-warning{background-color:#fff3cd;color:#856404}.confirm-overlay{align-items:center;animation:confirmFade .15s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--spacing-md,1rem);position:fixed;z-index:1050;z-index:var(--z-modal,1050)}.confirm-dialog{animation:confirmPop .15s ease;background:#fff;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 10px 40px #00000040;max-width:420px;padding:1.5rem;padding:var(--spacing-lg,1.5rem);width:100%}.confirm-title{color:#1c1a17;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-sm,.5rem)}.confirm-message{color:#54504a;color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem;margin:0 0 var(--spacing-lg,1.5rem);white-space:pre-line}.confirm-actions{display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);justify-content:flex-end}@keyframes confirmFade{0%{opacity:0}to{opacity:1}}@keyframes confirmPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-datetime-picker .date-input,.custom-datetime-picker .time-select,.date-input,.time-select{color:#1c1a17;color:var(--text-primary);color-scheme:light dark}.custom-datetime-picker .date-input::-webkit-calendar-picker-indicator,.date-input::-webkit-calendar-picker-indicator{filter:none;filter:var(--cal-icon-filter,none)}[data-theme=dark] .date-input::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.7)}
/*# sourceMappingURL=main.0d52e204.css.map*/