@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--brand-navy: #0D1B2A;--brand-slate: #1B2A41;--brand-primary: #3BA3FF;--brand-primary-dark: #1D6FD3;--brand-ring: #6B7C93;--brand-white: #FFFFFF;--radius-lg: 16px}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif;background:var(--brand-navy);color:var(--brand-white)}.card-surface{background:var(--brand-slate);border-radius:var(--radius-lg);box-shadow:0 8px 28px #00000040}.link-clean{text-decoration:none}:root{--sidebar-w: 260px;--sidebar-w-collapsed: 76px;--topbar-h: 64px;--bg: #0f1c2e;--panel: #101a29;--panel-2: #16233a;--white: #fff;--primary: #1f6feb;--row-sep: #e9eef5;--muted: #8ea6c1;--header-bg: #f5f7fb;--radius: 14px}html,body,#root{height:100%;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#fff}.admin-shell{--sidebar-current-w: var(--sidebar-w);min-height:100vh}.sidebar-collapsed{--sidebar-current-w: var(--sidebar-w-collapsed)}.admin-sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-current-w);background:var(--panel);border-right:1px solid rgba(255,255,255,.06);z-index:1040;transition:width .2s ease,transform .2s ease;overflow:hidden}.sidebar-inner{height:100%;display:flex;flex-direction:column;padding:12px}.sidebar-header{display:grid;grid-template-columns:56px 1fr 36px;align-items:center;gap:10px}.brand-img{width:56px;height:56px;border-radius:50px;object-fit:cover;background:#fff}.brand-title{color:#fff;font-weight:700;white-space:nowrap}.btn-toggle{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;display:grid;place-items:center}.btn-toggle:hover{background:var(--panel-2)}.sidebar-menu{flex:1 1 auto}.sidebar-menu ul{list-style:none;margin:0;padding:8px 0;display:flex;flex-direction:column;gap:6px}.menu-link{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:10px 12px;border-radius:12px}.menu-link:hover,.menu-link.active{background:var(--panel-2);color:#fff}.menu-icon{display:grid;place-items:center;font-size:18px;min-width:18px}.menu-text{white-space:nowrap;opacity:.95}.menu-link.as-button{background:none;border:0;width:100%;text-align:left;cursor:pointer}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.sidebar-footer .logout{width:100%;background:transparent;border:0;text-align:left}.admin-sidebar.collapsed .brand-title,.admin-sidebar.collapsed .brand-img,.admin-sidebar.collapsed .menu-text{display:none}.admin-sidebar.collapsed .sidebar-header{grid-template-columns:1fr!important;justify-items:center}.admin-sidebar.collapsed .sidebar-header .btn-toggle{margin-top:4px}.admin-main{min-height:100vh;padding-left:var(--sidebar-current-w);transition:padding-left .2s ease}.admin-topbar{position:sticky;top:0;height:var(--topbar-h);background:var(--panel);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06);z-index:1030}.admin-topbar h1{font-size:18px;margin:0}.topbar-right{display:flex;align-items:center;gap:10px}.profile-name{color:#e7eef7;font-weight:600}.topbar-hamburger{display:none!important;margin-right:8px;background:transparent;border:1px solid rgba(255,255,255,.12);color:#fff;width:36px;height:36px;border-radius:8px;align-items:center;justify-content:center}.content-surface{background:transparent;color:#e7eef7;min-height:calc(100vh - var(--topbar-h));border-top-left-radius:24px;border-top-right-radius:24px;padding:24px}.content-title{font-size:24px;margin-bottom:12px;color:#fff}.card{background:#fff;color:#0b1a2a;border:0;border-radius:var(--radius);box-shadow:0 1px 2px #0000000a,0 6px 12px #0000000f}.card .form-label{font-weight:600;color:#17324a}.table-card-header{background:#fff;color:#0b1a2a;font-weight:700;border-bottom:1px solid var(--row-sep);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.custom-table thead th{background:var(--header-bg);color:#17324a;font-weight:600}.custom-table tbody tr+tr td{border-top:1px solid var(--row-sep)}.custom-table th,.custom-table td{padding:14px 16px;vertical-align:middle}.status-badge{font-size:12px;padding:6px 10px;border-radius:999px;font-weight:700;display:inline-block}.status-match{background:#d1fae5;color:#166534}.status-mismatch{background:#fee2e2;color:#991b1b}.status-delivered{background-color:#cff4fc;color:#055160}.status-attempted{background-color:#fff3cd;color:#664d03}.table-footer{background:#fff;color:#0b1a2a;border-top:1px solid var(--row-sep);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.pagination .page-link{color:#17324a;border:0;border-radius:8px;margin:0 2px}.pagination .page-item.active .page-link{background:var(--primary);color:#fff}@media (max-width: 991.98px){.admin-sidebar{width:var(--sidebar-w);transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar .btn-toggle{display:none}.admin-main{padding-left:0}.topbar-hamburger{display:inline-flex!important}}.sidebar-backdrop{position:fixed;inset:0;z-index:1035;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s ease}.admin-shell.sidebar-open .sidebar-backdrop.show{opacity:1;pointer-events:all}.profile-avatar{width:40px;height:40px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:28px;color:#333}body,input,button,select,textarea{font-family:Inter Tight,sans-serif}.auth-onepage{min-height:100vh;position:relative;background:radial-gradient(circle,#f4faff,#fff 50%);overflow:hidden;display:grid;place-items:center;padding:clamp(16px,3vw,32px)}.auth-stack{width:100%;max-width:460px;text-align:left}.stack-logo{display:block;width:100px;height:100px;object-fit:contain;margin:0 auto 8px}.stack-title{text-align:center;color:#0f172a;font-family:Inter Tight,sans-serif;font-weight:500;font-size:clamp(24px,2.6vw,34px);margin:0 0 12px}.role-switch{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.switch-label{font-size:16px;font-weight:500;color:#65666d;-webkit-user-select:none;user-select:none;font-family:Inter Tight,sans-serif}.switch-label.active{color:#1f73d6}.switch{position:relative;width:54px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#fff;filter:drop-shadow(0 6px 6px rgba(24,24,24,.25));border-radius:999px;transition:background .2s ease}.slider:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;display:flex;align-items:center;justify-content:center;position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#1f73d6;color:#fff;font-size:12px;box-shadow:0 1px 2px #00000040;transition:transform .2s ease,content .2s ease}.switch input:checked+.slider{background:#fff}.switch input:checked+.slider:before{transform:translate(26px);content:""}.stack-form .form-label{font-size:17px;font-weight:500;font-family:Inter Tight,sans-serif;color:#65666d;margin-bottom:6px}.stack-form .form-control{border-radius:12px!important;padding:.8rem 1rem;border:1px solid #e5e7eb;background:#fff;margin-bottom:10px}.eye-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);text-decoration:none!important}.bg-illus{position:absolute;top:55%;transform:translateY(-50%);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.95}.bg-illus--left{left:max(12px,2vw);width:min(28vw,290px)}.bg-illus--right{right:max(-10px,-1vw);width:min(20vw,350px);margin-top:20px}@media (max-width: 992px){.bg-illus{display:none}.auth-stack{max-width:420px}}.auth-stack--wide{max-width:860px}.auth-stack--wide .stack-form .form-control{padding:.9rem 1rem}.grid-2{display:grid;gap:24px}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}}.corner-illus{position:absolute;top:-24px;right:174px;width:clamp(240px,19vw,350px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1}@media (max-width: 767px){.auth-stack--wide{max-width:520px}}p.text-center a{text-decoration:none;color:#007bff}p.text-center a:hover{text-decoration:underline}.close-btn--danger{background:linear-gradient(90deg,#ef4444,#b91c1c);color:#fff}.close-btn--danger:hover{background:linear-gradient(90deg,#b91c1c);filter:brightness(1.05)}.upload-wrapper{font-family:Inter,sans-serif;max-width:480px;margin:60px auto 0;text-align:center}.drop-area{border:2px dashed #ccc;padding:40px 20px;border-radius:12px;cursor:pointer;background-color:#fff;transition:background-color .25s ease}.drop-area:hover{background-color:#f7f9fc}.upload-icon{width:48px;margin-bottom:12px}.upload-title{font-size:18px;font-weight:600;color:#2c2c2c}.upload-subtitle{font-size:14px;color:#888;margin-top:4px}.file-preview{position:relative;margin-top:10px;display:inline-block}.file-name-preview{font-size:14px;color:#333;padding-right:20px}.remove-file{position:absolute;top:-6px;right:-10px;font-size:16px;color:#d92d20;cursor:pointer;font-weight:700;line-height:1}.submit-btn{font-size:15px;font-weight:600;font-family:Inter,sans-serif;padding:12px;border:none;border-radius:28px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-dark));color:#fff;width:50%;margin:30px auto 0;display:block;position:relative;overflow:hidden;transition:color .3s ease;z-index:0}.submit-btn:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-primary) 50%,#0e1726),color-mix(in srgb,var(--brand-primary-dark) 50%,#0e1726));transform:translateY(100%);transition:transform .4s ease-in-out;z-index:-1;border-radius:8px}.submit-btn:hover:before{transform:translateY(0)}.submit-btn:hover{color:#fff}.upload-status{margin-top:20px;font-size:14px;color:#d92d20;background:#ffe9e7;padding:10px;border-radius:6px}.modal-overlay{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:radial-gradient(1200px 800px at 50% 30%,#0f172a40,#0f172a8c);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{width:92%;max-width:420px;background:#fff!important;border-radius:14px!important;padding:22px 20px;text-align:center;box-shadow:0 18px 40px #00000040;transform:scale(.98);animation:pop-in .16s ease-out forwards}@keyframes pop-in{to{transform:scale(1)}}.modal-success{background-image:linear-gradient(180deg,rgba(16,185,129,.06),transparent 60%)}.modal-content h3{font-size:20px;margin:8px 0 6px;color:#0f172a}.modal-content p{font-size:14px;color:#334155;margin:0 0 18px}.modal-icon{width:42px;height:42px;margin:0 auto 6px;border-radius:999px;display:grid;place-items:center;font-weight:700;color:#fff;background:#10b981;box-shadow:0 6px 14px #10b98159}.close-btn{border:none;padding:10px 22px;font-size:14px;border-radius:8px;cursor:pointer;transition:filter .2s ease}.close-btn--primary{background:linear-gradient(90deg,var(--brand-primary, #1d4ed8),var(--brand-primary-dark, #1e40af));color:#fff}.close-btn--primary:hover{filter:brightness(1.05)}.upload-wrapper,.drop-area{position:relative;z-index:1}.response-table-wrapper{margin:40px auto 60px;width:100%;max-width:1200px;padding:0 16px;box-sizing:border-box}.response-table-wrapper h4{font-family:Inter,sans-serif;font-weight:600;margin:0 0 12px;color:#1f2937}.table-scroll-container{width:100%;overflow-x:auto}.styled-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 10px;font-family:Inter,sans-serif;background-color:#fff;color:#333;font-size:14px}.styled-table thead th{background:#f5f7fa;text-align:left;font-weight:600;padding:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top-left-radius:8px;border-top-right-radius:8px}.styled-table tbody tr{background:#fff;box-shadow:0 1px 4px #0000000d;transition:background .2s ease}.styled-table tbody tr:hover{background-color:#f3f6fc}.styled-table tbody td{padding:12px;background:#fff;word-break:break-word;overflow-wrap:anywhere;white-space:normal;line-height:1.35}.styled-table tbody td a{color:#2563eb;text-decoration:none}.styled-table tbody td a:hover{text-decoration:underline}.styled-table thead th+th,.styled-table tbody td+td{border-left:1px solid #f0f2f6}@media (max-width: 768px){.upload-wrapper{margin-top:40px}.submit-btn{width:70%}.response-table-wrapper{padding:0 8px}.styled-table{font-size:13px}.styled-table thead th,.styled-table tbody td{padding:10px}}.upload-narrow{max-width:480px;margin:0 auto 16px}.upload-select{height:44px;border-radius:12px}.detail-section h5{font-weight:600;font-size:1.05rem;color:#111827;margin-bottom:14px}.detail-section p{font-size:.95rem;color:#1f2937;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.detail-section strong{color:#111827;min-width:140px}.detail-section p span,.detail-section p a{display:inline-block;background:#f3f4f6;border-radius:6px;padding:6px 10px;font-size:.9rem;color:#111827;min-width:140px;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:break-word}.detail-section p a{color:#2563eb;text-decoration:none}.detail-section p a:hover{text-decoration:underline}.driver-detail-panel{background-color:#f9fafb;height:100%;padding:20px;overflow:hidden;display:flex;flex-direction:column}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.driver-name2{font-weight:600;font-size:1.2rem;color:#111}.status-pill{padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:capitalize}.status-pill.active{background-color:#d1fae5;color:#065f46}.status-pill.inactive{background-color:#fee2e2;color:#991b1b}.detail-scroll{flex:1;overflow-y:auto;padding-right:6px}.detail-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000a;padding:20px;margin-bottom:18px}.section-title{font-weight:600;font-size:1.1rem;color:#1f2937;margin-bottom:15px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.info-item label{display:block;font-size:.9rem;font-weight:500;color:#4b5563;margin-bottom:4px}.info-box.email a{display:inline-block;word-break:break-all;overflow-wrap:anywhere;color:#2563eb;text-decoration:none}.info-box{background:#f3f4f6;border-radius:6px;padding:8px 12px;font-size:.95rem;color:#111827;font-weight:500}.info-box.email a{color:#2563eb;text-decoration:none}.schedule-days{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.day-pill{border-radius:6px;box-shadow:0 1px 3px #00000014;padding:8px 14px;font-weight:500;color:#111827;border:1px solid #e5e7eb}.availability{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:500;color:#374151}.availability-pill{padding:6px 14px;border-radius:20px;font-weight:600}.availability-pill.available{background:#dcfce7;color:#166534}.availability-pill.unavailable{background:#fee2e2;color:#991b1b}.table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:.9rem}.payroll-table-wrapper{margin-top:15px}.payroll-table{width:100%;border-collapse:collapse}.payroll-table th{text-align:left;font-size:.85rem;color:#6b7280;padding:8px;font-weight:600;border-bottom:1px solid #e5e7eb}.payroll-table td{padding:10px 8px;font-size:.95rem;color:#111827;border-bottom:1px solid #f3f4f6}.payroll-table tr:nth-child(2n){background:#fafafa}.no-data{font-size:.9rem;color:#6b7280}.driver-detail-container{background:#f9fafb;padding:20px 28px;border-radius:12px;overflow-y:auto;max-height:90vh;font-family:Inter,sans-serif;color:#111827}.drivers-container{display:flex;gap:16px;height:calc(100vh - 150px)}.drivers-sidebar{width:300px;background:#fff;padding:16px;overflow-y:auto;border:1px solid #e5e7eb}.search-input{border-radius:10px;font-size:.95rem}.drivers-list{list-style:none;padding:0;margin:0}.driver-item{display:flex;gap:10px;align-items:center;padding:10px 8px;border-radius:8px;cursor:pointer;transition:background .2s}.driver-item:hover{background:#f9fafb}.driver-item.active{background:#e7f1ff;border-left:3px solid #0d6efd}.driver-avatar{width:36px;height:36px;border-radius:50%}.driver-info{flex-grow:1}.driver-name{font-weight:600;font-size:.95rem;color:#111}.badge-row{display:flex;gap:6px;flex-wrap:wrap}.badge-pill{display:inline-block;border-radius:50px;padding:4px 12px;font-size:.85rem;font-weight:500}.badge-green{background-color:#dcfce7;color:#065f46}.badge-red{background-color:#fee2e2;color:#991b1b}.badge-blue{background-color:#dbeafe;color:#1e40af}.drivers-details{flex-grow:1;background:#fff;border-radius:10px;padding:24px;border:1px solid #e5e7eb;overflow-y:auto}.driver-detail-container h5{font-weight:600;margin-bottom:10px}.driver-name-header{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:20px}.detail-section{background:#fff;border-radius:10px;padding:18px 20px;box-shadow:0 2px 6px #0000000d;margin-bottom:18px}.schedule-wrapper{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.day-pill:nth-child(1){background-color:#dbeafe}.day-pill:nth-child(2){background-color:#e0f2fe}.day-pill:nth-child(3){background-color:#dcfce7}.day-pill:nth-child(4){background-color:#f0fdf4}.day-pill:nth-child(7){background-color:#fae8ff}.day-pill:nth-child(5){background-color:#fef9c3}.day-pill:nth-child(6){background-color:#fee2e2}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.driver-modal-container{background:#fff;padding:24px 28px;border-radius:12px;max-width:400px;width:100%;color:#111;box-shadow:0 4px 10px #0000001a}.toast-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.toast-message{border-radius:8px;padding:10px 16px;font-weight:500;font-size:.95rem;color:#fff;animation:slideIn .3s ease,fadeOut .3s ease 2.7s forwards;min-width:220px;box-shadow:0 3px 8px #00000026}.toast-success{background-color:#16a34a}.toast-error{background-color:#dc2626}.toast-info{background-color:#2563eb}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(40px)}}.info-box.email{display:flex;align-items:center;flex-wrap:wrap;word-break:break-word;white-space:normal}.info-box.email a{color:#2563eb;text-decoration:none;word-break:break-all;overflow-wrap:anywhere;font-weight:500}.info-box.email a:hover{text-decoration:underline}.form-control,.form-select{background-color:#f8f9fa!important;border:1px solid #dee2e6!important;color:#111!important;transition:background .2s ease}.form-control:focus,.form-select:focus{background-color:#fff!important;border-color:#0d6efd!important;box-shadow:0 0 0 .15rem #0d6efd26}.detail-card label.mt-3{display:block;font-weight:600;font-size:1.05rem;color:#111827;margin-bottom:10px}.day-pill{border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-weight:500;cursor:default;background-color:#f9fafb;transition:all .2s ease}.day-pill.bg-primary{background-color:#0d6efd!important;color:#fff!important;border-color:#0d6efd!important}.day-pill:hover{transform:scale(1.03);background-color:#e9f2ff}.day-pill.text-white:hover{transform:scale(1.03);background-color:#0b5ed7!important}.schedule-wrapper+label,label.mt-3{font-weight:600;color:#111827;opacity:1!important}.week-summary-row{cursor:pointer}.week-summary-row td{background-color:#f0f9ff!important;color:#000}.week-summary-row td:first-child{color:#3b82f6}.card{border:1px solid #e9eef5;border-radius:8px;padding:10px}.custom-table{width:100%;border-collapse:collapse}.custom-table th,.custom-table td{padding:12px 15px;text-align:center;border:1px solid #e9eef5}.custom-table th{background-color:#f1f5f9;font-weight:700}.custom-table td{background-color:#fff}.custom-table .btn{padding:5px 10px;font-size:.9rem}.react-icons{margin-right:5px;cursor:pointer}.badge-soft{display:inline-block;padding:6px 14px;font-size:.85rem;font-weight:500;border-radius:20px}.badge-soft-blue{background-color:#e6f0ff;color:#1d4ed8}.badge-soft-green{background-color:#d1fae5;color:#065f46}.badge-soft-red{background-color:#fee2e2;color:#991b1b}.modal-overlay-pay{position:fixed;inset:0;background:#00000080;display:grid;place-items:center;z-index:1000}.modal-content-pay{background-color:#fff;padding:20px;border-radius:8px;width:70%;max-width:600px;box-shadow:0 4px 6px #0000001a;position:relative}.btn-light{position:absolute;top:10px;right:10px;padding:5px 10px}.modal-content-pay .table{width:100%;border-collapse:collapse}.modal-content-pay .table th,.modal-content-pay .table td{padding:8px 10px;text-align:center;border:1px solid #e9eef5}.modal-content-pay .table th{background-color:#f1f5f9;font-weight:700}th{text-align:left;padding-left:15px}.modal-content-pay .table td{background-color:#fff}.table-responsive .btn-outline-pay-primary{padding:6px 12px;font-size:.9rem;border-radius:5px;border:1px solid #e2e8f0;background-color:#f0f9ff;color:#3b82f6}.table-responsive .btn-outline-pay-primary:hover{background-color:#eff6ff;border-color:#60a5fa}@media (max-width: 768px){.custom-table th,.custom-table td{padding:8px 10px}.modal-content-pay{width:90%}}.payroll-filter-bar{display:flex;justify-content:flex-start;gap:1rem;margin-bottom:1rem}.payroll-role-switch2{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-left:auto}.switch-label2{font-weight:500;color:#a3a3a3;transition:color .3s ease}.switch-label2.active{color:#fff}.switch2{position:relative;display:inline-block;width:44px;height:24px}.switch2 input{opacity:0;width:0;height:0}.slider2{position:absolute;cursor:pointer;inset:0;background-color:#fff;border-radius:24px;transition:all .3s ease}.slider2:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#3b82f6;border-radius:50%;transition:all .3s ease}.switch2 input:checked+.slider{background-color:#cbd5e1;box-shadow:0 0 6px #3b82f680}.switch2 input:checked+.slider2:before{transform:translate(20px)}.switch2:hover .slider2{background-color:#cbd5e1;box-shadow:none}.clear{background-color:#3b82f6;color:#fff;min-width:65px;max-width:250px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.375rem .75rem;font-size:.9rem;font-weight:500;line-height:1.5;border-radius:.375rem;cursor:pointer;text-align:left}.clear:hover{background-color:#1d4ed8;color:#fff}.payroll-date-filter{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.375rem .75rem;font-size:.9rem;font-weight:500;line-height:1.5;color:#333;background-color:#fff;border:1px solid #ced4da;border-radius:.375rem;cursor:pointer;min-width:140px;max-width:250px;text-align:left}.filter-dropdown-wrapper{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.filter-dropdown-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.375rem .75rem;font-size:.9rem;font-weight:500;line-height:1.5;color:#333;background-color:#fff;border:1px solid #ced4da;border-radius:.375rem;cursor:pointer;min-width:140px;max-width:250px;text-align:left}.filter-dropdown-btn:hover{background-color:#f8f9fa}.filter-dropdown-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-chevron{transition:transform .2s ease-in-out;flex-shrink:0}.filter-chevron.open{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;min-width:280px;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.375rem;box-shadow:0 .5rem 1rem #00000026;z-index:1000;overflow:hidden}.filter-search-input{box-sizing:border-box;width:calc(100% - 1.5rem);margin:.75rem;padding:.375rem .75rem;font-size:.9rem;border:1px solid #ced4da;border-radius:.25rem}.filter-dropdown-list{list-style:none;padding:0;margin:0 0 .5rem;max-height:300px;overflow-y:auto}.filter-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-dropdown-item:hover{background-color:#f1f3f5}.filter-checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:#3b82f6}.filter-dropdown-item span{font-size:.9rem;color:#212529}.filter-dropdown-item-none{padding:.5rem 1.25rem;color:#6c757d;font-style:italic;font-size:.9rem}.filter-clear-wrapper{display:flex;justify-content:center;padding:8px;border-top:1px solid #eee}.filter-clear-btn{background:#f6f6f6;border:1px solid #ccc;border-radius:6px;padding:5px 12px;font-size:13px;cursor:pointer;transition:all .2s ease}.filter-clear-btn:hover{background:#eaeaea}