:root{--font-display:"Montserrat","Inter",ui-sans-serif,system-ui,sans-serif;--font-body:"Inter","Montserrat",ui-sans-serif,system-ui,sans-serif;--font-data:"Inter","Montserrat",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}* input[type=number]::-webkit-inner-spin-button,* input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0!important;display:none!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important}a.driver-tab{color:#5c5c5c!important;text-decoration:none!important}a.driver-tab.active{color:#2c2c2c!important}.active{color:inherit}.btn-primary{background-color:#4CAF50!important;color:white!important}.btn-primary:hover{background-color:#388E3C!important}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{background-color:#ffffff;color:var(--text-primary);line-height:1.6;min-height:100vh;font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.account-number-value,.bp-card-value,.bp-deductions-table td,.bp-deductions-table th,.bp-detail-table td,.bp-detail-table th,.bp-table td,.bp-table th,.daily-routes-table td,.daily-routes-table th,.days-pill,.deductions-table td,.deductions-table th,.det-tab-count,.det-table td,.det-table th,.dr-current-week,.dr-detail-value,.dr-info-value,.dr-progress-text,.dr-schedule-time,.dr-stat-value,.driver-card-id,.drivers-kpi-val,.drivers-table td,.drivers-table th,.incident-info-value,.incidents-table td,.incidents-table th,.kpi-val,.metric-value,.money,.money-sub,.mp-calendar-day,.mp-driver-count,.onboarding-table td,.onboarding-table th,.perf-depot-code,.perf-dtbl td,.perf-dtbl th,.perf-kpi-pct,.perf-kpi-val,.perf-m,.perf-tbl-count,.perf-w-tag,.perf-wk-chip,.pm-card-value,.pm-current-week,.pm-fp-kpi-sub,.pm-fp-kpi-val,.pm-monthly-table td,.pm-monthly-table th,.pm-payment-table td,.pm-payment-table th,.sb-card-val,.sort-code-value,.stat-value,.vh-count,.wp-available-cell,.wp-schedule-cell,.wp-table td,.wp-table th,.wp-target-cell,.wp-target-input,.wp-target-total,.wp-total-value,input[type=number]{font-family:var(--font-numbers)!important;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:root{--primary-color:#009960;--primary-dark:#388E3C;--primary-light:#e5f5e8;--secondary-color:#153415;--dark-color:#333;--light-color:#f5f7fa;--gray-color:#777;--border-color:#e0e0e0;--danger-color:#dc3545;--warning-color:#ffc107;--success-color:#28a745;--info-color:#9f8fc7;--text-primary:#333333;--text-secondary:#666666;--background-light:#fafbfc;--background-dark:#2a2f42;--background-darker:#222636;--background-darkest:#f0f0f0;--shadow-color:rgba(0,0,0,0.1);--header-height:60px;--sidebar-width:276px;--sidebar-collapsed-width:66px;--sidebar-nav-icon:17px;--text-primary-dark:#ffffff;--text-secondary-dark:#cccccc;--border-color-dark:#404040;--fp-bg:#f0f2f7;--fp-sur:#fff;--fp-sur2:#f7f8fb;--fp-sur3:#eceef4;--fp-bd:rgba(0,0,0,.07);--fp-bd2:rgba(0,0,0,.13);--fp-tx:#0d1219;--fp-mu:#6b7694;--fp-di:#b0b8cc;--fp-gr:#009960;--fp-grh:#00b870;--fp-grd:rgba(0,153,96,.09);--fp-grg:rgba(0,153,96,.2);--fp-re:#bf2040;--fp-red:rgba(191,32,64,.08);--fp-s1:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.04);--fp-s2:0 4px 16px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.04);--font-numbers:var(--font-data)}@media (max-width:768px){body{font-size:14px}}a{text-decoration:none;color:inherit;transition:color .2s}a:hover{color:var(--primary-color)}ul{list-style:none}button{cursor:pointer;font-size:inherit}.activity-title,.chart-header h3,.cov-title,.data-section h3,.db-section-title,.db-workflow-header,.db-workflow-item-label,.drivers-kpi-lbl,.metric-title,.page-title,.panel-title,.perf-eyebrow,.perf-kpi-lbl,.perf-page-title,.section-title,.widget-title,h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-family:var(--font-display)}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-danger{color:var(--danger-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.btn{padding:.8rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;text-decoration:none;text-align:center;display:inline-block;transition:all .3s ease;border:none;font-size:.95rem}.btn-primary{background-color:var(--primary-color);color:white}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-light)}.btn-danger{background-color:var(--danger-color);color:white}.btn-danger:hover{background-color:#c74545}.btn-outline{background-color:transparent;color:var(--dark-color);border:1px solid var(--border-color)}.btn-outline:hover{background-color:#f0f0f0}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-icon{display:flex;align-items:center;gap:.5rem}.form-group{margin-bottom:1.5rem}.form-control{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(101,192,122,.2)}.form-control.is-invalid{border-color:var(--danger-color);background-color:#fff8f8}.invalid-feedback{color:var(--danger-color);font-size:.85rem;margin-top:.25rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--dark-color)}.form-text{display:block;font-size:.8rem;color:var(--gray-color);margin-top:.25rem}.form-row{display:flex;gap:1rem}.form-row .half{flex:1 1}.form-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.modal-body .form-actions,.modal-container .form-actions,.modal-overlay .form-actions,div[class*=modal] .form-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:1rem!important}.modal-body .form-actions button,.modal-container .form-actions button,.modal-overlay .form-actions button,div[class*=modal] .form-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.action-buttons,.button-group,.form-footer,.modal-actions,.modal-footer{display:flex!important;justify-content:center!important;align-items:center!important;gap:1rem!important}.modal-container button,.modal-overlay button,[class*=Modal] button,[class*=modal] button{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.dashboard-container{display:flex;min-height:calc(100vh - var(--header-height));margin-top:var(--header-height);margin-left:var(--sidebar-width)}.sidebar{width:var(--sidebar-width);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));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-right:1px solid rgba(76,175,80,.15);height:100vh;position:fixed;top:0;left:0;overflow-y:auto;overflow-x:hidden;z-index:100;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(76,175,80,.08),0 4px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.9),inset 1px 0 0 rgba(76,175,80,.05);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.sidebar:after{width:1px;height:100%;background:linear-gradient(180deg,rgba(76,175,80,.2),rgba(76,175,80,.05) 50%,rgba(76,175,80,.2))}.sidebar:after,.sidebar:before{content:"";position:absolute;top:0;right:0}.sidebar:before{left:0;bottom:0;background:radial-gradient(circle at 20% 10%,rgba(76,175,80,.08) 0,transparent 40%),radial-gradient(circle at 80% 90%,rgba(129,199,132,.06) 0,transparent 40%),linear-gradient(135deg,rgba(76,175,80,.02),rgba(129,199,132,.015));pointer-events:none}.sidebar.collapsed{width:var(--sidebar-collapsed-width);box-shadow:0 8px 32px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.8)}.sidebar-header{height:var(--header-height);min-height:var(--header-height);padding:0 1rem;flex-shrink:0;border-bottom:1px solid rgba(148,163,184,.12)}.sidebar-header,.sidebar-header .sidebar-logo-link{display:flex;align-items:center;justify-content:center}.sidebar-header .sidebar-logo-link{width:100%}.sidebar-header .sidebar-logo{max-width:140px;height:auto;object-fit:contain}.sidebar-toggle{width:28px;height:28px;border:none;background:rgba(76,175,80,.1);color:#4CAF50;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.75rem}.sidebar-toggle:hover{background:rgba(76,175,80,.15);color:#45a049;transform:scale(1.05)}.sidebar-toggle .fa-chevron-right{transition:transform .3s ease}.sidebar-toggle .fa-chevron-right.rotated{transform:rotate(180deg)}.sidebar-close{width:28px;height:28px;border:none;background:rgba(76,175,80,.1);color:#4CAF50;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.75rem}.sidebar-close:hover{background:rgba(76,175,80,.15);color:#45a049}.desktop-only{display:flex!important}.mobile-only{display:none!important}.sidebar-user{padding:1rem 1.1rem;margin:.6rem .6rem .8rem;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:14px;display:flex;align-items:center;gap:.9rem;position:relative;box-shadow:0 6px 24px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.6);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.sidebar-user:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.8)}.user-toggle-btn{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(129,199,132,.08));color:#4CAF50;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-size:.75rem;box-shadow:0 3px 10px rgba(76,175,80,.15),inset 0 1px 0 rgba(255,255,255,.3)}.user-toggle-btn:hover{background:linear-gradient(135deg,rgba(76,175,80,.15),rgba(129,199,132,.12));color:#45a049;transform:translateY(-50%) scale(1.08);box-shadow:0 6px 16px rgba(76,175,80,.25),inset 0 1px 0 rgba(255,255,255,.5)}.user-toggle-btn .fa-chevron-right{transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.user-toggle-btn .fa-chevron-right.rotated{transform:rotate(180deg)}.user-avatar{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.3rem;box-shadow:0 8px 24px rgba(76,175,80,.25),0 3px 10px rgba(76,175,80,.15),0 1px 3px rgba(76,175,80,.1),inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 12px rgba(255,255,255,.1);flex-shrink:0;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.user-avatar .profile-image{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}.user-avatar .avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,#4CAF50,#66BB6A 25%,#81C784 50%,#A5D6A7 75%,#C8E6C9);border-radius:14px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.3rem}.user-avatar .avatar-initials{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.user-avatar:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(-45deg);transition:all .6s ease;opacity:0}.sidebar-user:hover .user-avatar:after{opacity:1;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%) rotate(-45deg)}to{transform:translateX(100%) rotate(-45deg)}}.user-avatar:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,rgba(76,175,80,.3),rgba(129,199,132,.2));border-radius:18px;z-index:-1;opacity:0;transition:opacity .3s ease}.sidebar-user:hover .user-avatar:before{opacity:1}.sidebar-user:hover .user-avatar{transform:scale(1.05);box-shadow:0 12px 32px rgba(76,175,80,.4),0 4px 8px rgba(76,175,80,.3),inset 0 1px 0 rgba(255,255,255,.3)}.user-info{flex:1 1;min-width:0;padding-right:2rem}.user-name{font-size:.85rem;font-weight:700;color:#1e293b;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-role{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:.2rem .4rem;background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(129,199,132,.08));border-radius:6px;display:inline-block;border:1px solid rgba(76,175,80,.15)}.user-creator{font-size:.6rem;color:#64748b;font-weight:400;margin-top:.25rem;line-height:1.2;opacity:.8;font-style:italic}.sidebar-nav{flex:1 1 auto;min-height:0;padding:.15rem .35rem}@media (max-width:768px){.sidebar-nav{overflow:hidden;max-height:none}}.nav-section{margin-bottom:1.3rem}.nav-title{padding:.6rem .8rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:.4rem;background:linear-gradient(135deg,rgba(100,116,139,.05),rgba(148,163,184,.03));border-radius:7px;border-left:3px solid rgba(76,175,80,.3)}.sidebar-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1.1rem;margin:.25rem .6rem;color:#475569;text-decoration:none;font-size:.87rem;font-weight:600;border-radius:13px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;background:transparent;min-width:0;letter-spacing:.02em}.sidebar-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(248,250,252,.8),rgba(241,245,249,.6));opacity:0;transition:all .3s ease;border-radius:14px}.sidebar-item:hover:before{opacity:1}.sidebar-item:hover{color:#334155;transform:translateX(6px) translateY(-2px) scale(1.02);box-shadow:0 12px 30px rgba(76,175,80,.1),0 6px 16px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.6)}.sidebar-item.active{background:linear-gradient(135deg,#4CAF50,#66BB6A 50%,#81C784);color:white;box-shadow:0 12px 28px rgba(76,175,80,.35),0 4px 8px rgba(76,175,80,.2),inset 0 1px 0 rgba(255,255,255,.2);transform:translateX(6px) translateY(-2px)}.sidebar-item.active:before{opacity:0}.sidebar-item.active:after{content:"";position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:rgba(255,255,255,.8);border-radius:0 4px 4px 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.sidebar.collapsed .sidebar-item.active:after{display:none}.item-icon{font-size:var(--sidebar-nav-icon);color:inherit;width:var(--sidebar-nav-icon);height:var(--sidebar-nav-icon);line-height:0;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);text-align:center}.item-icon,.item-icon svg,.item-icon>svg{min-width:var(--sidebar-nav-icon);min-height:var(--sidebar-nav-icon);flex-shrink:0}.item-icon svg,.item-icon>svg{width:var(--sidebar-nav-icon)!important;height:var(--sidebar-nav-icon)!important;display:block;box-sizing:border-box}.item-icon .sidebar-dashboard-asset,.item-icon>img{width:var(--sidebar-nav-icon)!important;height:var(--sidebar-nav-icon)!important;object-fit:contain;object-position:center}.sidebar-item:hover .item-icon{transform:scale(1.1)}.sidebar-item.active .item-icon{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.item-label{flex:1 1;white-space:nowrap;overflow:visible;text-overflow:unset;font-weight:600;letter-spacing:.01em;min-width:0}.item-arrow{font-size:.7rem;opacity:0;transform:translateX(-8px) scale(.8);transition:all .4s cubic-bezier(.25,.46,.45,.94);color:inherit;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:6px}.sidebar-item:hover .item-arrow{opacity:.7;transform:translateX(0) scale(1)}.sidebar-item.active .item-arrow{opacity:.9;transform:translateX(2px) scale(1.1);background:rgba(255,255,255,.2);box-shadow:0 2px 4px rgba(0,0,0,.1)}.sidebar.collapsed .sidebar-user{padding:.75rem;margin:.5rem .25rem .75rem;justify-content:center;border-radius:10px;position:relative;display:flex;align-items:center;width:calc(100% - .5rem)}.sidebar.collapsed .user-toggle-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:28px;height:28px;font-size:.7rem}.sidebar.collapsed .user-avatar{width:32px;height:32px;font-size:1rem}.sidebar.collapsed .sidebar-item{margin:.25rem auto;width:56px;height:56px;text-align:center}.sidebar.collapsed .item-icon,.sidebar.collapsed .sidebar-item{padding:0;justify-content:center;align-items:center;border-radius:12px;display:flex;flex-shrink:0}.sidebar.collapsed .item-icon{width:100%;height:100%;color:inherit;font-size:1.2rem;position:relative;margin:0;background:transparent}.sidebar.collapsed .sidebar-item.active{transform:translateX(0) translateY(0);box-shadow:0 8px 20px rgba(76,175,80,.3),0 3px 6px rgba(76,175,80,.2)}.sidebar.collapsed .item-arrow,.sidebar.collapsed .item-label,.sidebar.collapsed .nav-title,.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .nav-section{margin-bottom:1rem}.main-content{flex:1 1;width:100%;padding:.5rem;background:linear-gradient(145deg,rgba(255,255,255,.6),rgba(248,250,252,.4) 50%,rgba(241,245,249,.3));min-height:calc(100vh - var(--header-height));overflow-y:auto;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.main-content:has(.dl-root){padding:0}.main-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(76,175,80,.01),rgba(129,199,132,.005));pointer-events:none}body.sidebar-collapsed .main-content{width:100%;transition:all .3s cubic-bezier(.25,.46,.45,.94)}body.sidebar-collapsed .dashboard-container{margin-left:var(--sidebar-collapsed-width);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.dashboard-container{transition:margin-left .3s cubic-bezier(.25,.46,.45,.94);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.dashboard-container{margin-left:0}.sidebar{width:280px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 30px rgba(0,0,0,.15);z-index:1000;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none}.sidebar.collapsed{width:280px}.sidebar-visible .sidebar{transform:translateX(0)}.desktop-only{display:none!important}.mobile-only{display:flex!important}.sidebar-header{display:none}.sidebar-user{padding:1.25rem 1rem;margin:.5rem .5rem .75rem;border-radius:14px}.user-avatar{width:44px;height:44px;font-size:1.3rem}.user-toggle-btn{width:28px;height:28px;font-size:.75rem}.sidebar-item{padding:.75rem 1rem;margin:.2rem .5rem;border-radius:12px}.sidebar-footer{margin:.5rem;padding:1rem;border-radius:14px}.sidebar-item{margin:.125rem .5rem;padding:.875rem 1rem}.item-icon{font-size:1rem}.main-content{margin-left:0;width:100%;padding:1rem}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:none;opacity:0;transition:opacity .3s ease}.sidebar-visible .sidebar-overlay{display:block;opacity:1}.sidebar.collapsed .item-arrow,.sidebar.collapsed .item-label,.sidebar.collapsed .nav-title,.sidebar.collapsed .user-info{display:block}.sidebar.collapsed .user-toggle-btn{display:none!important}.sidebar.collapsed .sidebar-user{padding:1rem;justify-content:flex-start}.sidebar.collapsed .sidebar-item{padding:.875rem 1rem;margin:.125rem .5rem;justify-content:flex-start}}.dashboard-header{position:fixed;top:0;left:0;right:0;width:100%;height:var(--header-height);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));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid rgba(76,175,80,.15);box-shadow:0 12px 40px rgba(76,175,80,.08),0 4px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(76,175,80,.05);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:1000}@supports (-webkit-backdrop-filter:blur(25px)){.dashboard-header{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none}.header-left{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none!important;background:none;border:none;color:#475569;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:color .3s ease;position:relative;z-index:1;width:40px;height:40px;align-items:center;justify-content:center}@media (min-width:769px){.mobile-menu-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}.logo,.mobile-menu-btn:hover{color:#4CAF50}.logo{font-size:1.25rem;font-weight:700;text-decoration:none;display:flex;align-items:center;background:linear-gradient(135deg,#4CAF50,#66BB6A 50%,#81C784);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease;position:relative;z-index:1}.logo:hover{transform:scale(1.02)}.logo-image{height:45px;width:auto;object-fit:contain;max-width:250px;transform:scaleX(1.15);transform-origin:left center;filter:drop-shadow(0 2px 4px rgba(76,175,80,.2))!important;transition:all .3s ease;position:relative;z-index:1}.dashboard-header .logo-image{filter:drop-shadow(0 2px 4px rgba(76,175,80,.2)) brightness(1)!important}.logo-image:hover{filter:drop-shadow(0 4px 8px rgba(76,175,80,.3));transform:scaleX(1.18)}.page-title{font-size:1.25rem;font-weight:500;color:var(--text-primary);margin:0;display:none}.header-center{flex:1 1;max-width:600px;margin:0 2rem}.search-form{width:100%}.search-input-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.875rem}.search-input{width:100%;padding:.75rem 1.25rem .75rem 2.75rem;border:1px solid rgba(148,163,184,.2);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.7));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#475569;font-size:.875rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.6);position:relative;z-index:1}.search-input:focus{outline:none;border-color:rgba(76,175,80,.4);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.8));box-shadow:0 4px 16px rgba(76,175,80,.1),0 2px 4px rgba(76,175,80,.05),inset 0 1px 0 rgba(255,255,255,.8);transform:translateY(-1px)}.search-input::placeholder{color:#94a3b8;font-weight:500}.header-right{gap:1rem}.header-icon-btn,.header-right{display:flex;align-items:center}.header-icon-btn{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(248,250,252,.6));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);color:#475569;font-size:1.25rem;cursor:pointer;padding:.75rem;border-radius:14px;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 4px 12px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.6);z-index:1}.header-icon-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(129,199,132,.08));opacity:0;transition:opacity .3s ease;border-radius:14px}.header-icon-btn:hover:before{opacity:1}.header-icon-btn:hover{color:#4CAF50;transform:translateY(-2px);box-shadow:0 8px 20px rgba(76,175,80,.15),0 3px 6px rgba(76,175,80,.1),inset 0 1px 0 rgba(255,255,255,.8);border-color:rgba(76,175,80,.3)}.notification-wrapper{position:relative}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.25rem;margin:.75rem .75rem 1rem;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:16px;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.6);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.notification-header:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.8)}.notification-header h3{margin:0;font-size:.95rem;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.mark-all-read{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(147,197,253,.06));border:1px solid rgba(59,130,246,.15);color:#2563eb;font-size:.75rem;font-weight:600;padding:.5rem .75rem;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.mark-all-read:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(147,197,253,.08));opacity:0;transition:opacity .3s ease;border-radius:10px}.mark-all-read:hover:before{opacity:1}.mark-all-read:hover{color:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.2),0 2px 4px rgba(59,130,246,.1);border-color:rgba(59,130,246,.25)}.notification-list{max-height:350px;overflow-y:auto;padding:.5rem .75rem;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.2) transparent}.notification-list::-webkit-scrollbar{width:3px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(147,197,253,.2));border-radius:3px}.notification-empty{padding:3rem 2rem;text-align:center;margin:.75rem;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(248,250,252,.6));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.6);position:relative}.notification-empty .empty-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.6}.notification-empty p{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .5rem;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification-empty small{color:#64748b;font-size:.8rem;font-weight:500;opacity:.8}.profile-wrapper{position:relative}.profile-dropdown{position:absolute;top:100%;right:0;width:320px;background:linear-gradient(145deg,#ffffff,#f8fafc 50%,#f1f5f9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(148,163,184,.2);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.8);margin-top:.75rem;z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease-out;display:flex;flex-direction:column}.profile-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(76,175,80,.015),rgba(129,199,132,.01));pointer-events:none}@keyframes dropdownFadeIn{0%{opacity:0}to{opacity:1}}.profile-header{padding:1.5rem 1.25rem;margin:.75rem .75rem 1rem;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:16px;display:flex;flex-direction:column;gap:.25rem;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.6);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.profile-header:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.8)}.profile-name{font-weight:700;color:#1e293b;font-size:.95rem;margin-bottom:.25rem;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.profile-email{color:#64748b;font-size:.75rem;font-weight:500;opacity:.8;position:relative;z-index:1;word-break:break-all}.profile-menu{padding:.75rem;background:transparent}.profile-menu-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;margin:.25rem 0;color:#475569;text-decoration:none;cursor:pointer;border:none;background:transparent;width:calc(100% - .5rem);text-align:left;font-size:.875rem;font-weight:600;border-radius:14px;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.profile-menu-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(248,250,252,.8),rgba(241,245,249,.6));opacity:0;transition:all .3s ease;border-radius:14px}.profile-menu-item:hover:before{opacity:1}.profile-menu-item:hover{color:#334155;transform:translateX(4px) translateY(-1px);box-shadow:0 8px 25px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.1)}.profile-menu-item .menu-icon{font-size:1.2rem;color:inherit;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.profile-menu-item:hover .menu-icon{transform:scale(1.1)}.profile-menu-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3) 50%,transparent);margin:.75rem 1rem;border-radius:1px}.logout-button{background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(248,113,113,.06))!important;color:#dc2626!important;border:1px solid rgba(239,68,68,.15)!important}.logout-button:before{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(248,113,113,.08))!important}.logout-button:hover{color:#b91c1c!important;border-color:rgba(239,68,68,.25)!important;box-shadow:0 8px 20px rgba(239,68,68,.15),0 3px 6px rgba(239,68,68,.1)!important}.logout-button .menu-icon{color:inherit!important}.logout-button:hover .menu-icon{transform:scale(1.1) rotate(-5deg)!important}@media (max-width:1024px){.header-center{max-width:400px;margin:0 1rem}.page-title{display:block}}@media (max-width:768px){.mobile-menu-btn{display:flex!important}.logo{font-size:1.125rem}.logo-image{height:38px;max-width:220px;transform:scaleX(1.1);transform-origin:left center}.header-center,.page-title{display:none}.profile-dropdown{position:fixed;top:var(--header-height);right:0;width:100%;height:auto;max-height:calc(100vh - var(--header-height));margin-top:0;border-radius:0 0 20px 20px;border:none;box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 8px 32px rgba(0,0,0,.1);z-index:1001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto}.notification-header{margin:.5rem 1rem 1rem;border-radius:16px;padding:1.25rem 1rem}.notification-empty{margin:.5rem 1rem;padding:2rem 1.5rem;border-radius:16px}.notification-list{padding:.5rem 1rem 1rem;max-height:calc(100vh - var(--header-height) - 200px)}.profile-header{margin:.5rem 1rem 1rem;border-radius:16px}.profile-menu{padding:.5rem 1rem 1rem}.profile-menu-item{padding:1rem 1.25rem;font-size:1rem;margin:.25rem 0;border-radius:16px}.profile-menu-item .menu-icon{font-size:1.25rem;width:28px;height:28px}.profile-menu-divider{margin:.75rem 1.25rem}.main-content{margin-left:0;padding:1rem}.dashboard-header{padding:0 1rem}.header-right{gap:.5rem}.mobile-menu-btn{display:flex;padding:.5rem;margin-right:.5rem}.search-input{font-size:16px}}@media (max-width:480px){.dashboard-header{padding:0 1rem}.header-right{gap:.5rem}.header-icon-btn{font-size:1.125rem;padding:.375rem}}.message{padding:.5rem;border-radius:4px;margin-bottom:.5rem}.error-message{background-color:#ffeeee;color:var(--danger-color);border-left:3px solid var(--danger-color)}.error-message,.success-message{padding:.75rem;border-radius:4px;margin-bottom:1rem}.success-message{background-color:#e5f5e8;color:var(--success-color);border-left:3px solid var(--success-color)}.warning-message{background-color:#fff8e1;color:var(--warning-color);border-left:3px solid var(--warning-color)}.info-message,.warning-message{padding:.75rem;border-radius:4px;margin-bottom:1rem}.info-message{background-color:#e8f0ff;color:var(--info-color);border-left:3px solid var(--info-color)}.loading-container{min-height:200px;padding:2rem;color:var(--gray-color)}.loading-container,.loading-screen{display:flex;justify-content:center;align-items:center}.loading-screen{flex-direction:column;min-height:100vh;background-color:var(--light-color)}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-top:4px solid var(--primary-color);animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(1turn)}}.error-container{text-align:center;padding:3rem 2rem;max-width:800px;margin:0 auto}.error-container h2{color:var(--danger-color);margin-bottom:1.5rem}.error-container .btn{margin-top:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.ml-1{margin-left:.5rem}.ml-2{margin-left:1rem}.ml-3{margin-left:1.5rem}.ml-4{margin-left:2rem}.mr-1{margin-right:.5rem}.mr-2{margin-right:1rem}.mr-3{margin-right:1.5rem}.mr-4{margin-right:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.w-100{width:100%}.h-100{height:100%}.badge{display:inline-block;padding:.25rem .5rem;border-radius:50px;font-size:.75rem;font-weight:500}.badge-primary{background-color:var(--primary-color);color:white}.badge-secondary{background-color:#666;color:white}.badge-success{background-color:var(--success-color);color:white}.badge-danger{background-color:var(--danger-color);color:white}.badge-warning{background-color:var(--warning-color);color:#333}.badge-info{background-color:var(--info-color);color:white}@media (max-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:1rem}.row{margin:0 -.5rem}.col{padding:0 .5rem}.form-control{font-size:16px;padding:.75rem}.form-group{margin-bottom:1rem}.btn{padding:.75rem 1.25rem;font-size:1rem;width:100%}.card{padding:1rem;margin-bottom:1rem;border-radius:8px}.table-responsive{margin:0 -1rem;padding:0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.table td,.table th{padding:.75rem;white-space:nowrap}.grid{gap:1rem}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:480px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.container{padding:.75rem}.btn{padding:.625rem 1rem;font-size:.875rem}.card{padding:.75rem}.form-group{margin-bottom:.75rem}.form-control{padding:.625rem}}@media (min-width:769px) and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.container{padding:1.5rem}}.app-container{min-height:100vh;display:flex;flex-direction:column}@media (max-width:768px){.main-content{padding:1rem}.dashboard-container{margin-top:var(--header-height)}.content-section{margin-bottom:2rem}.btn,.card-header,.clickable,.form-control,.nav-link,select{min-height:44px}.scrollable-content{-webkit-overflow-scrolling:touch;overflow-y:auto;max-height:calc(100vh - var(--header-height))}}.document-field :after,.document-field :before,.driver-details :after,.driver-details :before,.driver-info :after,.driver-info :before,.driver-profile :after,.driver-profile :before,.field-group :after,.field-group :before,.form-field :after,.form-field :before,.input-group :after,.input-group :before,.profile-field :after,.profile-field :before{content:none!important;display:none!important;background:none!important;border:none!important;width:0!important;height:0!important}.field-indicator,.green-dot,.indicator-dot,.status-dot,.success-indicator,.validation-dot{display:none!important;visibility:hidden!important;opacity:0!important}.form-control:after,.form-control:before,[class*=complete]:after,[class*=complete]:before,[class*=green]:after,[class*=green]:before,[class*=success]:after,[class*=success]:before,[class*=valid]:after,[class*=valid]:before,input:after,input:before,select:after,select:before,textarea:after,textarea:before{display:none!important;content:none!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0!important;display:none!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important}input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}input[type=number]::-moz-inner-spin-button,input[type=number]::-moz-outer-spin-button{-moz-appearance:none!important;appearance:none!important;margin:0!important;display:none!important}.daily-routes-container .perf-btn-primary,.drivers-container .perf-btn-primary,.monthly-planning-container .perf-btn-primary,.perf-btn-primary,.performance-container .perf-btn-primary,.rate-card-container .perf-btn-primary,.reporting-container .perf-btn-primary,.staff-container .perf-btn-primary,.vehicles-container .perf-btn-primary,.weekly-planning-container .perf-btn-primary{color:#fff!important}.perf-btn-primary *,.perf-btn-primary svg,.performance-container .perf-btn-primary svg,.staff-container .perf-btn-primary svg{color:#fff!important;fill:#fff!important}.staff-container .staff-add-body .generate-password-btn,.staff-container .staff-add-body .generate-password-btn .st-btn-icon,.staff-container .staff-add-body .generate-password-btn .st-btn-label,.staff-container .staff-add-body .generate-password-btn svg,.staff-container .staff-add-body .generate-password-btn.st-btn-white,.staff-container .staff-add-body .st-document-upload .st-file-input-label,.staff-container .staff-add-body .st-document-upload .st-file-input-label .st-btn-label,.staff-container .staff-add-body .st-document-upload .st-file-input-label svg,.staff-container .staff-add-body .st-file-input-label,.staff-container .staff-add-body .st-file-input-label .st-btn-icon,.staff-container .staff-add-body .st-file-input-label .st-btn-label,.staff-container .staff-add-body .st-file-input-label svg{color:#ffffff!important;fill:#ffffff!important}