:root{--ft-primary:#0ea5e9;--ft-primary-dark:#0284c7;--ft-primary-light:#e0f2fe;--ft-success:#10b981;--ft-success-light:#d1fae5;--ft-danger:#ef4444;--ft-danger-light:#fee2e2;--ft-warning:#f59e0b;--ft-warning-light:#fef3c7;--ft-bg:#f1f5f9;--ft-surface:#fff;--ft-surface-hover:#f8fafc;--ft-border:#e2e8f0;--ft-text:#0f172a;--ft-text-secondary:#64748b;--ft-text-muted:#94a3b8;--ft-sidebar-bg:#0f172a;--ft-sidebar-text:#cbd5e1;--ft-sidebar-active:#0ea5e9;--ft-shadow-sm:0 1px 2px 0 rgba(0,0,0,.04);--ft-shadow-md:0 4px 6px -1px rgba(0,0,0,.06),0 2px 4px -2px rgba(0,0,0,.04);--ft-shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--ft-radius:12px;--ft-radius-sm:8px;--ft-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body.flottigo-v2{background:var(--ft-bg);color:var(--ft-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;margin:0;padding:0}.ft-wrapper{display:flex;min-height:100vh}.ft-sidebar{background:var(--ft-sidebar-bg);bottom:0;color:var(--ft-sidebar-text);display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:var(--ft-transition);width:260px;z-index:1000}.ft-sidebar-brand{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;flex-shrink:0;gap:12px;height:64px;padding:0 24px}.ft-sidebar-brand i{color:var(--ft-primary);font-size:24px}.ft-sidebar-brand span{color:#fff;font-size:20px;font-weight:800;letter-spacing:-.5px}.ft-sidebar-nav{flex:1;overflow-y:auto;padding:16px 12px}.ft-sidebar-nav::-webkit-scrollbar{width:4px}.ft-sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}.ft-nav-group{margin-bottom:8px}.ft-nav-label{color:hsla(0,0%,100%,.35);font-size:11px;font-weight:700;letter-spacing:.08em;padding:12px 12px 8px;text-transform:uppercase}.ft-nav-link{align-items:center;border-radius:var(--ft-radius-sm);color:var(--ft-sidebar-text);display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:2px;padding:10px 12px;text-decoration:none!important;transition:var(--ft-transition)}.ft-nav-link:hover{background:hsla(0,0%,100%,.06);color:#fff}.ft-nav-link.active{background:rgba(14,165,233,.12);color:var(--ft-primary)}.ft-nav-link i{font-size:18px;text-align:center;width:22px}.ft-sidebar-footer{border-top:1px solid hsla(0,0%,100%,.06);flex-shrink:0;padding:16px}.ft-user-card{background:hsla(0,0%,100%,.04);border-radius:var(--ft-radius-sm);gap:12px;padding:10px}.ft-user-avatar,.ft-user-card{align-items:center;display:flex}.ft-user-avatar{background:linear-gradient(135deg,var(--ft-primary),var(--ft-primary-dark));border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.ft-user-info{flex:1;min-width:0}.ft-user-name{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-user-role{color:var(--ft-primary);font-size:11px}.ft-main{display:flex;flex:1;flex-direction:column;margin-left:260px;min-height:100vh}.ft-header{background:var(--ft-surface);border-bottom:1px solid var(--ft-border);height:64px;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:100}.ft-header,.ft-header-left{align-items:center;display:flex}.ft-header-left{gap:16px}.ft-menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:4px}.ft-header-title,.ft-menu-toggle{color:var(--ft-text);font-size:20px}.ft-header-title{font-weight:700}.ft-header-right{align-items:center;display:flex;gap:16px}.ft-header-btn{align-items:center;background:var(--ft-bg);border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);color:var(--ft-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none!important;transition:var(--ft-transition);width:40px}.ft-header-btn:hover{background:var(--ft-border);color:var(--ft-text)}.ft-header-btn i{font-size:16px}.ft-btn-primary{align-items:center;background:linear-gradient(135deg,var(--ft-primary),var(--ft-primary-dark));border:none;border-radius:var(--ft-radius-sm);box-shadow:0 4px 12px rgba(14,165,233,.25);color:#fff!important;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;text-decoration:none!important;transition:var(--ft-transition)}.ft-btn-primary:hover{box-shadow:0 6px 16px rgba(14,165,233,.35);transform:translateY(-1px)}.ft-btn-secondary{align-items:center;background:var(--ft-surface);border:1.5px solid var(--ft-border);border-radius:var(--ft-radius-sm);color:var(--ft-text)!important;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;text-decoration:none!important;transition:var(--ft-transition)}.ft-btn-secondary:hover{border-color:var(--ft-primary);color:var(--ft-primary)!important}.ft-content{flex:1;padding:32px;width:100%}.ft-card{background:var(--ft-surface);border:1px solid var(--ft-border);border-radius:var(--ft-radius);box-shadow:var(--ft-shadow-sm);transition:var(--ft-transition)}.ft-card:hover{box-shadow:var(--ft-shadow-md)}.ft-card-header{align-items:center;border-bottom:1px solid var(--ft-border);display:flex;justify-content:space-between;padding:20px 24px}.ft-card-title{color:var(--ft-text);font-size:16px;font-weight:700}.ft-card-body{padding:24px}.ft-card-footer{background:var(--ft-surface-hover);border-radius:0 0 var(--ft-radius) var(--ft-radius);border-top:1px solid var(--ft-border);padding:16px 24px}.ft-stats-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.ft-stat-card{background:var(--ft-surface);border:1px solid var(--ft-border);border-radius:var(--ft-radius);box-shadow:var(--ft-shadow-sm);display:flex;flex-direction:column;gap:8px;padding:24px;transition:var(--ft-transition)}.ft-stat-card:hover{box-shadow:var(--ft-shadow-md);transform:translateY(-2px)}.ft-stat-header{align-items:center;display:flex;justify-content:space-between}.ft-stat-label{color:var(--ft-text-secondary);font-size:13px;font-weight:600}.ft-stat-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.ft-stat-icon--blue{background:var(--ft-primary-light);color:var(--ft-primary)}.ft-stat-icon--green{background:var(--ft-success-light);color:var(--ft-success)}.ft-stat-icon--red{background:var(--ft-danger-light);color:var(--ft-danger)}.ft-stat-icon--amber{background:var(--ft-warning-light);color:var(--ft-warning)}.ft-stat-value{color:var(--ft-text);font-size:28px;font-weight:800;letter-spacing:-.5px}.ft-stat-change{font-size:12px;font-weight:600}.ft-stat-change--up{color:var(--ft-success)}.ft-stat-change--down{color:var(--ft-danger)}.ft-table-wrap{background:var(--ft-surface);border:1px solid var(--ft-border);border-radius:var(--ft-radius);box-shadow:var(--ft-shadow-sm);overflow-x:auto}.ft-table{border-collapse:collapse;font-size:14px;width:100%}.ft-table thead th{background:#f8fafc;color:var(--ft-text-secondary);font-size:11px;font-weight:700;letter-spacing:.06em;padding:14px 20px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.ft-table tbody tr,.ft-table thead th{border-bottom:1px solid var(--ft-border)}.ft-table tbody tr{transition:var(--ft-transition)}.ft-table tbody tr:last-child{border-bottom:none}.ft-table tbody td{color:var(--ft-text);padding:14px 20px;vertical-align:middle}.ft-table tbody tr:hover{background:#f8fafc}.ft-table-actions{gap:6px}.ft-btn-icon,.ft-table-actions{align-items:center;display:inline-flex}.ft-btn-icon{background:transparent;border:none;border-radius:8px;color:var(--ft-text-muted);cursor:pointer;font-size:14px;height:32px;justify-content:center;text-decoration:none!important;transition:var(--ft-transition);width:32px}.ft-btn-icon:hover{background:var(--ft-primary-light);color:var(--ft-primary)}.ft-btn-icon--danger:hover{background:var(--ft-danger-light);color:var(--ft-danger)}.ft-table-wrap .dataTables_wrapper .dataTables_filter,.ft-table-wrap .dataTables_wrapper .dataTables_info,.ft-table-wrap .dataTables_wrapper .dataTables_length,.ft-table-wrap .dataTables_wrapper .dataTables_paginate{color:var(--ft-text-secondary);font-size:13px;padding:12px 20px}.ft-table-wrap .dataTables_wrapper .dataTables_filter input{border:1.5px solid var(--ft-border);border-radius:var(--ft-radius-sm);font-size:13px;margin-left:8px;outline:none;padding:8px 12px}.ft-table-wrap .dataTables_wrapper .dataTables_filter input:focus{border-color:var(--ft-primary);box-shadow:0 0 0 3px rgba(14,165,233,.12)}.ft-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button{background:var(--ft-surface)!important;border:1px solid var(--ft-border)!important;border-radius:var(--ft-radius-sm)!important;color:var(--ft-text-secondary)!important;font-size:13px!important;margin:0 2px!important;padding:6px 12px!important}.ft-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current,.ft-table-wrap .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:var(--ft-primary)!important;border-color:var(--ft-primary)!important;color:#fff!important}.ft-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.ft-badge--success{background:var(--ft-success-light);color:#047857}.ft-badge--warning{background:var(--ft-warning-light);color:#b45309}.ft-badge--danger{background:var(--ft-danger-light);color:#b91c1c}.ft-badge--info{background:var(--ft-primary-light);color:#0369a1}.ft-form-group{margin-bottom:20px}.ft-label{color:var(--ft-text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.ft-input{background:var(--ft-surface);border:1.5px solid var(--ft-border);border-radius:var(--ft-radius-sm);color:var(--ft-text);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:var(--ft-transition);width:100%}.ft-input:focus{border-color:var(--ft-primary);box-shadow:0 0 0 3px rgba(14,165,233,.12)}.ft-input::placeholder{color:var(--ft-text-muted)}.ft-page-header{margin-bottom:28px}.ft-page-header h1{color:var(--ft-text);font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}.ft-page-header p{color:var(--ft-text-secondary);font-size:15px;margin:0}.ft-login-wrapper{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:100vh;padding:20px}.ft-login-box{background:var(--ft-surface);border-radius:var(--ft-radius);box-shadow:var(--ft-shadow-xl);max-width:420px;overflow:hidden;width:100%}.ft-login-header{background:linear-gradient(135deg,var(--ft-primary),var(--ft-primary-dark));color:#fff;padding:40px 32px;text-align:center}.ft-login-header i{font-size:48px;margin-bottom:12px;opacity:.9}.ft-login-header h2{color:#fff;font-size:24px;font-weight:800;margin:0 0 6px}.ft-login-header p{color:#fff;font-size:14px;margin:0;opacity:.85}.ft-login-body{padding:32px}.ft-login-footer{color:var(--ft-text-muted);font-size:13px;padding:0 32px 24px;text-align:center}.ft-login-footer a{color:var(--ft-primary);font-weight:600;text-decoration:none}@media (max-width:1024px){.ft-sidebar{transform:translateX(-100%)}.ft-sidebar.open{transform:translateX(0)}.ft-main{margin-left:0}.ft-menu-toggle{display:flex}.ft-content{padding:20px}.ft-stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ft-dashboard-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:640px){.ft-header{padding:0 16px}.ft-content{padding:16px}.ft-stats-grid{grid-template-columns:1fr}.ft-page-header h1{font-size:22px}.ft-header-title{font-size:16px}.ft-btn-primary,.ft-btn-secondary{font-size:13px;padding:10px 14px}.ft-chart-bars{gap:8px;height:160px}.ft-stat-value{font-size:22px}.ft-card-body{padding:16px}.ft-activity-item{gap:10px;padding:10px 0}.ft-activity-icon{font-size:12px;height:32px;width:32px}.ft-table-wrap{border-radius:var(--ft-radius-sm)}}.ft-flex{display:flex}.ft-flex-between{justify-content:space-between}.ft-flex-between,.ft-flex-center{align-items:center;display:flex}.ft-gap-2{gap:8px}.ft-gap-3{gap:12px}.ft-gap-4{gap:16px}.ft-mb-0{margin-bottom:0!important}.ft-mb-3{margin-bottom:16px}.ft-mb-4{margin-bottom:24px}.ft-mt-4{margin-top:24px}.ft-w-full{width:100%}.ft-text-right{text-align:right}.ft-text-muted{color:var(--ft-text-muted)}.ft-text-secondary{color:var(--ft-text-secondary)}.ft-text-primary{color:var(--ft-primary)}.ft-text-success{color:var(--ft-success)}.ft-text-danger{color:var(--ft-danger)}.ft-text-warning{color:var(--ft-warning)}.ft-font-bold{font-weight:700}.ft-font-semibold{font-weight:600}.ft-hidden{display:none!important}.ft-overlay{background:rgba(0,0,0,.4);display:none;inset:0;position:fixed;z-index:999}.ft-overlay.active{display:block}.ft-dashboard-grid{display:grid;gap:24px;grid-template-columns:2fr 1fr}.ft-chart-bars{align-items:flex-end;display:flex;gap:12px;height:200px;padding-top:20px}.ft-chart-bar-wrap{align-items:center;display:flex;flex:1;flex-direction:column;gap:8px}.ft-chart-bar{background:linear-gradient(to top,var(--ft-primary),var(--ft-primary-dark));border-radius:6px 6px 0 0;opacity:.85;width:100%}.ft-chart-label{color:var(--ft-text-muted);font-size:11px;font-weight:600}.ft-vehicle-card{align-items:center;background:var(--ft-surface);border:1px solid var(--ft-border);border-radius:var(--ft-radius);box-shadow:var(--ft-shadow-sm);display:flex;gap:16px;padding:20px;transition:var(--ft-transition)}.ft-vehicle-card:hover{box-shadow:var(--ft-shadow-md)}.ft-vehicle-img{align-items:center;background:var(--ft-primary-light);border-radius:var(--ft-radius-sm);color:var(--ft-primary);display:flex;flex-shrink:0;font-size:24px;height:64px;justify-content:center;width:64px}.ft-vehicle-info{flex:1;min-width:0}.ft-vehicle-name{color:var(--ft-text);font-size:15px;font-weight:700;margin:0 0 4px}.ft-vehicle-meta{color:var(--ft-text-secondary);font-size:13px;margin:0}.ft-alert{border-radius:var(--ft-radius-sm);font-size:14px;font-weight:500;margin-bottom:20px;padding:14px 18px}.ft-alert--success{background:var(--ft-success-light);border:1px solid rgba(16,185,129,.2);color:#047857}.ft-alert--danger{background:var(--ft-danger-light);border:1px solid rgba(239,68,68,.2);color:#b91c1c}body.flottigo-v2.ft-auth-page .footer,body.flottigo-v2.ft-auth-page .ft-header,body.flottigo-v2.ft-auth-page .ft-sidebar{display:none!important}body.flottigo-v2.ft-auth-page .ft-main{margin-left:0!important}body.flottigo-v2.ft-auth-page .ft-content{max-width:none;padding:0!important}body.flottigo-v2 #footer-bar,body.flottigo-v2 .header{display:none!important}body.flottigo-v2 .page-content{padding-bottom:0!important}body.flottigo-v2 #menu-colors,body.flottigo-v2 #menu-main,body.flottigo-v2 #menu-share,body.flottigo-v2 .menu-box-bottom,body.flottigo-v2 .menu-box-left,body.flottigo-v2 .menu-box-right,body.flottigo-v2 .menu-box-top{display:none!important}body.flottigo-v2 .menu-box-modal{background:var(--ft-surface)!important;border:1px solid var(--ft-border)!important;border-radius:var(--ft-radius)!important;box-shadow:var(--ft-shadow-lg)!important;color:var(--ft-text)!important;padding:24px!important}body.flottigo-v2 .menu-box-modal h1,body.flottigo-v2 .menu-box-modal h2,body.flottigo-v2 .menu-box-modal h3{color:var(--ft-text)!important;font-weight:700!important}body.flottigo-v2 .menu-box-modal .btn{border:none!important;border-radius:var(--ft-radius-sm)!important;font-weight:600!important;text-transform:none!important}body.flottigo-v2 .menu-box-modal .bg-green-dark{background:var(--ft-success)!important;color:#fff!important}body.flottigo-v2 .menu-box-modal .bg-red-dark{background:var(--ft-danger)!important;color:#fff!important}#cookieBanner{border:1px solid var(--ft-border)!important;border-radius:var(--ft-radius)!important;box-shadow:var(--ft-shadow-lg)!important;font-family:Inter,sans-serif!important}#cookieBanner button#cookieAccept,#cookieBanner button#cookieReject{border-radius:var(--ft-radius-sm)!important;font-weight:600!important}