:root{--sidebar-width:276px;--sidebar-collapsed-width:66px;--header-height:60px}.sidebar{width:var(--sidebar-width)!important;height:100vh;max-height:100dvh;box-sizing:border-box;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,250,252,.9) 30%,rgba(241,245,249,.85) 70%,rgba(236,241,246,.8))!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:calc(var(--header-height) + 8px) 16px 16px!important;gap:0!important;position:fixed!important;inset:0 auto 0 0!important;z-index:100!important;border-right:1px solid rgba(0,153,96,.16)!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important;overflow-y:hidden!important;overflow-x:hidden!important;justify-content:flex-start!important;transition:width .25s cubic-bezier(.4,0,.2,1)!important;font-family:var(--font-display)!important}.sidebar.collapsed{width:var(--sidebar-collapsed-width)!important;align-items:center!important;padding:calc(var(--header-height) + 8px) 0 16px!important}.sidebar:before{bottom:0;background:radial-gradient(circle at 20% 10%,rgba(0,153,96,.07) 0,transparent 40%),radial-gradient(circle at 80% 90%,rgba(0,184,112,.05) 0,transparent 40%);pointer-events:none}.sidebar:after,.sidebar:before{content:"";position:absolute;top:0;left:0;right:0}.sidebar:after{height:2px;background:linear-gradient(90deg,rgba(0,153,96,.35),transparent 70%)}.sidebar-header-row{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;padding:0 2px;flex-shrink:0}.sidebar.collapsed .sidebar-header-row{justify-content:center;margin-bottom:8px;padding:0}.logo-mark{width:36px;height:36px;min-width:36px;border-radius:10px;background:linear-gradient(135deg,#007a4d,#00b870);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,184,112,.35);flex-shrink:0;overflow:hidden;text-decoration:none;border:none}.sidebar:not(.collapsed) .logo-mark{width:auto;min-width:auto;padding:4px 8px;background:transparent;box-shadow:none}.logo-mark-img{width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}.sidebar:not(.collapsed) .logo-mark-img{width:auto;max-height:32px;max-width:140px;filter:none}.sidebar-toggle{width:32px;height:32px;min-width:32px;border:none;border-radius:8px;background:rgba(0,153,96,.1);color:#009960;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{background:rgba(0,153,96,.2);color:#007a4d}.sidebar-nav{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin-top:0;margin-bottom:0;padding:0;overflow:hidden;gap:0}.sidebar:not(.collapsed) .sidebar-nav>.nav-btn,.sidebar:not(.collapsed) .sidebar-nav>a.nav-btn,.sidebar:not(.collapsed) .sidebar-nav>div.nav-btn{flex:1 1;min-height:0;padding:1px 10px;border-radius:10px;align-items:center}.sidebar.collapsed .sidebar-nav{flex:1 1 auto;min-height:0;justify-content:space-evenly;gap:0;padding:0 0 4px}.sidebar.collapsed .sidebar-nav>.nav-btn,.sidebar.collapsed .sidebar-nav>a.nav-btn,.sidebar.collapsed .sidebar-nav>div.nav-btn{flex:1 1;min-height:0;padding:0;border-radius:8px}.nav-btn{min-height:0;padding:4px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;color:#334155;cursor:pointer;transition:all .18s;position:relative;text-decoration:none;border:none;background:none;width:100%;justify-content:flex-start}.sidebar.collapsed .nav-btn{width:40px;min-width:40px;padding:0;justify-content:center}.nav-btn-icon{display:flex;align-items:center;justify-content:center;color:#334155;width:var(--sidebar-nav-icon);height:var(--sidebar-nav-icon);font-size:var(--sidebar-nav-icon);line-height:0}.nav-btn-icon,.nav-btn-icon svg,.nav-btn-icon>svg{flex-shrink:0;min-width:var(--sidebar-nav-icon);min-height:var(--sidebar-nav-icon)}.nav-btn-icon svg,.nav-btn-icon>svg{display:block;width:var(--sidebar-nav-icon)!important;height:var(--sidebar-nav-icon)!important;box-sizing:border-box;vertical-align:middle}.nav-btn.on .nav-btn-icon,.nav-btn:hover .nav-btn-icon,a.nav-btn.active .nav-btn-icon{color:inherit}.nav-btn-icon .sidebar-dashboard-asset,.sidebar .nav-btn-icon>img{display:block;flex-shrink:0;width:var(--sidebar-nav-icon)!important;height:var(--sidebar-nav-icon)!important;max-width:var(--sidebar-nav-icon);max-height:var(--sidebar-nav-icon);object-fit:contain;object-position:center}.sidebar-dashboard-asset{filter:brightness(0) saturate(100%) invert(28%) sepia(6%) saturate(500%) hue-rotate(180deg) brightness(.92)}.nav-btn.on .sidebar-dashboard-asset,a.nav-btn.active .sidebar-dashboard-asset{filter:brightness(0) invert(1)}.nav-label{font-size:.7rem;font-weight:600;letter-spacing:.01em;color:#475569;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .nav-label{display:none!important}.nav-btn:hover{background:rgba(0,153,96,.08);color:#334155}.nav-btn:hover .nav-label{color:#334155}.nav-btn.on .nav-btn-icon,.nav-btn.on .nav-label,a.nav-btn.active .nav-btn-icon,a.nav-btn.active .nav-label{color:#fff!important}.nav-btn.on,a.nav-btn.active{background:linear-gradient(135deg,#00b870,#009960 50%,#007a4d);border:none;color:#fff;box-shadow:0 2px 8px rgba(0,153,96,.22),inset 0 1px 0 rgba(255,255,255,.12)}.sidebar-footer{display:flex;flex-direction:column;gap:6px;flex-shrink:0;padding-top:10px;border-top:1px solid rgba(0,0,0,.08);margin-top:auto}.sidebar-collapse-btn{min-height:32px;padding:6px 10px;background:rgba(0,153,96,.09);color:#007a4d;flex:0 0 auto}.sidebar-collapse-btn:hover{background:rgba(0,153,96,.16)}.sidebar-logo-wrap{display:flex;justify-content:center;align-items:center;padding:16px 0 8px;margin-top:8px;border-top:1px solid rgba(0,0,0,.06)}.sidebar-logo{max-width:120px;max-height:40px;object-fit:contain}.sidebar.collapsed .sidebar-footer{align-items:center}.sidebar .sidebar-profile{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.88);border:1px solid rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04);cursor:pointer;transition:all .18s;text-decoration:none;color:inherit;width:100%;flex-shrink:0}.sidebar .sidebar-profile:hover{background:rgba(0,153,96,.07)}.sidebar-profile-top{margin-bottom:8px;flex-shrink:0}.sidebar-profile-avatar{width:38px;height:38px;min-width:38px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#5e3ec0,#1f6fd4);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(94,62,192,.35)}.sidebar-profile-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-profile-avatar .avatar-fallback{font-size:13px;font-weight:700;color:#fff}.sidebar-profile-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-profile-name{font-size:.8rem;font-weight:700;color:#0d1219;line-height:1.2}.sidebar-profile-company,.sidebar-profile-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-company{font-size:.7rem;font-weight:500;color:#64748b}.sidebar-profile-role{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8}.sidebar.collapsed .sidebar-profile{padding:8px;justify-content:center}.sidebar.collapsed .sidebar-profile-info{display:none}.sidebar.collapsed .sidebar-profile-avatar{width:34px;height:34px;min-width:34px;border-radius:10px}.sidebar .avatar{min-height:32px;padding:0 10px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;color:#fff;cursor:pointer;flex-shrink:0;background:none;border:none;width:100%;justify-content:flex-start;transition:all .18s}.sidebar.collapsed .avatar{padding:0;background:linear-gradient(135deg,#5e3ec0,#1f6fd4)!important}.avatar-initials,.sidebar.collapsed .avatar{width:32px;min-width:32px;height:32px;justify-content:center;border-radius:50%;box-shadow:0 2px 8px rgba(94,62,192,.35)}.avatar-initials{background:linear-gradient(135deg,#5e3ec0,#1f6fd4);display:flex;align-items:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.sidebar.collapsed .avatar .avatar-initials{width:32px;height:32px}.sidebar .avatar:hover{background:rgba(255,255,255,.07)!important}.sidebar.collapsed .avatar:hover{background:linear-gradient(135deg,#6d4cdb,#2d7fe8)!important}.app-container .dashboard-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:60px!important;padding-left:calc(var(--sidebar-width) + 28px)!important;background:#fff!important;border-bottom:1px solid rgba(0,0,0,.07)!important;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.04)!important;transition:padding-left .25s cubic-bezier(.4,0,.2,1)!important;font-family:var(--font-display)!important;z-index:150!important}.app-container .dashboard-header .header-sidebar-zone{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:var(--sidebar-width)!important;box-sizing:border-box!important;padding:0 16px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;z-index:2!important;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1)!important}.app-container .dashboard-header .header-sidebar-zone:after{content:""!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:1px!important;height:32px!important;background:rgba(0,0,0,.14)!important;pointer-events:none!important}html body.sidebar-collapsed .app-container .dashboard-header .header-sidebar-zone{width:var(--sidebar-collapsed-width)!important;padding:0 6px!important}.app-container .dashboard-header .header-logo-corner{flex-shrink:0!important}.app-container .dashboard-header .header-left,.app-container .dashboard-header .header-logo-corner{position:static!important;left:auto!important;top:auto!important;transform:none!important;display:flex!important;align-items:center!important;z-index:2!important}.app-container .dashboard-header .header-left{margin-left:0!important;padding-left:0!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;gap:10px!important}.app-container .dashboard-header .header-fleet-title{font-size:13px!important;font-weight:800!important;letter-spacing:.02em!important;line-height:1.15!important;color:#0d1219!important;margin:0!important;text-transform:uppercase!important;font-family:var(--font-display)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.app-container .dashboard-header .header-fleet-title em{font-style:normal!important;font-weight:800!important;color:#009960!important}.app-container .dashboard-header .header-brand{font-size:13px!important;font-weight:800!important;letter-spacing:-.01em!important;color:#0d1219!important;text-decoration:none!important}.app-container .dashboard-header .header-brand b{color:#009960!important;font-weight:800!important}.app-container .dashboard-header .header-crumb{position:absolute!important;left:calc(var(--sidebar-width) + 12px)!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;font-size:12px;color:#6b7694;font-weight:500;text-transform:uppercase;z-index:1!important;white-space:nowrap!important}html body.sidebar-collapsed .app-container .dashboard-header .header-crumb{left:calc(var(--sidebar-collapsed-width) + 12px)!important}.app-container .dashboard-header .header-right{margin-left:auto!important}.app-container .dashboard-header .header-search-box{position:relative;display:flex;align-items:center}.app-container .dashboard-header .header-search-box .header-search-icon{position:absolute;left:9px;color:#b0b8cc;pointer-events:none;font-size:14px}.app-container .dashboard-header .header-search-input{background:#f7f8fb;border:1.5px solid rgba(0,0,0,.07);border-radius:8px;padding:7px 12px 7px 32px;font-family:var(--font-mono);font-size:12px;color:#0d1219;width:210px;outline:none;transition:all .2s}.app-container .dashboard-header .header-search-input::placeholder{color:#b0b8cc}.app-container .dashboard-header .header-search-input:focus{border-color:#009960;box-shadow:0 0 0 3px rgba(0,153,96,.1)}.app-container .dashboard-header .header-icon-btn{width:34px;height:34px;min-width:34px;border-radius:8px;background:#f7f8fb;border:1.5px solid rgba(0,0,0,.07);color:#6b7694;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s;flex-shrink:0}.app-container .dashboard-header .header-icon-btn:hover{color:#0d1219;border-color:rgba(0,0,0,.13)}.app-container .dashboard-header .header-icon-btn.has-notifications{position:relative}.app-container .dashboard-header .header-icon-btn.has-notifications:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#bf2040;border:1.5px solid #fff}.app-container .dashboard-header .btn{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:8px;font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .18s;white-space:nowrap;line-height:1}.app-container .dashboard-header .btn-ghost{background:#f7f8fb;color:#6b7694;border:1.5px solid rgba(0,0,0,.07)}.app-container .dashboard-header .btn-ghost:hover{color:#0d1219;border-color:rgba(0,0,0,.13);background:#eceef4}.app-container .dashboard-header .btn-primary{background:#009960;color:#fff;box-shadow:0 2px 10px rgba(0,153,96,.2)}.app-container .dashboard-header .btn-primary:hover{background:#00b870;transform:translateY(-1px);box-shadow:0 4px 18px rgba(0,153,96,.2)}.dashboard-container{margin-left:var(--sidebar-width)!important;transition:margin-left .25s cubic-bezier(.4,0,.2,1)!important}html body.sidebar-collapsed .dashboard-container{margin-left:var(--sidebar-collapsed-width)!important}html body.sidebar-collapsed .app-container .dashboard-header{padding-left:calc(var(--sidebar-collapsed-width) + 28px)!important}@media (max-width:768px){:root{--header-height:56px}.dashboard-container{margin-left:0!important}.app-container .dashboard-header{left:0!important;width:100%!important;padding:0 10px!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;position:fixed!important}.app-container .dashboard-header .header-sidebar-zone{position:static!important;left:auto!important;top:auto!important;width:auto!important;flex:1 1 auto!important;min-width:0!important;order:0!important;padding:0!important;border:none!important;display:flex!important;align-items:center!important;gap:0!important}.app-container .dashboard-header .header-sidebar-zone:after{display:none!important}.app-container .dashboard-header .header-sidebar-zone .header-left{order:0!important;position:static!important;left:auto!important;top:auto!important;transform:none!important;max-width:none!important;margin-left:0!important;padding-left:0!important;flex:0 0 auto!important;gap:0!important}.app-container .dashboard-header .header-sidebar-zone .header-logo-corner{position:static!important;transform:none!important;order:1!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:0!important}.app-container .dashboard-header .header-sidebar-zone .header-logo-corner .logo-image{height:28px!important;max-width:80px!important;transform:none!important;flex-shrink:0!important}.app-container .dashboard-header .header-fleet-title{display:none!important}.app-container .dashboard-header .header-sidebar-zone .header-logo-corner:after{content:"FLEET MANAGEMENT"!important;font-size:7px!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:uppercase!important;font-family:var(--font-display)!important;color:#0d1219!important;white-space:nowrap!important}.app-container .dashboard-header .header-crumb{display:none!important}.app-container .dashboard-header .header-right{order:2!important;flex:0 0 auto!important;gap:6px!important}.app-container .dashboard-header .header-right .header-icon-btn{font-size:.95rem!important;padding:.4rem!important;border-radius:10px!important}.app-container .dashboard-header .header-right .header-icon-btn,.app-container .dashboard-header .mobile-menu-btn{width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important}.app-container .dashboard-header .mobile-menu-btn{font-size:1.1rem!important;padding:0!important;background:none!important;border:none!important;color:#334155!important;border-radius:8px!important;cursor:pointer!important}.app-container .dashboard-header .mobile-menu-btn:active{background:rgba(0,0,0,.05)!important}.app-container .dashboard-header .btn-ghost,.app-container .dashboard-header .btn-primary{display:none!important}.sidebar{width:var(--sidebar-width)!important;top:var(--header-height)!important;bottom:0!important;left:0!important;right:auto!important;padding:12px 10px 10px!important;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none;z-index:1002!important;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,250,252,.9) 30%,rgba(241,245,249,.85) 70%,rgba(236,241,246,.8))!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border-right:1px solid rgba(0,153,96,.16)!important}.sidebar:before{display:block!important}.sidebar-visible .sidebar{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.15)}.sidebar-visible .mobile-menu-btn{color:#009960!important;background:rgba(0,153,96,.1)!important}.sidebar-visible .sidebar.collapsed{width:var(--sidebar-width)!important;align-items:stretch!important;padding:16px 12px!important}.sidebar-visible .sidebar.collapsed .nav-label{display:block!important}.sidebar-visible .sidebar.collapsed .nav-btn{width:100%!important;justify-content:flex-start!important;padding:0 12px!important}.sidebar-visible .sidebar.collapsed .sidebar-header-row{flex-direction:row!important}.sidebar-visible .sidebar.collapsed .avatar,.sidebar-visible .sidebar.collapsed .sidebar-profile{width:100%!important;justify-content:flex-start!important;padding:10px 12px!important;border-radius:9px!important;background:rgba(0,0,0,.03)!important}.sidebar-visible .sidebar.collapsed .avatar .avatar-initials{flex-shrink:0}.sidebar-visible .sidebar.collapsed .sidebar-profile-info{display:flex!important}}@media (min-width:769px){.sidebar{height:100vh;max-height:100dvh;box-sizing:border-box;padding:calc(var(--header-height) + 8px) 16px 12px!important}.sidebar.collapsed{padding:calc(var(--header-height) + 8px) 0 12px!important}.sidebar .sidebar-nav{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;max-height:none!important;gap:0!important;margin-bottom:0!important;padding:0!important}.sidebar .sidebar-profile{padding:10px 12px;border-radius:12px}.sidebar .sidebar-profile-top{margin-bottom:8px}.sidebar .sidebar-profile-avatar{width:38px;height:38px;min-width:38px}.sidebar .sidebar-footer{margin-top:auto;flex-shrink:0;padding-top:8px}.sidebar .sidebar-logo-wrap{padding:10px 0 4px;margin-top:4px}.sidebar .sidebar-logo{max-height:36px}}