:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cookie-consent-overlay{bottom:0;left:0;padding:0;position:fixed;right:0;z-index:10000}.cookie-consent-banner{animation:slideUp .3s ease-out;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000001a;max-height:80vh;overflow-y:auto;width:100%}.cookie-consent-content{margin:0 auto;max-width:1200px;padding:16px 32px}.cookie-text{margin-bottom:18px}.cookie-text h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.cookie-text p{color:#6b7280;font-size:13px;line-height:1.4;margin:0 0 6px}.cookie-small-text{color:#9ca3af!important;font-size:12px!important}.privacy-link{border-bottom:1px solid #0000;color:#22c55e!important;font-weight:500;text-decoration:none;transition:border-color .2s ease}.privacy-link:hover{border-bottom-color:#22c55e;color:#16a34a!important}.cookie-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.cookie-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;min-width:90px;padding:8px 18px;transition:all .2s ease}.cookie-btn-primary{background-color:#22c55e;border-color:#22c55e;color:#fff}.cookie-btn-primary:hover{background-color:#16a34a;border-color:#16a34a}.cookie-btn-secondary{background-color:initial;border-color:#d1d5db;color:#6b7280}.cookie-btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.cookie-details-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.cookie-details-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.cookie-close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:20px;padding:4px;transition:all .2s ease}.cookie-close-btn:hover{background-color:#f3f4f6;color:#374151}.cookie-categories{margin-bottom:24px}.cookie-category{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px;transition:all .2s ease}.cookie-category:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.cookie-category-header{align-items:flex-start;display:flex;gap:16px}.cookie-category-info h4{color:#1f2937;font-size:16px;font-weight:500;margin:0 0 4px}.cookie-category-info p{color:#4b5563;font-size:14px;line-height:1.4;margin:0 0 4px}.cookie-category-info small{color:#6b7280;font-size:12px}.cookie-switch{display:inline-block;flex-shrink:0;height:24px;margin-top:2px;position:relative;width:48px}.cookie-switch input{height:0;opacity:0;width:0}.cookie-slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.cookie-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.cookie-slider{background-color:#10b981}input:checked+.cookie-slider:before{transform:translateX(24px)}input:disabled+.cookie-slider{background-color:#10b981;cursor:not-allowed;opacity:.6}.cookie-details-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}@media (max-width:768px){.cookie-consent-content{padding:12px 16px}.cookie-text{margin-bottom:14px}.cookie-text h3{font-size:15px;margin-bottom:6px}.cookie-text p{font-size:12px;line-height:1.3;margin-bottom:4px}.cookie-small-text{font-size:11px!important}.cookie-actions{gap:10px;justify-content:center}.cookie-btn{font-size:12px;min-width:75px;padding:6px 12px}.cookie-details-actions{justify-content:center}.cookie-category-header{flex-direction:column;gap:12px}.cookie-switch{align-self:flex-start}}@media (prefers-reduced-motion:reduce){.cookie-consent-banner{animation:none}.cookie-btn,.cookie-close-btn,.cookie-slider{transition:none}}@media (prefers-contrast:high){.cookie-consent-banner{border:2px solid #000}.cookie-btn-secondary{border-color:#000}}.unauthorized-container{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.unauthorized-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.unauthorized-icon{align-items:center;background:#28a745;border-radius:50%;box-shadow:0 4px 15px #28a7454d;display:flex;height:80px;justify-content:center;margin:0 auto 30px;padding:20px;width:80px}.unauthorized-icon svg{color:#fff;height:100%;width:100%}.unauthorized-content h1{color:#212529;font-size:28px;font-weight:600;margin-bottom:20px}.unauthorized-content p{color:#6c757d;font-size:16px;line-height:1.6;margin-bottom:15px}.back-button{background:#28a745;border:none;border-radius:6px;color:#fff!important;cursor:pointer;font-size:16px;margin-top:25px;min-width:160px;padding:12px 32px;transition:all .2s ease;width:auto}.back-button:hover{background:#218838;box-shadow:0 2px 8px #28a74526;color:#fff!important;transform:translateY(-1px)}.back-button:active{background:#1e7e34;color:#fff!important;transform:translateY(0)}@media (max-width:480px){.unauthorized-content{margin:20px;padding:30px 20px}.unauthorized-icon{height:60px;margin-bottom:20px;width:60px}.unauthorized-content h1{font-size:24px}.back-button,.unauthorized-content p{font-size:14px}.back-button{padding:10px 24px}}body:has(.login-container),body:has(.password-reset-container),body:has(.register-container){-ms-overflow-style:none;background-color:#222636!important;overflow-y:auto;scrollbar-width:none}body:has(.login-container)::-webkit-scrollbar,body:has(.password-reset-container)::-webkit-scrollbar,body:has(.register-container)::-webkit-scrollbar{display:none}.auth-page-body{-ms-overflow-style:none;background-color:#222636!important;overflow-y:auto;scrollbar-width:none}.auth-page-body::-webkit-scrollbar{display:none}.login-container,.password-reset-container,.register-container{background-color:#222636;display:flex;min-height:100vh;scroll-behavior:smooth}.login-form,.password-reset-form,.register-form{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background-color:#222636;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;max-height:100vh;overflow-y:auto;padding:3rem;scroll-behavior:smooth;scrollbar-width:none;width:50%}.login-form::-webkit-scrollbar,.password-reset-form::-webkit-scrollbar,.register-form::-webkit-scrollbar{display:none}.login-form h1,.password-reset-form h1,.register-form h1{color:var(--primary-color);font-size:2rem;margin-bottom:2rem;text-align:center}.login-greeting,.password-reset-header,.register-header{margin-bottom:1.5rem;text-align:center}.login-access h3,.password-reset-header h3,.register-header h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.form-control:focus{border-bottom-color:var(--primary-color)}label{color:#ffffffe6;font-size:.9rem}.password-input-container .form-control{margin-bottom:0;padding-right:3rem}.password-toggle-btn{align-items:center;border-radius:4px;color:#fff9;display:flex;justify-content:center;padding:.25rem;right:.75rem;top:50%;transform:translateY(-50%)}.password-toggle-btn:hover{color:#ffffffe6}.password-toggle-btn:focus{outline:2px solid var(--primary-color);outline-offset:1px}.password-toggle-btn svg{height:20px;width:20px}.login-welcome,.register-welcome{background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center;width:50%}.login-welcome h2,.register-welcome h2{color:var(--primary-color);font-size:2rem;margin-bottom:1.5rem}.login-welcome p,.register-welcome p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:600px}.remember-forgot{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1rem 0}.remember-forgot,.remember-me{align-items:center;display:flex}.remember-me{color:#fffc;gap:.5rem}.remember-me input[type=checkbox]{border-radius:4px;height:18px;width:18px}.forgot-link{color:var(--primary-color);font-size:.9rem;text-decoration:none}.forgot-link:hover{text-decoration:underline}.login-container .btn-primary,.password-reset-container .btn-primary,.register-container .btn-primary{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:1rem;transition:background-color .2s;width:100%}.login-container .btn-primary:hover,.password-reset-container .btn-primary:hover,.register-container .btn-primary:hover{background-color:var(--primary-dark)}.login-container .btn-primary:disabled,.password-reset-container .btn-primary:disabled,.register-container .btn-primary:disabled{background-color:#4caf5080;cursor:not-allowed}.login-link,.register-link{color:#ffffffb3;font-size:.9rem;margin-top:1.5rem;text-align:center}.login-link a,.register-link a{color:var(--primary-color);font-weight:500;text-decoration:none}.login-link a:hover,.register-link a:hover{text-decoration:underline}.error-message{background-color:#e05c5c1a;border-left:4px solid #ff6b6b;color:#ff6b6b!important}.login-container .error-message{background:#ef44441a;border:1px solid #ef44444d;border-left:4px solid #ef4444;box-shadow:0 2px 8px #ef44441a;color:#ef4444!important}.success-message{background-color:#65c07a1a;border-left:4px solid #65c07a;border-radius:8px;color:#65c07a;font-size:.9rem;padding:1rem}.features-list{margin-top:2rem}.feature-item{align-items:center;color:#555;display:flex;gap:.5rem;margin-bottom:1rem}.feature-icon{color:var(--primary-color);font-weight:700}.terms-agreement{align-items:center;color:#fffc;display:flex;gap:.5rem;margin:1rem 0}.terms-agreement a{color:var(--primary-color);text-decoration:none}.terms-agreement a:hover{text-decoration:underline}.form-group{margin-bottom:0}.form-text{color:#fff9;margin-bottom:1rem;margin-top:-.5rem}.password-reset-image{background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center;width:50%}.password-reset-content{margin:0 auto;max-width:600px}.password-reset-content h2{color:var(--primary-color);font-size:2rem;margin-bottom:1.5rem}.password-reset-content p{color:#555;line-height:1.6;margin-bottom:1rem}.back-to-login{color:#ffffffb3;margin-top:1.5rem;text-align:center}.back-to-login a{color:var(--primary-color);font-weight:500;text-decoration:none}.back-to-login a:hover{text-decoration:underline}.quote{color:#666;font-style:italic;margin-top:2rem}@media (min-width:576px){.login-form,.login-welcome,.password-reset-form,.register-form,.register-welcome{padding:2.5rem}}@media (min-width:768px){.login-container,.password-reset-container,.register-container{flex-direction:row}.login-form,.login-welcome,.password-reset-form,.password-reset-image,.register-form,.register-welcome{padding:3rem;width:50%}.login-welcome,.password-reset-image,.register-welcome{order:0}.form-row{flex-direction:row;gap:1rem}.remember-forgot{flex-wrap:nowrap}}@media (min-width:992px){.login-form,.login-welcome,.password-reset-form,.register-form,.register-welcome{padding:3.5rem}}@media (min-width:1200px){.login-form,.login-welcome,.password-reset-form,.register-form,.register-welcome{padding:4rem}}@media (max-width:767px){.login-container,.password-reset-container,.register-container{background-color:#222636!important;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden}.login-form,.login-welcome,.password-reset-form,.password-reset-image,.register-form,.register-welcome{padding:1.5rem;width:100%}.login-welcome,.register-welcome{display:none}.password-reset-image{min-height:auto;order:-1;padding:2rem 1.5rem}.login-form,.register-form{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background-color:#222636!important;height:auto;justify-content:flex-start;min-height:100vh;overflow-y:auto;padding-bottom:2rem;padding-top:2rem;scroll-behavior:smooth;scrollbar-width:none}.login-form::-webkit-scrollbar,.password-reset-form::-webkit-scrollbar,.register-form::-webkit-scrollbar{display:none}.form-row{flex-direction:column;gap:0}.remember-forgot{align-items:stretch;flex-direction:column;gap:.75rem}.remember-me{justify-content:flex-start}.forgot-link{text-align:center}.login-form h1,.password-reset-form h1,.register-form h1{font-size:1.75rem;margin-bottom:1.5rem}.login-access h3,.password-reset-header h3,.register-header h3{font-size:1.125rem}.form-control{font-size:16px;margin-bottom:1.25rem;padding:1rem}.login-container .btn-primary,.password-reset-container .btn-primary,.register-container .btn-primary{font-size:1.125rem;font-weight:600;padding:1.25rem}.login-link,.register-link{font-size:.9rem;margin-top:1.5rem;text-align:center}.form-section{margin-bottom:1.5rem;padding:1rem}.form-section h4{font-size:1rem}}@media (max-width:575px){.login-form,.password-reset-form,.register-form{padding:1rem}.password-reset-image{padding:1.5rem 1rem}.login-form h1,.password-reset-form h1,.register-form h1{font-size:1.5rem;margin-bottom:1rem}.form-control{padding:.875rem}.login-container .btn-primary,.password-reset-container .btn-primary,.register-container .btn-primary{font-size:1rem;padding:1rem}.password-input-container .form-control{padding-right:2.75rem}.password-toggle-btn{right:.5rem}.quote{font-size:.875rem;font-style:italic}.form-section{padding:.75rem}}.email-verification-modal .modal-container{max-width:500px}.email-verification-content{padding:2rem 1rem}.verification-icon{margin-bottom:1.5rem}.verification-icon svg{background:#4caf501a;border-radius:50%;padding:20px}.email-verification-content h3{color:#1f2937;font-size:1.5rem;margin-bottom:1rem}.verification-message{color:#4b5563;font-size:1rem;margin-bottom:1rem}.verification-instruction{color:#6b7280;font-size:.9rem;line-height:1.5;margin-bottom:2rem}.verification-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.verification-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.verification-actions .btn-primary{background-color:#4caf50;color:#fff}.verification-actions .btn-primary:hover{background-color:#45a049}.verification-actions .btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.verification-actions .btn-secondary:hover{background-color:#e5e7eb}.verification-actions .btn:disabled{cursor:not-allowed;opacity:.6}.verification-note{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.verification-note p{color:#9ca3af;margin:0}@media (max-width:767px){.email-verification-modal .modal-container{margin:1rem;max-width:90%}.email-verification-content{padding:1.5rem 1rem}.email-verification-content h3{font-size:1.25rem}.verification-message{font-size:.9rem}.verification-instruction{font-size:.85rem}.verification-actions{align-items:stretch;flex-direction:column;gap:.75rem}.verification-actions .btn{font-size:1rem;padding:1rem 1.5rem;width:100%}.verification-icon svg{padding:15px}}@media (max-width:575px){.email-verification-content{padding:1rem .75rem}.email-verification-content h3{font-size:1.125rem}.verification-actions .btn{font-size:.9rem;padding:.875rem 1rem}}.email-verification-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:8px;box-shadow:0 2px 15px #00000026;color:#fff;margin-bottom:1.5rem;position:relative}.banner-content{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:1200px;padding:.75rem 2rem}.banner-icon{flex-shrink:0;font-size:1.2rem}.banner-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.banner-text strong{font-size:.9rem;font-weight:600}.banner-text span{font-size:.8rem;opacity:.9}.banner-message{background:#fff3;border-radius:4px;font-size:.875rem;margin:.5rem 0;padding:.5rem 1rem}.banner-message.success{background:#4caf50e6;border-left:3px solid #4caf50;color:#fff}.banner-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.banner-btn-primary,.banner-btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease;white-space:nowrap}.banner-btn-primary{background-color:#fff3;border:1px solid #ffffff4d;color:#fff}.banner-btn-primary:hover{background-color:#ffffff4d}.banner-btn-secondary{background-color:initial;border:1px solid #ffffff80;color:#fff}.banner-btn-secondary:hover{background-color:#ffffff1a}.banner-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.banner-btn-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:.25rem;transition:background-color .2s ease;width:30px}.banner-btn-close:hover{background-color:#fff3}@media (max-width:991px){.banner-content{align-items:stretch;flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.banner-actions{flex-wrap:wrap;gap:.5rem;justify-content:stretch}.banner-btn-primary,.banner-btn-secondary{flex:1 1;min-width:120px}.banner-btn-close{align-self:center;margin-top:.5rem;position:relative}}@media (max-width:767px){.banner-content{gap:.5rem;padding:.875rem 1rem}.banner-icon{font-size:1rem}.banner-text strong{font-size:.85rem}.banner-text span{font-size:.75rem}.banner-message{font-size:.8rem;padding:.375rem .75rem}.banner-actions{gap:.375rem}.banner-btn-primary,.banner-btn-secondary{font-size:.85rem;padding:.5rem .75rem}}@media (max-width:575px){.banner-content{padding:.75rem}.banner-actions{flex-direction:column}.banner-btn-primary,.banner-btn-secondary{justify-content:center;width:100%}.banner-btn-close{margin-top:.25rem}}@media (hover:none) and (pointer:coarse){.form-control{font-size:16px;min-height:44px}.login-container .btn-primary,.password-reset-container .btn-primary,.register-container .btn-primary{font-size:1rem;min-height:48px;padding:1rem 1.5rem}.password-toggle-btn{min-height:44px;min-width:44px;padding:.5rem}.remember-me input[type=checkbox]{margin-right:8px;min-height:20px;min-width:20px}.forgot-link{display:flex;justify-content:center}.forgot-link,.login-link a,.register-link a{align-items:center;min-height:44px;padding:.5rem}.login-link a,.register-link a{display:inline-flex}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.login-form h1,.login-welcome h2,.register-form h1,.register-welcome h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (max-width:767px) and (orientation:landscape){.login-container,.register-container{flex-direction:column;min-height:100vh}.login-welcome,.register-welcome{display:none}.login-form,.register-form{justify-content:flex-start;overflow-y:auto;padding:1rem;width:100%}.password-reset-container{flex-direction:row}.password-reset-image{padding:1rem;width:40%}.password-reset-form{padding:1rem;width:60%}}@media (prefers-color-scheme:dark){@media (min-width:768px){.login-welcome,.register-welcome{background-color:#1a1a1a;color:#e0e0e0}.login-welcome h2,.register-welcome h2{color:var(--primary-color)}.login-welcome p,.register-welcome p{color:#ccc}.quote{color:#999}}}@media (prefers-reduced-motion:reduce){.email-verification-banner{animation:none}.banner-btn-primary,.banner-btn-secondary,.forgot-link,.login-container .btn-primary,.password-reset-container .btn-primary,.password-toggle-btn,.register-container .btn-primary{transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.login-container,.register-container{flex-direction:column}.login-welcome,.register-welcome{display:none}.login-form,.register-form{background:#fff;box-shadow:none;color:#000;width:100%}.banner-actions,.email-verification-banner,.verification-actions{display:none}}.form-section h4{display:none}.register-form .form-group,.register-form .form-row{margin-bottom:1.5rem}.register-form .form-row .form-group{margin-bottom:0}.register-form .register-header h3{font-size:1.5rem;margin-bottom:.5rem;text-align:center}.register-form .register-header p{color:#ccc;font-size:.9rem;margin-bottom:2rem;text-align:center}.register-form .form-control{background-color:#2a2d3e;border:1px solid #3a3d4e;border-radius:8px;color:#fff;padding:.75rem;width:100%}.register-form .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #73d13d33}.register-form .form-control:disabled{background-color:#1a1d2e;color:#999;cursor:not-allowed}.register-form label{color:#ccc;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.login-container .form-control,.register-container .form-control{background-color:#ffffff14!important;border:1px solid #fff3!important;border-radius:8px!important;color:#fff!important}.login-container .form-control:focus,.register-container .form-control:focus{background-color:#ffffff14!important;border-color:var(--primary-color)!important;box-shadow:none!important;color:#fff!important;outline:none!important}.login-container .form-control::placeholder,.register-container .form-control::placeholder{color:#fff9!important}.login-container .password-input-container .form-control,.login-container .password-input-container .form-control:focus,.login-container input,.login-container input:focus,.register-container .password-input-container .form-control,.register-container .password-input-container .form-control:focus,.register-container input,.register-container input:focus{background-color:#ffffff14!important;color:#fff!important}.login-container .password-toggle-btn,.register-container .password-toggle-btn{color:#fffc!important;z-index:10}.login-container .password-toggle-btn:hover,.register-container .password-toggle-btn:hover{color:#fff!important}.login-container .login-access p,.login-container .login-form h3,.login-container .login-form label,.login-container .login-form p,.login-container .login-greeting p,.login-container .register-form label,.register-container .login-form label,.register-container .register-form h3,.register-container .register-form label,.register-container .register-form p,.register-container .register-header h3,.register-container .register-header p{color:#ffffffe6!important}.login-container .login-welcome h2,.register-container .register-welcome h2{color:var(--primary-color)!important}.login-container .login-welcome p,.register-container .register-welcome p{color:#555!important}.login-container .login-welcome .quote,.register-container .register-welcome .quote{color:#666!important;font-style:italic}.login-container input:-webkit-autofill,.login-container input:-webkit-autofill:active,.login-container input:-webkit-autofill:focus,.login-container input:-webkit-autofill:hover,.register-container input:-webkit-autofill,.register-container input:-webkit-autofill:active,.register-container input:-webkit-autofill:focus,.register-container input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:#ffffff14!important;border:1px solid #fff3!important;-webkit-box-shadow:inset 0 0 0 30px #ffffff14!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-container input:-moz-autofill,.register-container input:-moz-autofill{background-color:#ffffff14!important;border:1px solid #fff3!important;color:#fff!important}.login-container .password-input-container input:-webkit-autofill,.login-container .password-input-container input:-webkit-autofill:active,.login-container .password-input-container input:-webkit-autofill:focus,.login-container .password-input-container input:-webkit-autofill:hover,.register-container .password-input-container input:-webkit-autofill,.register-container .password-input-container input:-webkit-autofill:active,.register-container .password-input-container input:-webkit-autofill:focus,.register-container .password-input-container input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:#ffffff14!important;border:1px solid #fff3!important;-webkit-box-shadow:inset 0 0 0 30px #ffffff14!important}.register-page .file-input-wrapper{align-items:center;background-color:#2a2d3e;border:1px solid #3a3d4e;border-radius:8px;display:flex;height:48px;overflow:hidden;position:relative;width:100%}.register-page .file-input-wrapper:hover{border-color:var(--primary-color)}.register-page .file-input-wrapper.disabled{opacity:.6;pointer-events:none}.register-page .file-input-wrapper.disabled .file-input-text{color:#666}.register-page .file-input-wrapper input[type=file]{height:0;left:-9999px;opacity:0;position:absolute;width:0}.register-page .file-input-text{color:#ccc;flex:1 1;font-size:.9rem;overflow:hidden;padding:.75rem;text-overflow:ellipsis;white-space:nowrap}.register-page .file-input-button{background-color:var(--primary-color);border:none;border-radius:0 7px 7px 0;color:#fff;cursor:pointer;font-size:.9rem;height:100%;min-width:100px;padding:.5rem 1rem;transition:background-color .2s ease}.register-page .file-input-button:hover:not(:disabled){background-color:#73d13dcc}.register-page .file-input-button:disabled{background-color:#666;cursor:not-allowed}.register-page .register-form input.file-input{display:none}.register-page .upload-status{background-color:#73d13d1a;border:1px solid #73d13d4d;border-radius:4px;color:var(--primary-color);font-size:.9rem;margin-top:.5rem;padding:.5rem;text-align:center}.register-page .image-preview{align-items:center;background-color:#73d13d0d;border:1px solid #73d13d33;border-radius:8px;display:flex;gap:1rem;margin-top:.5rem;padding:.75rem}.register-page .preview-image{border:2px solid #73d13d4d;border-radius:50%;height:60px;object-fit:cover;width:60px}.register-page .preview-image-cover{border:2px solid #73d13d4d;border-radius:8px;height:60px;object-fit:cover;width:100px}.register-page .upload-success{align-items:center;color:var(--primary-color);display:flex;font-size:.9rem;font-weight:500;gap:.25rem}.register-container .password-requirements{background:#2a2d3e!important;background-color:#2a2d3e!important;border:1px solid #3a3d4e;border-radius:8px;margin-top:.75rem;padding:1rem}.register-container .requirements-title{color:#fff!important;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.register-container .requirement{align-items:center;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.25rem;transition:all .2s ease}.register-container .requirement:last-child{margin-bottom:0}.register-container .requirement-icon{font-weight:700;min-width:16px;text-align:center}.register-container .requirement-text{color:#ccc!important}.register-container .requirement.valid .requirement-icon,.register-container .requirement.valid .requirement-text{color:#4caf50!important}.register-container .requirement.invalid .requirement-icon,.register-container .requirement.invalid .requirement-text{color:#f44!important}:root{--error-color:#dc3545}.get-started-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;color:var(--dark-color);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}.simple-navbar{align-items:center;background-color:#fff;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:1.5rem 5%;position:sticky;top:0;z-index:100}.simple-navbar .logo{align-items:center;display:flex;text-decoration:none}.simple-navbar .logo-image{height:40px;width:auto}.back-link{color:#65c07a;color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#2d7340;color:var(--primary-dark)}.get-started-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:4rem 5%}.get-started-info{padding:2rem 0}.get-started-info h1{color:#333;color:var(--dark-color);font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.subtitle{color:#777;color:var(--gray-color);font-size:1.2rem;line-height:1.6}.benefits-list,.subtitle{margin-bottom:3rem}.benefit-item{align-items:flex-start;background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.benefit-item:hover{box-shadow:0 8px 25px #65c07a26;transform:translateY(-3px)}.benefit-icon{flex-shrink:0;font-size:2rem}.benefit-item h3{color:#333;color:var(--dark-color);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.benefit-item p{color:#777;color:var(--gray-color);margin:0}.trust-indicators{background-color:#e5f5e8;background-color:var(--primary-light);border-radius:12px;padding:1.5rem;text-align:center}.trust-indicators p{color:#2d7340;color:var(--primary-dark);margin:.5rem 0}.trust-indicators p:first-child{color:#333;color:var(--dark-color);font-size:1.1rem}.contact-form-container{background-color:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:2.5rem;position:sticky;top:120px}.contact-form h2{color:#333;color:var(--dark-color);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.contact-form>p{color:#777;color:var(--gray-color);margin-bottom:2rem}.form-row{grid-gap:1rem;margin-bottom:1.5rem}.form-group label{color:#333;color:var(--dark-color);font-weight:600}.form-control{border:2px solid #ddd;border:2px solid var(--border-color);font-family:inherit;padding:.8rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-control:focus{border-color:#65c07a;box-shadow:0 0 0 3px #65c07a1a}.form-control::placeholder{color:#999}.submit-btn{background-color:#65c07a;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){background-color:#2d7340;background-color:var(--primary-dark);box-shadow:0 8px 20px #65c07a4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.form-note{color:#777;color:var(--gray-color);font-size:.9rem;line-height:1.4;margin:0;text-align:center}.error-message{background-color:#ffe6e6;border:1px solid #fcc;color:var(--error-color);margin-bottom:1.5rem;padding:1rem}.success-message-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.success-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;max-width:600px;padding:4rem;text-align:center;width:100%}.success-icon{font-size:4rem;margin-bottom:2rem}.success-content h1{color:#28a745;color:var(--success-color);font-size:2.5rem;font-weight:800;margin-bottom:1.5rem}.success-content p{color:#777;color:var(--gray-color);font-size:1.1rem;line-height:1.6;margin-bottom:3rem}.success-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border-radius:8px;font-size:1rem;font-weight:600;min-width:140px;padding:.8rem 2rem}.btn-primary{background-color:#65c07a}.btn-primary:hover{background-color:#2d7340;box-shadow:0 8px 20px #65c07a4d;transform:translateY(-2px)}.btn-secondary{border:2px solid #65c07a;border:2px solid var(--primary-color);color:#65c07a}.btn-secondary:hover{transform:translateY(-2px)}@media (max-width:1024px){.get-started-content{gap:3rem;grid-template-columns:1fr;padding:3rem 4%}.contact-form-container{position:static}.get-started-info{order:2}.contact-form-container{order:1}}@media (max-width:768px){.simple-navbar{padding:1rem 4%}.get-started-content{gap:2.5rem;padding:2rem 4%}.get-started-info h1{font-size:2.2rem}.subtitle{font-size:1.1rem}.contact-form-container{padding:2rem}.form-row{gap:0;grid-template-columns:1fr}.success-content{padding:3rem 2rem}.success-content h1{font-size:2rem}.success-actions{align-items:center;flex-direction:column}.btn{max-width:250px;width:100%}}@media (max-width:480px){.simple-navbar{flex-direction:column;gap:1rem;padding:1rem 3%}.get-started-content{padding:2rem 3%}.get-started-info h1{font-size:1.8rem}.contact-form-container{padding:1.5rem}.contact-form h2{font-size:1.5rem}.benefit-item{padding:1rem}.benefit-item h3{font-size:1.1rem}.success-content{padding:2rem 1.5rem}.success-icon{font-size:3rem}}.complete-profile-container{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background-color:#222636;display:flex;min-height:100vh;overflow-y:auto;padding:0;scroll-behavior:smooth;scrollbar-width:none}.complete-profile-container::-webkit-scrollbar{display:none}.complete-profile-form{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background-color:#222636;border:none;border-radius:0;box-shadow:none;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;max-height:100vh;min-height:100vh;overflow-y:auto;padding:3rem;scroll-behavior:smooth;scrollbar-width:none;width:50%}.complete-profile-form::-webkit-scrollbar{display:none}.complete-profile-welcome{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center;width:50%}.complete-profile-welcome h2{color:#4caf50;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.complete-profile-welcome p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:600px}.complete-profile-welcome .features{align-items:flex-start;display:flex;flex-direction:column;gap:20px}.complete-profile-welcome .feature-item{align-items:center;color:#555;display:flex;font-size:16px;font-weight:500;gap:15px}.complete-profile-welcome .feature-icon{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.complete-profile-form .header{margin-bottom:2rem;text-align:center}.complete-profile-form .header h1{color:#4caf50;font-size:2rem;font-weight:600;margin-bottom:2rem}.complete-profile-form .header p{color:#fff;font-size:1.25rem;margin-bottom:1.5rem}.complete-profile-form .user-info{background:#ffffff1a;border-radius:8px;margin-bottom:20px;padding:15px}.complete-profile-form .user-info p{color:#ffffffe6;font-size:14px;margin:5px 0}.complete-profile-form .user-info strong{color:#4caf50}.form-section{margin-bottom:0}.form-section h3{display:none}.form-row{gap:15px;margin-bottom:1rem}.form-group label{color:#ffffffe6;font-size:.9rem}.form-control{background-color:#ffffff1a;border:none;border-bottom:2px solid #ffffff4d;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;margin-bottom:1rem;padding:.75rem 1rem;transition:all .3s ease}.form-control:focus{background-color:#ffffff14;border-bottom-color:#4caf50;box-shadow:none}.form-control:disabled{background-color:#ffffff0d;color:#fff9;cursor:not-allowed}.form-control::placeholder{color:#fff9}.file-input-wrapper{align-items:center;background-color:#2a2d3e;border:1px solid #3a3d4e;border-radius:8px;display:flex;height:48px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.file-input-wrapper:hover{border-color:#4caf50}.file-input-wrapper.disabled{opacity:.6;pointer-events:none}.file-input{height:0;width:0}.file-input-text{color:#ccc;flex:1 1;font-size:.9rem;overflow:hidden;padding:.75rem;text-overflow:ellipsis;white-space:nowrap}.file-input-button{background:#4caf50;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;height:100%;padding:.75rem 1.5rem;transition:background-color .3s ease;white-space:nowrap}.file-input-button:hover:not(:disabled){background:#388e3c}.file-input-button:disabled{background:#666;cursor:not-allowed}.upload-status{align-items:center;color:#4caf50;display:flex;font-size:14px;gap:8px;margin-top:10px}.image-preview{display:flex;flex-direction:column;gap:10px;margin-top:15px}.preview-image{border:3px solid #4caf50;border-radius:50%;height:120px;object-fit:cover;width:120px}.preview-image-cover{border:2px solid #4caf50;border-radius:8px;height:120px;object-fit:cover;width:200px}.upload-success{color:#4caf50;font-size:14px;font-weight:500}.form-actions{gap:15px;justify-content:center}.btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:1rem!important;font-weight:500!important;justify-content:center!important;margin-top:1rem!important;padding:1rem!important;text-decoration:none!important;transition:background-color .2s!important;width:100%!important}.btn:hover:not(:disabled){background-color:#388e3c!important}.btn:disabled{background-color:#4caf5080!important;color:#ffffffb3!important;cursor:not-allowed!important}.btn-primary{background-color:#4caf50!important;color:#fff!important}.btn-primary:hover:not(:disabled){background-color:#388e3c!important}.btn-secondary{background-color:#fff!important;border:2px solid #ddd!important;color:#333!important}.btn-secondary:hover:not(:disabled){background-color:#f8f9fa!important;border-color:#4caf50!important;color:#4caf50!important}.email-verification-actions{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:center!important;margin-top:2rem!important}.email-verification-actions .btn{flex:1 1!important;margin-top:0!important;max-width:300px!important;min-width:180px!important;width:auto!important}.verification-actions{display:flex!important;flex-direction:row!important;gap:15px!important;justify-content:space-between!important;margin-top:2rem!important}.verification-actions .btn{margin-top:0!important;min-width:180px!important}.error-message{background:#dc3545;border-radius:8px;color:#fff;font-size:14px;margin-bottom:20px;padding:12px 16px}.loading{color:#fff;font-size:18px;padding:40px;text-align:center}.email-verification-content{padding:20px 0;text-align:center}.verification-icon{display:flex;justify-content:center;margin-bottom:20px}.verification-message{margin-bottom:30px}.verification-message h3{color:#fff;font-size:24px;font-weight:600;margin-bottom:15px}.verification-message p{color:#ffffffe6;font-size:16px;line-height:1.5;margin-bottom:10px}.verification-message strong{color:#4caf50}.error-message{background-color:#f443361a;color:#f44336;font-size:.9rem;margin-top:.5rem;text-align:center}.register-container.complete-profile .email-verification-actions .btn{font-weight:600!important;text-transform:none!important}.register-container.complete-profile .email-verification-actions .btn-secondary{background-color:#fff!important;border:2px solid #ddd!important;box-shadow:0 2px 4px #0000001a!important;color:#333!important}.register-container.complete-profile .email-verification-actions .btn-secondary:hover{background-color:#f8f9fa!important;border-color:#4caf50!important;color:#4caf50!important}.register-container.complete-profile .email-verification-actions .btn-primary{background-color:#4caf50!important;border:none!important;box-shadow:0 2px 4px #4caf504d!important;color:#fff!important}.register-container.complete-profile .email-verification-actions .btn-primary:hover{background-color:#45a049!important;color:#fff!important}.register-container.register-page.complete-profile .email-verification-actions button.btn{opacity:1!important;visibility:visible!important}.register-container.register-page.complete-profile .email-verification-actions button.btn.btn-secondary{background:#fff!important;border:2px solid #ddd!important;color:#333!important}.register-container.register-page.complete-profile .email-verification-actions button.btn.btn-primary{background:#4caf50!important;color:#fff!important}@media (max-width:768px){.complete-profile-container{flex-direction:column}.complete-profile-form{min-height:auto;padding:30px 25px;width:100%}.complete-profile-welcome{padding:40px 25px;width:100%}.complete-profile-welcome h2{font-size:32px}.form-row{flex-direction:column;gap:0}.form-group.half{margin-bottom:20px}.form-actions{flex-direction:column;gap:15px;justify-content:center}.btn{width:100%}.email-verification-actions{flex-direction:column!important;gap:8px!important}.email-verification-actions .btn{margin-bottom:8px!important;max-width:280px!important;width:100%!important}}.complete-profile-container .password-requirements{background:#2a2d3e!important;background-color:#2a2d3e!important;border:1px solid #3a3d4e;border-radius:8px;margin-top:.75rem;padding:1rem}.complete-profile-container .requirements-title{color:#fff!important}.complete-profile-container .requirement-text{color:#ccc!important}.complete-profile-container .requirement.valid .requirement-icon,.complete-profile-container .requirement.valid .requirement-text{color:#4caf50!important}.complete-profile-container .requirement.invalid .requirement-icon,.complete-profile-container .requirement.invalid .requirement-text{color:#f44!important}.dashboard-header{padding:.75rem 1.25rem;position:sticky;z-index:100}.logo{font-size:1.5rem;font-weight:700}.search-bar{align-items:center;background-color:#e8e8e8;border-radius:20px;display:flex;padding:.375rem .938rem;width:300px}.search-bar input{background:#0000;border:none;outline:none;padding:.313rem}.header-icons{display:flex;gap:1.25rem}.notification-wrapper,.profile-wrapper{position:relative}.notification-icon,.profile-icon{cursor:pointer;font-size:1.25rem}.notification-dropdown,.profile-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-top:.625rem;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;width:300px;z-index:110}.notification-header,.profile-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.notification-header h3{margin-bottom:0}.mark-all-read{font-size:.85rem}.notification-list{padding:.5rem 0}.notification-item{border-bottom:1px solid var(--border-color);gap:.75rem;padding:.75rem 1rem;transition:background-color .2s}.notification-item:hover{background-color:var(--light-color)}.notification-item.unread{background-color:var(--primary-light)}.notification-icon{color:var(--primary-color);font-size:1.25rem}.notification-content p{font-size:.95rem;margin-bottom:.25rem}.notification-time{color:var(--gray-color);font-size:.8rem}.notification-footer{border-top:1px solid var(--border-color);padding:.75rem 1rem;text-align:center}.notification-footer a{color:var(--primary-color);font-size:.9rem}.profile-name{font-weight:500}.profile-email{color:var(--gray-color);font-size:.85rem}.profile-menu-item:hover{background-color:var(--light-color)}.profile-menu-icon{font-size:1.125rem}.logout-button{background:none;border:none;color:var(--danger-color);text-align:left;width:100%}.dashboard-container{flex:1 1}.sidebar{height:calc(100vh - 57px);position:sticky;top:57px;width:200px}.sidebar-item{border-bottom:1px solid #eee;color:var(--gray-color);display:block;padding:.938rem 1.25rem}.sidebar-item:hover{background-color:#f9f9f9}.sidebar-item.active{background-color:var(--primary-dark);color:#fff;font-weight:700}.dashboard-content{flex:1 1;overflow-y:auto;padding:1.25rem}.breadcrumb{align-items:center;color:var(--gray-color);display:flex;font-size:.875rem;margin-bottom:1.25rem}.breadcrumb span{margin:0 .5rem}.breadcrumb .current{color:var(--primary-color);font-weight:500}.card-container{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.25rem}.metric-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;overflow:hidden;padding:1.25rem;position:relative}.metric-card.green{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.metric-card.purple{background:linear-gradient(135deg,var(--info-color),#8679b5);color:#fff}.metric-card.dark{background:linear-gradient(135deg,#444,#333);color:#fff}.metric-card.red{background:linear-gradient(135deg,#ff8c42,#ff6b1a)!important;color:#fff!important}.metric-card.yellow{background:linear-gradient(135deg,var(--warning-color),#e0bc50);color:#fff}.metric-card.orange{background:linear-gradient(135deg,#ff8c42,#ff6b1a)!important;color:#fff!important}.metric-title{font-size:1rem;margin-bottom:.813rem}.metric-subtitle{font-size:.75rem;margin-bottom:.938rem;opacity:.8}.metric-value{font-size:2rem;font-weight:700;position:absolute;right:1.25rem;top:.625rem;transition:all .3s ease}.metric-card.clickable-card{cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.metric-card.clickable-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.metric-card.clickable-card:active{box-shadow:0 4px 15px #0000001a;transform:translateY(0)}.metric-card.clickable-card:hover .metric-title{color:#fffffff2}.metric-card.clickable-card:hover .metric-subtitle{color:#ffffffd9}.metric-card.clickable-card:hover .metric-value{transform:scale(1.05)}.data-section{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;margin-bottom:1.25rem;padding:1.25rem}.data-section h3{color:var(--dark-color);font-size:1.125rem;margin-bottom:.938rem}.data-section h3 span{color:var(--primary-color)}.progress-container{align-items:center;display:flex;gap:1.25rem}.progress-circle{align-items:center;border:.5rem solid #f0f0f0;border-radius:50%;border-top:.5rem solid var(--primary-color);display:flex;font-size:1.125rem;font-weight:700;height:5rem;justify-content:center;position:relative;width:5rem}.progress-info{flex:1 1}.progress-label{color:var(--dark-color);font-size:.875rem;margin-bottom:.313rem}.legend{display:flex;flex-direction:column;gap:.313rem}.legend-item{align-items:center;display:flex;font-size:.75rem}.legend-color{height:.75rem;margin-right:.313rem;width:.75rem}.legend-color.dark-green{background-color:var(--primary-dark)}.legend-color.light-green{background-color:var(--primary-color)}.section-title{color:var(--dark-color);font-size:1.125rem;margin:1.25rem 0}.section-title span{color:var(--primary-color)}.summary-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-bottom:1.25rem;padding:1.25rem}.summary-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.summary-card-title{color:var(--dark-color);font-size:1rem;font-weight:600}.summary-card-actions{display:flex;gap:.5rem}.chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;height:300px;margin-bottom:1.25rem;padding:1.25rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-filters{display:flex;gap:.5rem}.chart-filter-btn{background-color:#f0f0f0;border:none;border-radius:4px;color:var(--dark-color);cursor:pointer;font-size:.75rem;padding:.5rem .75rem;transition:background-color .2s}.chart-filter-btn:hover{background-color:#e0e0e0}.chart-filter-btn.active{background-color:var(--primary-color);color:#fff}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.25rem}.stat-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:1rem;text-align:center}.stat-label{color:var(--gray-color);font-size:.875rem;margin-bottom:.5rem}.stat-value{color:var(--dark-color);font-size:1.5rem}.stat-change{font-size:.75rem;margin-top:.5rem}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--danger-color)}.activity-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-bottom:1.25rem;overflow:hidden}.activity-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.activity-title{color:var(--dark-color);font-size:1rem;font-weight:600;margin:0}.activity-actions{color:var(--primary-color);cursor:pointer;font-size:.875rem}.activity-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1rem 1.25rem}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background-color:var(--primary-light);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.activity-content{flex:1 1}.activity-text{color:var(--dark-color);font-size:.875rem;margin-bottom:.25rem}.activity-meta{color:var(--gray-color);display:flex;font-size:.75rem;gap:.75rem}.activity-time,.activity-user{align-items:center;display:flex;gap:.25rem}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.quick-action{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;cursor:pointer;display:flex;gap:.75rem;min-width:200px;padding:1rem;transition:transform .2s,box-shadow .2s}.quick-action:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.quick-action-icon{align-items:center;background-color:var(--primary-light);border-radius:8px;color:var(--primary-color);display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.quick-action-content{flex:1 1}.quick-action-title{color:var(--dark-color);font-size:.875rem;font-weight:500;margin-bottom:.125rem}.quick-action-subtitle{color:var(--gray-color);font-size:.75rem}.dashboard-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:2fr 1fr;margin-bottom:1.25rem}.dashboard-column{display:flex;flex-direction:column;gap:1.25rem}.welcome-banner{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:8px;color:#fff;margin-bottom:1.25rem;padding:1.5rem}.welcome-content{max-width:600px}.welcome-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.welcome-subtitle{font-size:.875rem;margin-bottom:1.25rem;opacity:.9}.welcome-actions{display:flex;gap:1rem}.welcome-actions .btn{font-size:.875rem;font-weight:500;padding:.5rem 1.25rem}.welcome-actions .btn-white{background-color:#fff;color:var(--primary-dark)}.welcome-actions .btn-outline-white{background-color:initial;border:1px solid #ffffff80;color:#fff}.date-filter{align-items:center;display:flex;gap:1rem;margin-bottom:1.25rem}.date-filter-label{color:var(--gray-color);font-size:.875rem}.date-range-picker{align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;padding:.5rem .75rem}.date-range-picker-icon{color:var(--primary-color);margin-left:.5rem}.widget{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;overflow:hidden}.widget-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.widget-title{color:var(--dark-color);font-size:1rem;font-weight:600;margin:0}.widget-actions{color:var(--primary-color);cursor:pointer;font-size:.875rem}.widget-body{padding:1.25rem}.widget-footer{border-top:1px solid var(--border-color);color:var(--gray-color);display:flex;justify-content:space-between;padding:.75rem 1.25rem}.status-indicator,.widget-footer{align-items:center;font-size:.875rem}.status-indicator{display:inline-flex;font-weight:500;gap:.375rem}.status-dot{border-radius:50%;height:.5rem;width:.5rem}.status-dot.green{background-color:var(--success-color)}.status-dot.yellow{background-color:var(--warning-color)}.status-dot.red{background-color:var(--danger-color)}.status-dot.gray{background-color:var(--gray-color)}.status-text.green{color:var(--success-color)}.status-text.yellow{color:var(--warning-color)}.status-text.red{color:var(--danger-color)}.status-text.gray{color:var(--gray-color)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem}.empty-state-icon{color:#ddd;font-size:3rem;margin-bottom:1.5rem}.empty-state-title{color:var(--dark-color);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.empty-state-message{color:var(--gray-color);font-size:.875rem;margin-bottom:1.5rem;max-width:400px}.progress-bar{background-color:#eee;border-radius:.25rem;height:.5rem;overflow:hidden}.progress-bar-fill{background-color:var(--primary-color);border-radius:.25rem;height:100%}.progress-bar-fill.yellow{background-color:var(--warning-color)}.progress-bar-fill.red{background-color:var(--danger-color)}.tag{align-items:center;background-color:#f0f0f0;border-radius:4px;color:var(--dark-color);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.tag.blue{background-color:#e8f4fd;color:#0277bd}.tag.green{background-color:#e8f5e9;color:#388e3c}.tag.orange{background-color:#fff8e1;color:#f57f17}.tag.red{background-color:#ffebee;color:#d32f2f}.tag.purple{background-color:#f3e5f5;color:#9c27b0}.tooltip-container{display:inline-block;position:relative}.tooltip-icon{color:#bbb;cursor:pointer;font-size:.875rem}.tooltip-text{background-color:#333;border-radius:4px;bottom:130%;color:#fff;font-size:.75rem;left:50%;opacity:0;padding:.5rem .75rem;position:absolute;transform:translateX(-50%);transition:opacity .2s;visibility:hidden;white-space:nowrap;z-index:100}.tooltip-text:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible}.workflow-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:30px;margin-top:30px;padding:30px}.workflow-section h3{font-size:24px;margin-bottom:20px}.workflow-section p{margin-bottom:20px}.workflow-steps{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.workflow-step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;flex:1 1;min-width:200px;padding:20px;text-align:center;transition:all .3s ease}.workflow-step:hover{background:#fff3;transform:translateY(-5px)}.step-number{align-items:center;background:#fff;border-radius:50%;color:#764ba2;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;margin:0 auto 10px;width:40px}.workflow-step h4{font-size:16px;margin-bottom:5px}.workflow-step p{font-size:13px;opacity:.9}@media (max-width:768px){.workflow-steps{flex-direction:column;gap:15px}.workflow-step{min-width:auto}}.dashboard-container{margin-top:0}.notification-content *,.notification-dropdown *,.notification-item *,.notification-text *{opacity:1!important}.notification-item{border-spacing:0!important;margin:0!important;padding-bottom:14px!important;padding-top:14px!important}.notification-item+.notification-item{border-top:none!important;margin-top:0!important}.notification-dropdown,.notification-item,.notification-list{box-sizing:border-box!important;line-height:1!important}.notification-dropdown{border-collapse:collapse!important;border-spacing:0!important}.header-icon-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:16px;height:42px;min-width:42px;padding:10px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.header-icon-btn:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.header-icon-btn:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.header-icon-btn.has-notifications{background:#dc26261a;border-color:#dc262633}.has-notifications .notification-badge{align-items:center;background:#dc2626;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #dc26264d;color:#fff;display:flex;font-size:10px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:2px;position:absolute;right:-6px;top:-6px;width:20px}.notification-dropdown{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#fff!important;border:1px solid #e2e8f0;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;margin:0;max-height:500px;overflow:hidden;padding:0;top:calc(100% + 10px);width:380px;z-index:1000}.notification-dropdown:not(.empty):after{display:none}.notification-dropdown:before{border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:20px;position:absolute;top:-8px;width:0;z-index:1002}.notification-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;margin:0;padding:16px 20px 12px}.notification-header h3{color:#1e293b;font-size:16px;font-weight:600;letter-spacing:-.025em}.notification-actions{gap:8px}.notification-actions button{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 8px;transition:all .2s ease}.notification-actions button:hover{background:#e2e8f0;color:#475569;transform:scale(1.05)}.notification-actions button:active{transform:scale(.95)}.notification-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none}.notification-actions button:disabled:hover{background:none;color:#64748b;transform:none}.notification-list{background:#fff;border-radius:0 0 8px 8px;margin:0;max-height:360px;padding:0}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-item{border:none;border-bottom:1px solid #e2e8f0;cursor:pointer;margin:0;padding:10px 16px}.notification-item:before{background:linear-gradient(90deg,#0000,#3b82f60d);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .2s ease;width:0}.notification-item:hover:before{width:100%}.notification-item:first-child{border-top:none;margin-top:0!important}.notification-item:hover{box-shadow:0 2px 8px #00000014;transform:translateX(2px)}.notification-item:hover:after{color:#3b82f6;content:"→";font-size:14px;font-weight:700;opacity:.7;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.notification-item:active{box-shadow:0 1px 4px #0000001a;transform:translateX(1px)}.notification-item.unread{background:#f0f9ff!important;border-bottom:1px solid #e2e8f0;border-right:none;border-top:none;opacity:1!important}.notification-item.unread:hover{background:#e0f2fe!important;border-left-color:#2563eb!important;box-shadow:0 3px 12px #3b82f626;opacity:1!important;transform:translateX(3px)}.notification-item.unread:hover:after{animation:pulse 1s infinite;color:#2563eb!important;opacity:1!important}@keyframes pulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}to{transform:translateY(-50%) scale(1)}}.notification-item.unread .notification-body,.notification-item.unread .notification-time,.notification-item.unread .notification-title{opacity:1!important}.notification-item.read{background:#f8fafc!important;opacity:1!important}.notification-item.read .notification-body,.notification-item.read .notification-time,.notification-item.read .notification-title{opacity:1!important}.notification-item.read .notification-title{color:#4a5568!important}.notification-item.read .notification-body{color:#6b7280!important}.notification-content{align-items:center;display:flex;gap:12px;opacity:1!important}.notification-text{display:flex;flex-direction:column;gap:2px}.notification-icon{background:#f7fafc!important;border:1px solid #e2e8f0;border-radius:50%;color:#4a5568!important;flex-shrink:0;font-size:20px;height:28px;min-width:28px;opacity:1!important}.notification-avatar,.notification-icon{align-items:center;display:flex;justify-content:center}.notification-avatar{border-radius:50%;height:36px;margin-right:0;overflow:hidden;width:36px}.notification-avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.notification-avatar .avatar-initials{background:#3b82f6;font-size:14px;font-weight:600}.notification-avatar .avatar-initials,.notification-avatar .avatar-system{align-items:center;border-radius:50%;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.notification-avatar .avatar-system{background:#6b7280;font-size:16px}.notification-text{opacity:1!important}.notification-title{color:#1e293b;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 2px}.notification-body,.notification-title{word-wrap:break-word;overflow-wrap:break-word}.notification-body{font-size:13px;margin:0 0 4px}.notification-time{font-size:11px;font-weight:500;margin:0}.notification-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;margin-left:8px;width:8px}.notification-empty{color:#64748b;padding:40px 20px}.notification-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.notification-empty p{color:#475569;font-size:16px;font-weight:500;margin:0 0 8px}.notification-empty small{color:#64748b;font-size:13px;line-height:1.4}.notification-loading{align-items:center;color:#64748b;display:flex;gap:12px;justify-content:center;padding:40px 20px}.loading-spinner{border:2px solid #e2e8f0;height:20px;width:20px}.notification-more{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px 20px;text-align:center}.view-all-button{background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-all-button:hover{background:#e0f2fe;color:#2563eb}.view-all-button:active{transform:scale(.95)}@media (max-width:768px){.notification-dropdown{border-radius:12px;box-shadow:0 20px 40px #00000026;left:-220px;max-height:400px;width:280px}.notification-header{padding:14px 16px 10px}.notification-header h3{font-size:15px}.notification-item{padding:8px 12px}.notification-content{gap:10px}.notification-icon{font-size:16px;height:24px;width:24px}.notification-avatar{height:32px;width:32px}.notification-avatar .avatar-initials{font-size:12px}.notification-avatar .avatar-system{font-size:14px}.notification-title{font-size:13px}.notification-body{font-size:12px}.notification-actions{gap:6px}.notification-actions button{font-size:12px;padding:5px 6px}.notification-empty{padding:30px 16px}.notification-empty .empty-icon{font-size:40px}.notification-empty p{font-size:14px}.notification-loading{padding:30px 16px}}@media (max-width:480px){.notification-dropdown{border-radius:10px;box-shadow:0 15px 30px #0003;left:-180px;max-height:320px;width:260px}.notification-header{padding:12px 14px 8px}.notification-header h3{font-size:14px}.notification-item{padding:6px 10px}.notification-content{gap:8px}.notification-icon{font-size:14px;height:20px;width:20px}.notification-avatar{height:30px;width:30px}.notification-avatar .avatar-initials{font-size:11px}.notification-avatar .avatar-system,.notification-title{font-size:12px}.notification-body{font-size:11px}.notification-actions{gap:4px}.notification-actions button{font-size:11px;padding:4px 5px}.notification-empty{padding:25px 14px}.notification-empty .empty-icon{font-size:36px}.notification-empty p{font-size:13px}.notification-empty small{font-size:11px}.notification-loading{padding:25px 14px}.view-all-button{font-size:12px;padding:6px 12px}}:root{--primary-color:#65c07a;--primary-dark:#2d7340;--border-color:#ddd}.home-container{color:#333;color:var(--dark-color);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}.navbar{align-items:center;background-color:#fff;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;max-height:72px;min-height:72px;padding:1rem 5%;position:sticky;top:0;z-index:100}.logo{transition:all .3s ease}.logo:hover{transform:translateY(-2px)}.logo-image{height:40px;transition:transform .3s ease}.logo:hover .logo-image{transform:scale(1.05)}.nav-links{display:flex;gap:1rem;margin-left:1rem}.nav-link,.nav-links{align-items:center;height:40px}.nav-link{color:#333;color:var(--dark-color);display:inline-flex;font-size:.95rem;font-weight:500;line-height:1;text-decoration:none;transition:color .3s ease;vertical-align:middle}.nav-link:hover{color:#65c07a;color:var(--primary-color);transform:translateY(-1px)}.home-container .btn{align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:36px;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.home-container .btn-primary{background-color:#65c07a!important;background-color:var(--primary-color)!important;border:none!important;color:#fff!important}.home-container .btn-primary:hover{background-color:#2d7340!important;background-color:var(--primary-dark)!important;box-shadow:0 4px 12px #65c07a33;transform:translateY(-2px)}.home-container .nav-links .btn-primary{align-items:center!important;background-color:#65c07a!important;background-color:var(--primary-color)!important;border:none!important;border-radius:6px!important;box-sizing:border-box!important;color:#fff!important;display:inline-flex!important;font-size:.95rem!important;font-weight:600!important;height:40px!important;justify-content:center!important;line-height:1!important;margin-left:.5rem!important;min-height:0!important;min-height:auto!important;padding:.6rem 1.2rem!important;vertical-align:middle!important}.home-container .nav-links .btn-primary:hover{background-color:#2d7340!important;background-color:var(--primary-dark)!important;box-shadow:0 2px 8px #65c07a33;transform:translateY(-1px)}.home-container .btn-secondary{background-color:initial!important;border:2px solid #65c07a!important;border:2px solid var(--primary-color)!important;color:#65c07a!important;color:var(--primary-color)!important}.home-container .btn-secondary:hover{background-color:#e5f5e8!important;background-color:var(--primary-light)!important;box-shadow:0 4px 12px #65c07a1a;transform:translateY(-2px)}.home-container .nav-links .btn-secondary{align-items:center!important;background-color:initial!important;border:2px solid #65c07a!important;border:2px solid var(--primary-color)!important;border-radius:6px!important;box-sizing:border-box!important;color:#65c07a!important;color:var(--primary-color)!important;display:inline-flex!important;font-size:.95rem!important;font-weight:600!important;height:40px!important;justify-content:center!important;line-height:1!important;margin-left:.5rem!important;min-height:0!important;min-height:auto!important;padding:.6rem 1.2rem!important;vertical-align:middle!important}.home-container .nav-links .btn-secondary:hover{background-color:#e5f5e8!important;background-color:var(--primary-light)!important;box-shadow:0 2px 8px #65c07a1a;transform:translateY(-1px)}.hero{margin:0 auto;max-width:900px;padding:6rem 5%;text-align:center}.hero h1{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.highlight{color:#65c07a;color:var(--primary-color)}.hero p{color:#777;color:var(--gray-color);font-size:1.1rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:800px}.hero-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem}.home-container .hero-buttons .btn{align-items:center!important;border-radius:6px!important;box-sizing:border-box;display:inline-flex!important;font-size:.95rem!important;font-weight:600!important;height:44px!important;justify-content:center!important;line-height:1.2;max-width:none!important;min-width:120px!important;padding:.6rem 1.2rem!important;text-align:center!important;vertical-align:top;white-space:nowrap;width:auto!important}.home-container .hero-buttons .btn-primary{background-color:#65c07a!important;background-color:var(--primary-color)!important;border:none!important;color:#fff!important}.home-container .hero-buttons .btn-primary:hover{background-color:#2d7340!important;background-color:var(--primary-dark)!important;box-shadow:0 4px 12px #65c07a33;transform:translateY(-2px)}.home-container .hero-buttons .btn-secondary{background-color:initial!important;border:2px solid #65c07a!important;border:2px solid var(--primary-color)!important;color:#65c07a!important;color:var(--primary-color)!important}.home-container .hero-buttons .btn-secondary:hover{background-color:#e5f5e8!important;background-color:var(--primary-light)!important;box-shadow:0 4px 12px #65c07a1a;transform:translateY(-2px)}.features-section{background-color:#f5f7fa;background-color:var(--light-color);padding:5rem 5%;text-align:center}.features-section h2{color:#333;color:var(--dark-color);font-size:2.5rem;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;padding:2.5rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 10px 30px #65c07a33;transform:translateY(-10px)}.feature-icon{display:inline-block;font-size:3rem;margin-bottom:1.5rem}.feature-card h3{color:#333;color:var(--dark-color);font-size:1.3rem;margin-bottom:1rem}.feature-card p{color:#777;color:var(--gray-color)}.pricing-section{padding:5rem 5%;text-align:center}.pricing-section h2{color:#333;color:var(--dark-color);font-size:2.5rem;margin-bottom:3rem}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.pricing-card{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;padding:3rem 2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-10px)}.pricing-card.featured{border:2px solid #65c07a;border:2px solid var(--primary-color);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-10px)}.pricing-badge{background-color:#65c07a;background-color:var(--primary-color);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-header{margin-bottom:2rem}.pricing-header h3{font-size:1.5rem;margin-bottom:1rem}.price{color:#2d7340;color:var(--primary-dark);font-size:3rem;font-weight:700}.price span{color:#777;color:var(--gray-color);font-size:1rem;font-weight:400}.pricing-features{list-style:none;margin:0 0 2rem;padding:0}.pricing-features li{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#777;color:var(--gray-color);padding:.75rem 0}.pricing-features li:before{color:#65c07a;color:var(--primary-color);content:"✓";font-weight:700;margin-right:.5rem}.about-section{background-color:#f5f7fa;background-color:var(--light-color);padding:5rem 5%}.about-section h2{color:#333;color:var(--dark-color);font-size:2.5rem;margin-bottom:3rem;text-align:center}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.about-text{color:#777;color:var(--gray-color)}.about-text p{margin-bottom:1.5rem}.about-image{position:relative}.image-placeholder{background-color:#e5f5e8;background-color:var(--primary-light);border-radius:12px;overflow:hidden;padding-bottom:75%;position:relative;width:100%}.image-placeholder:after{content:"🚚";font-size:4rem;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%)}.footer{background-color:#153415;background-color:var(--secondary-color);color:#fff;padding:4rem 5% 2rem}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px}.footer-logo{margin-bottom:1rem}.footer-logo .logo{align-items:center;display:flex;margin-bottom:1rem}.footer-logo .logo-image{height:50px;width:auto}.footer-logo p{color:#ffffffb3}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.footer-links-column h4{color:#fff;margin-bottom:1rem}.footer-links-column a{color:#ffffffb3;display:block;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}.footer-links-column a:hover{color:#fff}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;color:#ffffffb3;display:flex;justify-content:space-between;margin:4rem auto 0;max-width:1200px;padding-top:2rem}.social-links{display:flex;gap:1.5rem}.social-links a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#fff}.burger-menu{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;padding:0;transition:transform .3s ease;width:40px;z-index:1001}.burger-menu span{background-color:#333;background-color:var(--dark-color);border-radius:2px;display:block;height:3px;transform-origin:center;transition:all .3s ease;width:24px}.burger-menu span:first-child{transform:translateY(-6px)}.burger-menu span:nth-child(3){transform:translateY(6px)}.burger-menu.active span:first-child{transform:rotate(45deg)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){transform:rotate(-45deg)}.mobile-menu-overlay{animation:fadeIn .3s ease forwards;background-color:#00000080;display:none;height:100vh;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:999}@media (max-width:768px){.burger-menu{display:flex}.navbar{position:relative}.nav-links{align-items:stretch;background-color:#fff;box-shadow:-5px 0 20px #0000001a;flex-direction:column;height:100vh;justify-content:flex-start;overflow-y:auto;padding:80px 0 20px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px;z-index:1000}.nav-links.mobile-open{right:0}.mobile-menu-overlay{display:block}.nav-link{border-bottom:1px solid #0000000d;font-size:1rem;height:auto;padding:1rem 2rem;text-align:left;transition:background-color .2s ease,color .2s ease;width:100%}.nav-link:hover{background-color:#e5f5e8;background-color:var(--primary-light);color:#2d7340;color:var(--primary-dark);transform:none}.home-container .nav-links .btn-primary,.home-container .nav-links .btn-secondary{border-radius:8px!important;font-size:.95rem!important;height:44px!important;justify-content:center!important;margin:.5rem 2rem;min-width:0!important;min-width:auto!important;padding:.8rem 1.5rem!important;text-align:center!important;width:calc(100% - 4rem)!important}.home-container .nav-links .btn-primary:hover,.home-container .nav-links .btn-secondary:hover{transform:translateY(-1px)}.navbar{flex-wrap:nowrap;justify-content:space-between;max-height:64px;min-height:64px;padding:1rem 4%}}@media (max-width:480px){.nav-links{right:-100%;width:100%}.nav-links.mobile-open{right:0}.burger-menu{height:36px;width:36px}.burger-menu span{height:2px;width:20px}.burger-menu span:first-child{transform:translateY(-5px)}.burger-menu span:nth-child(3){transform:translateY(5px)}}@media (max-width:992px){.nav-links{gap:.8rem}.home-container .nav-links .btn-primary,.home-container .nav-links .btn-secondary{font-size:.9rem!important;height:36px!important;padding:.5rem 1rem!important}.hero h1{font-size:2.5rem}.about-content{gap:3rem;grid-template-columns:1fr}.about-image{order:-1}.footer-content{gap:3rem;grid-template-columns:1fr}}@media (max-width:768px){.home-container{overflow-x:hidden}.hero{padding:3rem 4%}.hero h1{font-size:2.2rem;line-height:1.3;margin-bottom:1rem}.hero p{font-size:1rem;margin-bottom:2rem}.hero-buttons{gap:1rem;justify-content:center;margin-top:2rem}.home-container .hero-buttons .btn{flex:0 0 auto!important;font-size:.9rem!important;height:44px!important;min-width:130px!important;padding:.7rem 1.2rem!important}.about-section,.features-section,.pricing-section{padding:4rem 4% 3rem}.about-section h2,.features-section h2,.pricing-section h2{font-size:2.2rem;margin-bottom:2.5rem}.features-grid,.pricing-grid{gap:1.5rem;grid-template-columns:1fr}.footer{padding:3rem 4% 1.5rem}.footer-links{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:1rem;margin-top:2rem;text-align:center}}@media (max-width:480px){.hero{padding:2.5rem 3%}.hero h1{font-size:1.8rem;line-height:1.4}.hero p{font-size:.95rem}.hero-buttons{align-items:center;flex-direction:column;gap:.8rem;margin-top:1.8rem}.home-container .hero-buttons .btn{font-size:.9rem!important;height:46px!important;max-width:90vw!important;min-width:0!important;min-width:auto!important;padding:.8rem 1rem!important;width:160px!important}.about-section,.features-section,.pricing-section{padding:3rem 3% 2.5rem}.about-section h2,.features-section h2,.pricing-section h2{font-size:1.9rem}.feature-card,.pricing-card{padding:2rem 1.2rem}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-10px)}.footer-links{gap:1.2rem;grid-template-columns:1fr;text-align:center}}.nav-theme-toggle,.theme-toggle-container{align-items:center;display:flex}.nav-theme-toggle{background-color:initial;border:none;border-radius:50%;color:#333;color:var(--dark-color);cursor:pointer;height:40px;justify-content:center;transition:all .3s ease;width:40px}.nav-theme-toggle:hover{background-color:#0000000d;transform:rotate(12deg)}.nav-theme-toggle svg{height:24px;width:24px}@media (max-width:768px){.nav-theme-toggle{height:36px;width:36px}.nav-theme-toggle svg{height:20px;width:20px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172ad9;z-index:9999}.modal-container{animation:modal-appear .3s cubic-bezier(.16,1,.3,1);background-color:#f8fafc;border:1px solid #e5e7eb80;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:90%;overflow-y:auto;position:relative;width:500px}.fullscreen-modal .modal-container{border:none!important;border-radius:0!important;height:100vh!important;margin:0!important;max-height:100%!important;max-width:100%!important;width:100vw!important}.fullscreen-modal .modal-header{padding:1rem 2rem}.fullscreen-modal .modal-body{background:#fff;flex:1 1;overflow-y:auto;padding:0}.fullscreen-modal .incident-form-container{margin:2rem auto;max-width:800px;padding:0 2rem}.fullscreen-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.modal-container::-webkit-scrollbar{height:6px;width:6px}.modal-container::-webkit-scrollbar-track{background:#0000}.modal-container::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#94a3b84d;border:2px solid #0000;border-radius:20px}.modal-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b880}@keyframes modal-appear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.5rem;position:sticky;top:0;z-index:10}.modal-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin:0}.modal-close{background:none;border-radius:8px;color:#64748b;height:32px;margin-left:1rem;width:32px}.modal-close:hover{background-color:#e2e8f0;color:#1e293b}.modal-close:before{display:block;font-size:24px;line-height:24px}.modal-body{background-color:#f8fafc;color:#334155;padding:1.5rem}.modal-footer{background-color:#f1f5f9;border-top:1px solid #e2e8f0;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:1.25rem 1.5rem;position:sticky;z-index:10}.modal-footer button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease;width:120px}.modal-footer button.primary{background-color:#2563eb;border:none;box-shadow:0 1px 2px 0 #0000000d;color:#fff}.modal-footer button.primary:hover{background-color:#1d4ed8;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.modal-footer button.secondary{background-color:#f8fafc;border:1px solid #cbd5e1;box-shadow:0 1px 2px 0 #0000000d;color:#475569}.modal-footer button.secondary:hover{background-color:#f1f5f9;border-color:#94a3b8;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.card,body.modal-open{overflow:hidden}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem 1.5rem}.card-header h3{color:#333;font-size:1.25rem;margin:0}.card-body{padding:1.5rem}.card-footer{border-top:1px solid #eee;padding:1rem 1.5rem}.alert{align-items:center;animation:alert-slide-in .3s ease;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-info{background-color:#e8f4fd;border-left:4px solid #0277bd;color:#0277bd}.alert-success{background-color:#e8f5e9;border-left:4px solid #388e3c;color:#388e3c}.alert-warning{background-color:#fff8e1;border-left:4px solid #f57f17;color:#f57f17}.alert-error{background-color:#ffebee;border-left:4px solid #d32f2f;color:#d32f2f}.alert-content{flex:1 1}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;margin-left:10px;opacity:.7}.alert-close:hover{opacity:1}.loader-container{padding:2rem 0}.loader-fullscreen{flex-direction:column;z-index:1000}.loader{border:3px solid #f3f3f3;border-top:3px solid var(--primary-color)}.loader-small{height:20px;width:20px}.loader-medium{height:40px;width:40px}.loader-large{height:60px;width:60px}.loader-text{color:#666;font-size:1rem;margin-top:1rem}.dropdown{display:inline-block}.dropdown-toggle{min-width:150px;padding:.5rem 1rem}.dropdown-toggle:hover{border-color:#aaa}.dropdown-toggle:after{font-size:.75rem}.dropdown-menu{box-shadow:0 2px 10px #0000001a;min-width:100%;z-index:100}.dropdown-item{padding:.75rem 1rem;white-space:nowrap}.badge-success{background-color:#388e3c}.badge-warning{background-color:#f57f17;color:#fff}.badge-danger{background-color:#d32f2f}.badge-info{background-color:#0277bd}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{background-color:#333;border-radius:4px;bottom:125%;color:#fff;font-size:.875rem;left:50%;opacity:0;padding:.5rem 1rem;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;z-index:1000}.tooltip .tooltip-text:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.tabs-container{display:flex;flex-direction:column}.tabs-header{border-bottom:1px solid #ddd;display:flex}.tab-button:hover{color:var(--primary-color)}.tab-button.active{border-bottom-color:var(--primary-color)}.tab-content{padding:1.5rem 0}.tab-panel{display:none}.tab-panel.active{display:block}.text-field{margin-bottom:16px;position:relative}.text-field.full-width{width:100%}.text-field-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.text-field-label .required{color:#e63946;margin-left:2px}.text-field-input{background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;width:100%}.text-field-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.text-field-input.has-error{border-color:#e63946}.text-field-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.text-field-error{color:#e63946;font-size:12px;margin-top:4px}.loader{animation:spin 1s linear infinite;border-color:#3498db #f3f3f3 #f3f3f3;border-radius:50%;border-style:solid;display:inline-block}.loader-small{border-width:2px;height:16px;width:16px}.loader-medium{border-width:3px;height:32px;width:32px}.loader-large{border-width:4px;height:48px;width:48px}.loader-primary{border-top-color:#3498db}.loader-secondary{border-top-color:#6c757d}.loader-success{border-top-color:#28a745}.loader-danger{border-top-color:#e63946}.button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;justify-content:center;outline:none;padding:8px 16px;transition:all .2s ease-in-out}.button-primary{background-color:var(--primary-color);color:#fff}.button-primary:hover{background-color:var(--primary-dark)}.button-secondary{background-color:var(--secondary-color);color:#fff}.button-secondary:hover{background-color:var(--secondary-dark)}.button-outline{background-color:initial;border:1px solid var(--primary-color);color:var(--primary-color)}.button-outline:hover{background-color:#007bff0d}.button-text{background-color:initial;color:var(--primary-color);padding:8px}.button-text:hover{background-color:#007bff0d}.button-small{font-size:.85rem;padding:4px 8px}.button-medium{font-size:1rem;padding:8px 16px}.button-large{font-size:1.15rem;padding:12px 24px}.button-full-width{width:100%}.button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.button-icon{align-items:center;display:flex}.button-icon-start{margin-right:4px}.button-icon-end{margin-left:4px}.text-field-input.textarea{min-height:100px;resize:vertical}.driver-history-detail{padding:0 1rem}.driver-profile{display:flex;gap:20px;margin-bottom:24px}.driver-avatar.large{font-size:1.5rem;height:80px;width:80px}.driver-info-detail{flex:1 1}.driver-info-detail h3{color:#333;font-size:1.3rem;margin:0 0 8px}.driver-contact-info{margin-bottom:12px}.driver-contact-info p{color:#666;margin:4px 0}.driver-summary-stats{display:flex;gap:16px;margin-top:12px}.stat-item{background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;padding:8px 16px}.stat-label{color:#666;font-size:.8rem}.stat-value{color:#333;font-size:1.2rem}.history-details-section{margin-bottom:24px}.history-details-section h4{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;margin:0 0 16px;padding-bottom:8px}.history-table-container{overflow-x:auto}.history-table{border-collapse:collapse;width:100%}.history-table td,.history-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.history-table th{background-color:#f8f9fa;color:#333;font-weight:600}.history-table tr:last-child td{border-bottom:none}.empty-history{background-color:#f9f9f9;border-radius:8px;color:#666;padding:24px;text-align:center}.modal-actions{margin-top:24px}.action-buttons{justify-content:flex-end;margin-top:16px}.loading-container{background-color:#f8f9fa;border-radius:8px;padding:40px 20px}.loading-text{color:#6c757d;font-size:1rem;margin-top:16px}.secondary-button{align-items:center;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease}.secondary-button:hover{background-color:var(--border-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.add-driver-container{padding:16px}.modal-subtitle{color:#666;font-size:14px;margin-bottom:24px}.driver-form{display:flex;flex-direction:column;gap:16px}.form-row{gap:16px}.form-group,.form-group label{margin-bottom:8px}.form-control{border:1px solid #ddd;font-size:14px;padding:10px 12px}.form-group.half{flex:1 1}.dropdown{position:relative}.dropdown-toggle{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.dropdown-toggle.amazon{background-color:#ff99001a;border-color:#f90}.dropdown-toggle:after{content:"▼";font-size:10px;margin-left:8px}.dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:4px;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{cursor:pointer;padding:8px 12px}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item.selected{background-color:#3b82f61a;font-weight:500}.form-actions{margin-top:16px}.btn{padding:10px 16px}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary{background-color:#e5e7eb}.btn-secondary:hover{background-color:#d1d5db}.btn-secondary:disabled{cursor:not-allowed;opacity:.7}.loading-spinner-small{animation:spin 1s ease-in-out infinite;border:2px solid #22c55e4d;border-radius:50%;border-top-color:#22c55e;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.invitation-success{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center}.success-icon{align-items:center;background-color:#10b981;border-radius:50%;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;margin-bottom:16px;width:60px}.invitation-success h3{color:#111827;font-size:18px;font-weight:600;margin-bottom:8px}.invitation-success p{color:#6b7280;margin-bottom:24px;max-width:400px}.access-number-box{background-color:#f3f4f6;border-radius:8px;margin-bottom:24px;padding:16px;width:100%}.access-label{color:#6b7280;font-size:14px;margin-bottom:4px}.access-value{color:#111827;font-size:28px;font-weight:600;letter-spacing:2px;margin-bottom:8px}.access-instruction{color:#6b7280;font-size:13px}.invitation-success .form-actions{justify-content:center}.input-error{border-color:#dc3545!important;box-shadow:0 0 0 1px #dc354540}.error-message{font-size:12px;font-weight:500;margin-top:4px}.deactivate-driver-container{padding:1.5rem}.deactivate-form{display:flex;flex-direction:column;gap:1.5rem}.deactivate-warning{align-items:flex-start;background-color:#fff3e0;border:1px solid #ffcc80;border-radius:8px;display:flex;margin-bottom:1rem;padding:1rem}.warning-icon{align-items:center;background-color:#ff9800;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:2rem;justify-content:center;margin-right:1rem;width:2rem}.deactivate-warning p{color:#e65100;font-size:.9rem;line-height:1.5;margin:0}.form-group{gap:.5rem}.form-group label{color:#334155}.form-group textarea{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;min-height:100px;padding:.75rem;resize:vertical}.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.deactivate-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-cancel{background-color:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s}.btn-cancel:hover{background-color:#e2e8f0}.btn-deactivate{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s}.btn-deactivate:hover{background-color:#dc2626}.btn-cancel:disabled,.btn-deactivate:disabled{cursor:not-allowed;opacity:.7}:root{--primary-light:#81c784;--secondary-color:#4a90e2;--dark-color:#2c3e50;--gray-color:#95a5a6;--border-color:#e1e1e1;--success-color:#4caf50;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3498db;--text-color:#111827;--text-color-secondary:#6b7280;--surface-border:#e5e7eb;--surface-card:#fff;--surface-hover:#f3f4f6;--card-shadow:0 1px 3px #0000001a}.form-group{margin-bottom:1rem}.form-label{color:#2c3e50;color:var(--dark-color);display:block;font-weight:500;margin-bottom:.5rem}.form-control{border:1px solid #e1e1e1;padding:.625rem;transition:border-color .2s}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666'%3E%3Cpath d='M6 9 1 4h10z'/%3E%3C/svg%3E");padding-right:2rem}.sidebar .driver-tab,.sidebar .menu-item,.sidebar .nav-link,.sidebar a.driver-tab{color:#5c5c5c!important}.sidebar .driver-tab.active,.sidebar a.driver-tab.active{color:#2c2c2c!important}.btn:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info){color:inherit}.driver-actions{border-radius:8px;padding:1.5rem}.driver-actions,.driver-actions-header{margin-bottom:1.5rem}.driver-actions .page-title,.driver-actions-header .page-title{color:#1e293b!important;display:block!important;font-size:2rem!important;font-weight:600!important;margin:0!important}.drivers-list-tabs{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;margin-bottom:1.5rem;min-height:50px;overflow:hidden}.drivers-tab-item{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;outline:none;padding:1rem 1.5rem;transition:all .2s ease}.drivers-tab-item.active{color:#fff}.drivers-tab-item span{background-color:#f0f0f0;border-radius:12px;color:#666;display:inline-block;font-size:.75rem;padding:.125rem .5rem}.drivers-tab-item.active span{background-color:#ffffff40;color:#fff}.filter-section{border-radius:8px}.driver-search input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.search-input-icon{color:#9ca3af;height:16px;width:16px}.drivers-table-container{box-shadow:0 1px 3px #0000001a}.drivers-table{border-collapse:initial;font-size:.875rem}.drivers-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.8rem;letter-spacing:.5px;padding:.75rem 1rem}.drivers-table td{border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}.drivers-table tbody tr:hover{background-color:#f8fafc}.driver-link:hover{color:#1d4ed8}.status-badge.active{background-color:#ecfdf5}.mobile-cards-wrapper{display:none!important}.desktop-table-wrapper{display:block!important}.drivers-cards-container{display:none!important}@media (max-width:430px){.drivers-container,.drivers-container *{box-sizing:border-box!important;max-width:100%!important}.drivers-container{background-color:initial!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;margin-bottom:0!important;max-width:100vw!important;overflow-x:visible!important;padding:0!important;width:100%!important}.drivers-container .driver-actions{border:none!important;border-radius:8px!important;box-sizing:border-box!important;margin:0 0 .75rem!important;max-width:100%!important;padding:1rem!important;width:100%!important}.drivers-container .driver-actions-header{align-items:center!important;flex-direction:column!important;gap:.75rem!important;margin-bottom:1rem!important}.drivers-container .header-title{margin-bottom:0!important;text-align:center!important}.drivers-container .driver-actions .page-title,.drivers-container .driver-actions-header .page-title{display:block!important;font-size:1.5rem!important;text-align:center!important}.drivers-container .header-actions{display:flex!important;justify-content:center!important;margin-left:0!important;width:100%!important}.drivers-container .add-driver-btn{border-radius:6px!important;font-size:.75rem!important;justify-content:center!important;max-width:160px!important;padding:.5rem .75rem!important;width:100%!important}.drivers-container .drivers-list-tabs{-webkit-overflow-scrolling:touch!important;border-radius:8px!important;box-sizing:border-box!important;flex-direction:row!important;margin:0 0 .75rem!important;max-width:100%!important;min-height:auto!important;overflow-x:auto!important;padding:0!important;width:100%!important}.drivers-container .drivers-tab-item{align-items:center!important;flex:1 1!important;flex-direction:column!important;font-size:.7rem!important;gap:1px!important;justify-content:center!important;min-height:auto!important;min-width:0!important;padding:.375rem .25rem!important;text-align:center!important;white-space:nowrap!important}.drivers-container .drivers-tab-item span{border-radius:4px!important;font-size:.6rem!important;margin-left:0!important;margin-top:1px!important;padding:.05rem .25rem!important}.drivers-container .filter-section{background-color:#fff!important;border:none!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;box-sizing:border-box!important;margin-bottom:.75rem!important;max-width:100%!important;padding:1rem!important;width:100%!important}.drivers-container .filter-heading{font-size:.7rem!important;margin-bottom:.5rem!important;text-align:center!important}.drivers-container .driver-search{margin-bottom:.75rem!important;max-width:100%!important;width:100%!important}.drivers-container .driver-search input{background-color:#fff!important;border-radius:6px!important;box-sizing:border-box!important;font-size:.75rem!important;max-width:100%!important;padding:.5rem 2rem .5rem .75rem!important;width:100%!important}.drivers-container .search-input-icon{height:14px!important;right:.75rem!important;width:14px!important}.drivers-container .drivers-table-container{background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:100%!important;overflow:visible!important;padding:0!important;width:100%!important}.drivers-container .drivers-table{display:none!important}.drivers-container .mobile-cards-wrapper{display:block!important;margin:0!important;padding:0!important;width:100%!important}.drivers-container .desktop-table-wrapper,.drivers-container .desktop-table-wrapper .drivers-table,.drivers-container .desktop-table-wrapper table{display:none!important}.drivers-container .drivers-cards-container{background-color:#fff!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;display:flex!important;flex-direction:column!important;gap:.75rem!important;overflow:visible!important;padding:1rem!important}.drivers-container .driver-card,.drivers-container .drivers-cards-container{box-sizing:border-box!important;margin:0!important;max-width:100%!important;width:100%!important}.drivers-container .driver-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.drivers-container .driver-card-header{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;min-height:60px;padding:.75rem;transition:background-color .2s}.drivers-container .driver-card-header:hover{background-color:#f1f5f9}.drivers-container .driver-card-main-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0;padding-right:.5rem}.drivers-container .driver-card-name{color:#2563eb;font-size:.875rem;font-weight:500;line-height:1.3;margin:0;overflow-wrap:break-word;text-decoration:none;word-break:break-word}.drivers-container .driver-card-name:hover{color:#1d4ed8;text-decoration:underline}.drivers-container .driver-card-id{color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:.7rem;line-height:1.2;margin-top:1px}.drivers-container .driver-card-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;min-width:32px;padding:.25rem;transition:all .2s}.drivers-container .driver-card-toggle:hover{background-color:#e5e7eb;color:#374151}.drivers-container .driver-card-toggle.expanded{transform:rotate(180deg)}.drivers-container .driver-card-details{background-color:#fff;border-top:1px solid #f1f5f9;display:none;padding:.75rem}.drivers-container .driver-card-details.expanded{display:block}.drivers-container .driver-detail-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.375rem 0}.drivers-container .driver-detail-row:last-child{border-bottom:none}.drivers-container .driver-detail-label{color:#6b7280;font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.drivers-container .driver-detail-value{align-items:center;color:#374151;display:flex;font-size:.75rem;gap:.5rem;justify-content:flex-end;max-width:60%;text-align:right;word-break:break-word}.drivers-container .driver-detail-email{font-size:.7rem!important;word-break:break-all}.drivers-container .driver-card .status-badge{align-items:center!important;border-radius:4px!important;display:inline-flex!important;font-size:.6rem!important;height:auto!important;justify-content:center!important;line-height:1!important;padding:3px 6px!important}.drivers-container .driver-detail-row .driver-detail-value{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:.5rem!important;height:auto!important;justify-content:flex-end!important}.drivers-container .driver-detail-value .deactivate-button{align-items:center!important;background-color:#ef4444!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.6rem!important;height:auto!important;justify-content:center!important;line-height:1!important;margin-left:0!important;padding:3px 6px!important;white-space:nowrap!important}.drivers-container .onboarding-card .driver-card-progress{align-items:center;color:#6b7280;display:flex;font-size:.65rem;gap:.5rem}.drivers-container .ready-badge{background-color:#22c55e;border-radius:3px;color:#fff;font-size:.5rem;font-weight:500;padding:1px 4px}.drivers-container .status-toggle-mobile{align-items:center!important;border:none!important;border-radius:3px!important;cursor:pointer!important;display:inline-flex!important;font-size:.6rem!important;font-weight:500!important;justify-content:center!important;min-width:50px!important;padding:2px 6px!important;white-space:nowrap!important}.drivers-container .status-toggle-mobile.yes{background-color:#d1fae5!important;color:#047857!important}.drivers-container .status-toggle-mobile.no{background-color:#fef2f2!important;color:#b91c1c!important}.drivers-container .activate-button-mobile{align-items:center!important;background-color:#22c55e!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.6rem!important;font-weight:500!important;justify-content:center!important;padding:3px 8px!important;white-space:nowrap!important}.drivers-container .activate-button-mobile:hover{background-color:#16a34a!important}.drivers-container .loading-card,.drivers-container .no-data-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.75rem;padding:2rem 1rem;text-align:center}.drivers-container .onboarding-table{border-collapse:initial!important;border-spacing:0!important;display:table!important;font-size:.65rem!important;width:100%!important}.drivers-container .onboarding-table td,.drivers-container .onboarding-table th{font-size:.55rem!important;padding:.25rem .125rem!important;white-space:nowrap!important}.drivers-container .onboarding-table td:first-child,.drivers-container .onboarding-table th:first-child{max-width:50px!important;width:50px!important}.drivers-container .onboarding-table .status-toggle{border:none;border-radius:2px;cursor:pointer;font-size:.5rem!important;font-weight:500;margin:0 1px!important;min-width:35px!important;padding:1px 3px!important}.drivers-container .onboarding-table .status-toggle.yes{background-color:#d1fae5;color:#047857}.drivers-container .onboarding-table .status-toggle.no{background-color:#fef2f2;color:#b91c1c}.drivers-container .onboarding-table .progress-cell{min-width:50px!important;position:relative}.drivers-container .onboarding-table .activate-button{background-color:#22c55e;border:none;border-radius:2px!important;color:#fff;cursor:pointer;font-size:.5rem!important;padding:1px 3px!important;position:absolute;right:1px;top:50%;transform:translateY(-50%)}.drivers-container .onboarding-table .deactivate-button{background-color:#ef4444;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:.5rem!important;margin-left:1px;padding:1px 3px!important}.drivers-container .onboarding-table .vehicle-button{background-color:#3b82f6;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:.5rem!important;padding:1px 3px!important}.drivers-container .driver-actions{background-color:#fff!important;border-radius:6px!important;box-shadow:0 1px 3px #0000001a!important;margin-bottom:.75rem!important;padding:.75rem!important}.drivers-container .tab-container{margin-bottom:.75rem!important;padding:2px!important}.drivers-container .driver-email,.drivers-container .driver-id,.drivers-container .driver-link,.drivers-container .drivers-table,.drivers-container .drivers-table td,.drivers-container .drivers-table th,.drivers-container .loading-cell,.drivers-container .no-data-message{display:none!important}}@media (max-width:375px){.drivers-container,.drivers-container *{box-sizing:border-box!important;max-width:100%!important}.drivers-container{background-color:initial!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;margin-bottom:0!important;max-width:100vw!important;overflow-x:visible!important;padding:0!important;width:100%!important}.drivers-container .mobile-cards-wrapper{display:block!important}.drivers-container .desktop-table-wrapper,.drivers-container .desktop-table-wrapper .drivers-table,.drivers-container .desktop-table-wrapper table,.drivers-container .drivers-table,.drivers-table{display:none!important}.drivers-container .driver-actions{border:none!important;box-sizing:border-box!important;margin:0 0 .75rem!important;max-width:100%!important;width:100%!important}.drivers-container .driver-actions,.drivers-container .drivers-cards-container{background-color:#fff!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;padding:.875rem!important}.drivers-container .drivers-cards-container{gap:.625rem!important}.drivers-container .driver-actions .page-title,.drivers-container .driver-actions-header .page-title{display:block!important;font-size:1.375rem!important}.drivers-container .add-driver-btn{font-size:.7rem!important;max-width:140px!important;padding:.4375rem .625rem!important}.drivers-container .drivers-list-tabs{box-sizing:border-box!important;margin:0 0 .75rem!important;max-width:100%!important;padding:0!important;width:100%!important}.drivers-container .drivers-tab-item{align-items:center!important;font-size:.65rem!important;justify-content:center!important;padding:.3125rem .1875rem!important}.drivers-container .drivers-tab-item span{font-size:.55rem!important;padding:.0375rem .1875rem!important}.drivers-container .filter-section{padding:.625rem!important}.drivers-container .filter-heading{font-size:.65rem!important;margin-bottom:.4375rem!important}.drivers-container .driver-search input{font-size:.7rem!important;padding:.4375rem 1.875rem .4375rem .625rem!important}.drivers-container .search-input-icon{height:12px!important;right:.625rem!important;width:12px!important}.drivers-container .drivers-cards-container{gap:.375rem!important}.drivers-container .driver-card-header{padding:.625rem!important}.drivers-container .driver-card-main-info{gap:.1875rem!important}.drivers-container .driver-card-name{font-size:.8125rem!important}.drivers-container .driver-card-id{font-size:.65rem!important}.drivers-container .driver-card-toggle{font-size:.875rem!important;height:24px!important;min-width:24px!important}.drivers-container .driver-card-details{padding:.625rem!important}.drivers-container .driver-detail-row{padding:.3125rem 0!important}.drivers-container .driver-detail-label{font-size:.65rem!important}.drivers-container .driver-detail-value{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;font-size:.7rem!important;gap:.375rem!important;height:auto!important;justify-content:flex-end!important}.drivers-container .driver-detail-email{font-size:.65rem!important}.drivers-container .driver-card .status-badge,.drivers-container .driver-detail-value .deactivate-button{align-items:center!important;border-radius:3px!important;display:inline-flex!important;font-size:.55rem!important;height:auto!important;justify-content:center!important;line-height:1!important;padding:2px 4px!important}.drivers-container .driver-detail-value .deactivate-button{margin-left:0!important}.drivers-container .onboarding-card .driver-card-progress{font-size:.6rem!important;gap:.375rem!important}.drivers-container .ready-badge{font-size:.45rem!important;padding:1px 3px!important}.drivers-container .status-toggle-mobile{font-size:.55rem!important;min-width:45px!important;padding:1px 4px!important}.drivers-container .activate-button-mobile{font-size:.55rem!important;padding:2px 6px!important}.drivers-container .onboarding-table td,.drivers-container .onboarding-table th{font-size:.5rem!important;padding:.1875rem .09375rem!important}.drivers-container .onboarding-table .status-toggle{min-width:30px!important}.drivers-container .onboarding-table .activate-button,.drivers-container .onboarding-table .status-toggle{font-size:.4375rem!important;padding:.5px 2px!important}}.download-details-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.download-details-btn:hover{background-color:#388e3c!important;box-shadow:0 4px 8px #4caf504d!important;color:#fff!important;transform:translateY(-1px)!important}.download-details-btn:active{transform:translateY(0)!important}.create-incident-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.create-incident-btn:hover{background-color:#388e3c!important;box-shadow:0 4px 8px #4caf504d!important;color:#fff!important;transform:translateY(-1px)!important}.create-incident-btn:active{transform:translateY(0)!important}.download-audit-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.download-audit-btn:hover{background-color:#388e3c!important;box-shadow:0 4px 8px #4caf504d!important;color:#fff!important;transform:translateY(-1px)!important}.download-audit-btn:active{transform:translateY(0)!important}.edit-external-id-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;justify-content:center!important;min-width:120px!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.edit-external-id-btn:hover{background-color:#388e3c!important;box-shadow:0 4px 8px #4caf504d!important;color:#fff!important;transform:translateY(-1px)!important}.edit-external-id-btn:active{transform:translateY(0)!important}.add-location-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;justify-content:center!important;min-width:150px!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.add-location-btn:hover{background-color:#388e3c!important;box-shadow:0 4px 8px #4caf504d!important;color:#fff!important;transform:translateY(-1px)!important}.add-location-btn:active{transform:translateY(0)!important}.activate-driver-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;height:38px!important;justify-content:center!important;min-width:160px!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.activate-driver-btn:hover{background-color:#388e3c!important;box-shadow:0 4px 8px #4caf504d!important;color:#fff!important;transform:translateY(-1px)!important}.activate-driver-btn:active{transform:translateY(0)!important}.activate-driver-btn.warning{background-color:#f59e0b!important}.activate-driver-btn.warning:hover{background-color:#d97706!important}.activate-driver-btn.danger{background-color:#ef4444!important}.activate-driver-btn.danger:hover{background-color:#dc2626!important}.add-driver-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.add-driver-btn:hover{background-color:#388e3c!important;box-shadow:0 4px 8px #4caf504d!important;color:#fff!important;transform:translateY(-1px)!important}.add-driver-btn:active{transform:translateY(0)!important}.view-address-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.75rem!important;font-weight:500!important;justify-content:center!important;padding:.5rem .75rem!important;text-decoration:none!important;transition:all .2s ease!important}.view-address-btn:hover{background-color:#388e3c!important;box-shadow:0 2px 4px #4caf504d!important;color:#fff!important;transform:translateY(-1px)!important}.view-address-btn:active{transform:translateY(0)!important}.activate-table-btn{background-color:#22c55e!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:.75rem!important;font-weight:600!important;padding:4px 8px!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;transition:background-color .2s ease!important}.activate-table-btn:hover{background-color:#16a34a!important;color:#fff!important}.deactivate-table-btn{background-color:#ef4444!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:.75rem!important;font-weight:500!important;padding:4px 8px!important;transition:background-color .2s ease!important}.deactivate-table-btn:hover{background-color:#dc2626!important;color:#fff!important}.save-external-id-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;justify-content:center!important;padding:.5rem 1rem!important;text-decoration:none!important;transition:all .2s ease!important}.save-external-id-btn:hover{background-color:#388e3c!important;color:#fff!important}.save-location-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;justify-content:center!important;padding:.5rem 1rem!important;text-decoration:none!important;transition:all .2s ease!important}.save-location-btn:hover{background-color:#388e3c!important;color:#fff!important}.generate-pdf-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.generate-pdf-btn:hover{background-color:#388e3c!important;box-shadow:0 4px 8px #4caf504d!important;color:#fff!important;transform:translateY(-1px)!important}.invite-driver-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.invite-driver-btn:hover{background-color:#388e3c!important;color:#fff!important}.invite-driver-btn:disabled{background-color:#9ca3af!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}.create-incident-modal-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;justify-content:center!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.create-incident-modal-btn:hover{background-color:#388e3c!important;color:#fff!important}.update-financial-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;justify-content:center!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.update-financial-btn:hover{background-color:#388e3c!important;color:#fff!important}.save-financial-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;justify-content:center!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.save-financial-btn:hover{background-color:#388e3c!important;color:#fff!important}.add-driver-header-btn{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;padding:.75rem 1.25rem!important;text-decoration:none!important;transition:all .2s ease!important}.add-driver-header-btn:hover{background-color:#388e3c!important;color:#fff!important}.back-to-drivers-link{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:8px!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;justify-content:center!important;padding:.75rem 1.25rem!important;transition:all .2s ease!important}.back-to-drivers-link,.back-to-drivers-link:hover{color:#fff!important;text-decoration:none!important}.back-to-drivers-link:hover{background-color:#388e3c!important;box-shadow:0 4px 8px #4caf504d!important;transform:translateY(-1px)!important}@media (max-width:768px){.external-id-display,.locations-header{align-items:center!important;display:flex!important;flex-direction:column!important;gap:1rem!important;text-align:center!important}.engagement-grid .engagement-item,.locations-section{text-align:center!important}}@media (max-width:430px){.external-id-display{padding:1rem!important}.external-id-value{margin-bottom:.5rem!important;text-align:center!important}.locations-header{padding:1rem!important}.section-title-tab{text-align:center!important}}@media (max-width:768px){.add-driver-btn,.create-incident-btn,.download-audit-btn,.download-details-btn{font-size:.875rem!important;padding:.875rem 1rem!important;width:100%!important}.activate-driver-btn,.edit-external-id-btn{max-width:200px!important;padding:.875rem 1rem!important;width:100%!important}.add-location-btn,.edit-external-id-btn{display:block!important;font-size:.875rem!important;margin:0 auto!important}.add-location-btn{max-width:300px!important;padding:.875rem 1rem!important;width:100%!important}}@media (max-width:430px){.add-driver-btn,.create-incident-btn,.download-audit-btn,.download-details-btn{font-size:.875rem!important;padding:1rem!important}.edit-external-id-btn{max-width:180px!important}.add-location-btn,.edit-external-id-btn{display:block!important;font-size:.875rem!important;margin:0 auto!important;padding:1rem!important;width:100%!important}.add-location-btn{max-width:250px!important}.view-address-btn{font-size:.75rem!important;padding:.625rem .875rem!important}.activate-table-btn,.deactivate-table-btn{font-size:.625rem!important;padding:3px 6px!important}}.driver-section{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:1.5rem}.toggle-cell{padding:8px 0!important;text-align:center!important;vertical-align:middle!important;width:80px!important}.status-toggle{align-items:center!important;border:none!important;border-radius:4px!important;cursor:pointer!important;display:inline-flex!important;font-size:.75rem!important;font-weight:500!important;justify-content:center!important;margin:0 auto!important;max-width:none!important;min-width:60px!important;padding:5px 8px!important;text-align:center!important;transition:all .2s ease!important;white-space:nowrap!important}.drivers-table td:nth-child(6),.drivers-table th:nth-child(6),.toggle-cell:nth-child(6){min-width:140px!important;width:140px!important}.toggle-cell,.toggle-cell:nth-child(6){padding-left:15px!important;padding-right:15px!important}.toggle-cell:nth-child(5){min-width:140px!important;width:140px!important}.status-toggle.yes{background-color:#d1fae5!important;border:1px solid #10b981!important;color:#047857!important}.status-toggle.yes:hover{background-color:#a7f3d0!important}.status-toggle.no{background-color:#fef2f2!important;border:1px solid #ef4444!important;color:#b91c1c!important}.status-toggle.no:hover{background-color:#fee2e2!important}.status-toggle svg{display:inline-block!important;font-size:14px!important;vertical-align:middle!important}.progress-cell{position:relative!important}.activate-button{background-color:#22c55e!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:.75rem!important;font-weight:600!important;padding:4px 8px!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;transition:background-color .2s ease!important}.activate-button:hover{background-color:#16a34a!important}.driver-actions{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.25rem}.driver-actions-header *,.header-actions *,.header-title *{box-sizing:border-box}.driver-actions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative;width:100%}.header-title{flex:1 1}.header-title .page-title{color:#1e293b!important;color:var(--text-primary,#1e293b)!important;display:block!important;font-size:2rem!important;font-weight:600!important;margin:0!important;visibility:visible!important}.header-actions{flex:0 0 auto;margin-left:1rem}.header-actions .btn-primary{background-color:var(--primary-color)!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:.875rem!important;font-weight:500!important;max-width:120px!important;padding:.5rem 1rem!important;white-space:nowrap!important;width:auto!important}.page-title{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:2rem;font-weight:600}.header-actions .btn-primary:hover{background-color:var(--primary-dark);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.filter-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.filter-heading{align-items:center;border-bottom:1px solid #f1f5f9;color:#475569;display:flex;font-size:.875rem;font-weight:600;margin-bottom:1rem;margin-top:0;padding-bottom:.75rem;width:100%}.filter-heading:before{content:"";display:none}.driver-search{margin-bottom:1.25rem;max-width:500px;position:relative;width:100%}.driver-search input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#334155;color:var(--text-primary,#334155);font-size:.875rem;outline:none;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease;width:100%}.driver-search input:focus{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a}.search-input-icon{color:#94a3b8;pointer-events:none;position:absolute;right:.875rem;top:50%;transform:translateY(-50%);z-index:1}.driver-search-icon{display:none}.filter-options{flex-wrap:wrap;gap:.75rem;justify-content:flex-start;margin-top:1rem}.filter-option,.filter-options{align-items:center;display:flex}.filter-option{background-color:#f1f5f9;border-radius:6px;flex-shrink:0;padding:.75rem;transition:all .2s ease}.filter-option:hover{background-color:#e2e8f0;transform:translateY(-1px)}.filter-option input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:4px;cursor:pointer;height:1.125rem;margin-right:.5rem;position:relative;transition:all .2s;width:1.125rem}.filter-option input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.filter-option input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.filter-option label{margin:0}.filter-option label,.form-select{color:#475569;cursor:pointer;font-size:.875rem;font-weight:500}.form-select{-webkit-appearance:none;appearance:none;background-color:#f1f5f9;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75rem;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;max-width:160px;min-width:140px;padding:.65rem 2rem .65rem .75rem;text-align:center;transition:all .2s ease;width:auto}.form-select:hover{background-color:#e2e8f0;border-color:#cbd5e1}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #65c07a1a;outline:none}.form-select option{background-color:#f1f5f9;color:#475569;font-weight:500}.btn-outline{border-radius:6px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:500;min-width:140px;padding:.65rem 1rem;transition:all .2s ease}.btn-outline:before{color:#475569;content:"✕";display:inline-block;flex-shrink:0;font-size:.75rem;line-height:1;margin-right:.5rem}.btn-outline:hover{border-color:#cbd5e1;transform:translateY(-1px)}.tab-container{background-color:#f8fafc;border-radius:8px;display:flex;gap:0;margin-bottom:1.5rem;overflow:hidden;padding:0}.tab{background-color:initial;border:none;border-radius:0;border-right:1px solid #0000000d;color:#64748b;cursor:pointer;display:block;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.tab:last-child{border-right:none}.tab:hover{background-color:#00000008}.tab:first-child{background-color:#2563eb14;border-bottom-color:#0000;color:#2563eb;color:var(--primary-color,#2563eb)}.tab:first-child.active{background-color:#2563eb;background-color:var(--primary-color,#2563eb);border-bottom:none;box-shadow:none;color:#fff;font-weight:600}.tab:first-child:hover{background-color:#2563eb26}.tab:nth-child(2){background-color:#fb923c14;border-bottom-color:#0000;color:#9a3412}.tab:nth-child(2).active{background-color:#f97316;border-bottom:none;box-shadow:none;color:#fff;font-weight:600}.tab:nth-child(2):hover{background-color:#f9731626}.tab:nth-child(3){background-color:#9ca3af14;border-bottom-color:#0000;color:#4b5563}.tab:nth-child(3).active{background-color:#6b7280;border-bottom:none;box-shadow:none;color:#fff;font-weight:600}.tab:nth-child(3):hover{background-color:#6b728026}.drivers-table-container{background-color:#fff;background-color:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-top:1.5rem;overflow-x:auto;overflow:hidden}.drivers-table,.drivers-table *{border-collapse:collapse;box-sizing:border-box}.drivers-table{border-spacing:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;white-space:nowrap}.drivers-table td,.drivers-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#334155;color:var(--text-primary,#334155);font-size:.8125rem;line-height:1.5;padding:10px 8px!important;text-align:left;vertical-align:middle}.drivers-table th{background-color:#f8f9fa;border-bottom:1px solid var(--border-color,#e5e7eb);box-shadow:none;color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;height:48px;letter-spacing:.05em;padding-bottom:.75rem;padding-top:.75rem;position:sticky;text-transform:uppercase;top:0}.drivers-table th:first-child{border-top-left-radius:8px;padding-left:1.25rem}.drivers-table th:last-child{border-top-right-radius:8px;padding-right:1.25rem}.drivers-table td:first-child{padding-left:1.25rem}.drivers-table td:last-child{padding-right:1.25rem}.drivers-table td{height:56px;vertical-align:middle}.drivers-table tbody tr{height:56px;transition:background-color .15s ease}.drivers-table tbody tr:nth-child(odd){background-color:#fff;background-color:var(--bg-card,#fff)}.drivers-table tbody tr:nth-child(2n){background-color:#f8fafc;background-color:var(--bg-alt,#f8fafc)}.drivers-table tbody tr:hover{background-color:#f3f4f6;background-color:var(--bg-hover,#f3f4f6)}.drivers-table tbody tr:last-child td{border-bottom:none}.driver-link{align-items:center;color:#3b82f6;color:var(--primary-color,#3b82f6);display:flex;gap:.25rem;transition:color .15s ease}.driver-link:hover{color:#2563eb}.loading-cell{background-color:#fff!important;padding:3.5rem 0}.loading-container{gap:.75rem}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #2563eb26;border-top:2px solid var(--primary-color,#2563eb);display:inline-block;height:2rem;width:2rem}.loading-text{color:#64748b;font-size:.8125rem;font-weight:500}.no-data-message{padding:2rem 0}.check-cell{align-items:center;display:flex;gap:.5rem}.check-icon{align-items:center;background-color:#10b981;border-radius:50%;color:#fff;display:inline-flex;font-size:.75rem;height:1.25rem;justify-content:center;width:1.25rem}.status-text{color:#10b981;font-weight:500}.onboarding-progress{background-color:#e5e7eb;border-radius:999px;height:.5rem;overflow:hidden;width:100%}.onboarding-progress-fill{background-color:#2563eb;border-radius:999px;height:100%;transition:width .3s ease}.drivers-table td.driver-id{color:#64748b;color:var(--text-secondary,#64748b);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;letter-spacing:-.025em}.drivers-table td.driver-contact,.drivers-table td.driver-customer,.drivers-table td.driver-date,.drivers-table td.driver-email,.drivers-table td.driver-location,.drivers-table td.driver-product{color:#334155;color:var(--text-primary,#334155);font-size:.8125rem}.drivers-table td.driver-date{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.drivers-table .na-value{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:.75rem;font-style:italic}.status-active,.tab.active[onclick*=active]{color:#10b981}.status-onboarding,.tab.active[onclick*=onboarding]{color:#ca8a04}.status-inactive,.tab.active[onclick*=inactive]{color:#64748b}@media (max-width:768px){.driver-actions,.driver-section{padding:1rem}.driver-actions .btn-primary{font-size:.7rem;min-width:80px;padding:.5rem .75rem}.tab{font-size:.75rem;padding:.5rem .75rem}.filter-options{align-items:stretch;flex-direction:column;gap:.75rem}.filter-option{width:100%}.drivers-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.drivers-table td,.drivers-table th{padding:.75rem 1rem}}@media (max-width:430px){.driver-section{background-color:#f8fafc;padding:.75rem}.driver-actions-header{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.header-title{margin-bottom:0;text-align:center}.header-title .page-title{font-size:1.75rem!important;font-weight:600!important;margin:0!important}.header-actions{display:flex;justify-content:center;margin-left:0;width:100%}.header-actions .btn-primary{border-radius:6px!important;font-size:.8rem!important;font-weight:600!important;max-width:180px;padding:.625rem .875rem!important;text-align:center;width:100%}.tab-container{-webkit-overflow-scrolling:touch;background-color:#f1f5f9;border-radius:6px;display:flex;flex-direction:row!important;overflow-x:auto}.tab{align-items:center;border-radius:4px!important;display:flex;flex:1 1;flex-direction:column;font-size:.75rem!important;font-weight:500!important;gap:2px;min-width:0;padding:.5rem .375rem!important;text-align:center;transition:all .2s ease;white-space:nowrap}.tab.active{background-color:#fff!important;box-shadow:0 1px 3px #0000001a!important;transform:none!important}.filter-section{border-radius:6px;margin-bottom:.875rem;padding:.875rem}.filter-heading{font-size:.75rem!important;font-weight:600;margin-bottom:.625rem!important;text-align:center}.driver-search{margin-bottom:.875rem;width:100%}.driver-search input{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;box-shadow:0 1px 2px #0000000d!important;font-size:.8rem!important;padding:.625rem 2.25rem .625rem .875rem!important;width:100%}.search-input-icon{color:#9ca3af!important;height:16px!important;right:.875rem!important;top:50%!important;transform:translateY(-50%)!important;width:16px!important}.filter-options{align-items:stretch!important;flex-direction:column!important;gap:.75rem!important}.filter-option{background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;padding:.5rem!important;width:100%!important}.filter-option label{font-size:.875rem!important;font-weight:500!important}.form-select{background-color:#fff!important}.btn-outline,.form-select{border:1px solid #e5e7eb!important;border-radius:6px!important;font-size:.875rem!important;padding:.75rem!important;width:100%!important}.btn-outline{background-color:#f8fafc!important;color:#6b7280!important;font-weight:500!important}.drivers-table-container{-webkit-overflow-scrolling:touch;background-color:initial!important;border-radius:6px;box-shadow:none!important;margin-left:-.375rem;margin-right:-.375rem;margin-top:.875rem;overflow:visible!important}.drivers-table,table.drivers-table{display:none!important}.drivers-table th{background-color:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;color:#475569!important;font-size:.65rem!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important}.drivers-table td,.drivers-table th{padding:.5rem .25rem!important;white-space:nowrap!important}.drivers-table td{border-bottom:1px solid #f1f5f9!important;font-size:.7rem!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:middle!important}.drivers-table td:first-child,.drivers-table th:first-child{max-width:60px!important;padding-left:.5rem!important;width:60px!important}.drivers-table td:nth-child(2),.drivers-table th:nth-child(2){max-width:100px!important;width:100px!important}.drivers-table td:nth-child(3),.drivers-table th:nth-child(3){max-width:140px!important;width:140px!important}.drivers-table td:last-child,.drivers-table th:last-child{min-width:80px!important;padding-right:.5rem!important;width:auto!important}.driver-link{color:#2563eb!important;display:block!important;font-size:.7rem!important;font-weight:500!important;max-width:100px!important;overflow:hidden!important;text-decoration:none!important;text-overflow:ellipsis!important;white-space:nowrap!important}.driver-link:hover{color:#1d4ed8!important;text-decoration:underline!important}.drivers-table td.driver-id{color:#6b7280!important;font-family:Monaco,Menlo,monospace!important;font-size:.6rem!important;word-break:break-all!important}.drivers-table td.driver-email{color:#4b5563!important;font-size:.65rem!important;max-width:140px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.loading-cell{color:#6b7280!important;font-size:.75rem!important;padding:1.5rem .5rem!important;text-align:center!important}.loading-spinner{height:20px!important;margin:0 auto .5rem!important;width:20px!important}.loading-text,.no-data-message{font-size:.75rem!important}.no-data-message{color:#6b7280!important;padding:1.5rem .5rem!important;text-align:center!important}.drivers-table tbody tr:hover{background-color:#f8fafc!important;transform:none!important}.status-badge{font-size:.6rem!important;font-weight:500!important;padding:1px 4px!important}.driver-actions{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:.875rem}.tab-container{margin-bottom:1rem;padding:3px}.drivers-list-tabs{-webkit-overflow-scrolling:touch!important;border-radius:6px!important;flex-direction:row!important;margin-bottom:1rem!important;min-height:auto!important;overflow-x:auto!important}.drivers-tab-item{flex:1 1!important;flex-direction:column!important;font-size:.75rem!important;gap:2px!important;min-height:auto!important;min-width:0!important;padding:.5rem .75rem!important;text-align:center!important;white-space:nowrap!important}.drivers-tab-item span{border-radius:6px!important;margin-left:0!important;margin-top:2px!important;padding:.1rem .3rem!important}.drivers-tab-item span,.onboarding-table{font-size:.65rem!important}.onboarding-table td,.onboarding-table th{font-size:.6rem!important;padding:.375rem .125rem!important}.onboarding-table .status-toggle{font-size:.55rem!important;margin:0 1px!important;min-width:45px!important;padding:2px 4px!important}.onboarding-table .progress-cell{min-width:60px!important;position:relative!important}.onboarding-table .activate-button{border-radius:2px!important;font-size:.55rem!important;padding:2px 4px!important;right:2px!important}.onboarding-table .status-badge{font-size:.6rem!important;padding:1px 4px!important}.onboarding-table .deactivate-button{margin-left:2px!important}.onboarding-table .deactivate-button,.onboarding-table .vehicle-button{font-size:.55rem!important;padding:2px 4px!important}.onboarding-table td:first-child,.onboarding-table th:first-child{max-width:60px!important;width:60px!important}.onboarding-table .email-column{min-width:100px!important;word-break:break-word!important}.onboarding-table td:last-child,.onboarding-table th:last-child{max-width:60px!important;width:60px!important}}@media (max-width:375px){.drivers-tab-item{font-size:.7rem!important;padding:.375rem .5rem!important}.drivers-tab-item span{font-size:.6rem!important;padding:.075rem .25rem!important}.add-driver-btn{font-size:.75rem!important;max-width:160px!important;padding:.5rem .75rem!important}.page-title{font-size:1.5rem!important}.drivers-table td,.drivers-table th{font-size:.65rem!important;padding:.375rem .125rem!important}.drivers-table th{font-size:.6rem!important}.drivers-table td:first-child,.drivers-table th:first-child{max-width:50px!important;width:50px!important}.drivers-table td:nth-child(2),.drivers-table th:nth-child(2){max-width:90px!important;width:90px!important}.drivers-table td:nth-child(3),.drivers-table th:nth-child(3){max-width:120px!important;width:120px!important}.driver-link{font-size:.65rem!important;max-width:90px!important}.drivers-table td.driver-id{font-size:.55rem!important}.drivers-table td.driver-email{font-size:.6rem!important;max-width:120px!important}.onboarding-table .status-toggle{min-width:40px!important}.onboarding-table .activate-button,.onboarding-table .status-toggle{font-size:.5rem!important;padding:1px 3px!important}}.btn{background-color:#f1f5f9;border-radius:.375rem;line-height:1;padding:.5rem 1rem;vertical-align:middle}.btn:hover{box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.btn:focus{box-shadow:0 0 0 3px #2563eb4d;outline:none}.btn-primary{background-color:#2563eb;border-color:#2563eb}.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn-outline{align-items:center;background-color:#f1f5f9;border:none;color:#6b7280;display:inline-flex;height:38px;justify-content:center;line-height:1;text-align:center;vertical-align:middle}.btn-outline:hover{background-color:#e2e8f0;color:#4b5563;height:38px}.driver-search input,.form-select{background-color:#f1f5f9;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;line-height:1.5;padding:.5rem .75rem;transition:all .2s ease}.driver-search input:focus,.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.drivers-table thead{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);height:48px}.contact-column,.email-column{border-collapse:collapse;border-left:none!important;border-right:none!important}.contact-column:after,.contact-column:before,.email-column:after,.email-column:before{display:none!important}tr:hover .loading-cell{background-color:#fff!important}.drivers-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.drivers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.drivers-header h1{color:#111827;font-size:24px;font-weight:600;margin:0}.add-driver-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.add-driver-btn:hover{background-color:#2563eb}.filters-container{background-color:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.filter-group{align-items:center}.filter-group label{color:#374151;font-size:14px;font-weight:500;margin-right:8px}.filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;min-width:150px;padding:8px 12px}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.table-container{overflow-x:auto}.drivers-table{border-collapse:collapse;font-size:14px;width:100%}.drivers-table th{background-color:#f9fafb;color:#374151;font-weight:600;text-align:left}.drivers-table td,.drivers-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px}.drivers-table td{color:#111827}.drivers-table tr:hover{background-color:#f3f4f6}.driver-link{color:#2563eb;font-weight:500;text-decoration:none}.driver-link:hover{text-decoration:underline}.na-value{color:#9ca3af;font-style:italic}.status-inactive{background-color:#fef2f2}.status-invited{background-color:#eff6ff}.status-registered{background-color:#fef3c7}.btn-small{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-view{background-color:#eff6ff;color:#1d4ed8}.btn-view:hover{background-color:#dbeafe}.loading-cell{padding:32px!important;text-align:center}.loading-spinner{border:4px solid #22c55e33;border-top-color:#22c55e;margin-bottom:16px}.loading-text{color:#6b7280;font-size:14px}.no-data-message{padding:32px}.toggle-cell{text-align:center}.status-toggle{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:500;min-width:60px;padding:4px 8px;transition:all .2s ease}.status-toggle.yes{background-color:#d1fae5;border:1px solid #10b981;color:#047857}.status-toggle.yes:hover{background-color:#a7f3d0}.status-toggle.no{background-color:#fef2f2;border:1px solid #ef4444;color:#b91c1c}.status-toggle.no:hover{background-color:#fee2e2}.progress-cell{position:relative}.activate-button{background-color:#22c55e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background-color .2s ease}.activate-button:hover{background-color:#16a34a}.status-badge{border-radius:4px;margin-right:8px;min-width:60px;text-align:center}.status-badge.active{background-color:#d1fae5;border:1px solid #10b981;color:#047857}.deactivate-button{background-color:#fee2e2;border:1px solid #ef4444;border-radius:4px;color:#b91c1c;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:500;min-width:60px;padding:4px 8px;text-align:center;transition:all .2s ease}.deactivate-button:hover{background-color:#fecaca}.driver-status{gap:4px}.driver-status,.vehicle-button{align-items:center;display:flex}.vehicle-button{background-color:#dbeafe;border:1px solid #93c5fd;border-radius:4px;color:#1e40af;cursor:pointer;height:28px;justify-content:center;transition:all .2s ease;width:28px}.vehicle-button:hover{background-color:#bfdbfe}.drivers-table .driver-status{align-items:center!important;display:flex!important;gap:4px!important}.drivers-table .deactivate-button,.drivers-table .status-badge{border:1px solid #0000!important;border-radius:4px!important;box-sizing:border-box!important;cursor:pointer!important;display:inline-block!important;font-size:.75rem!important;font-weight:500!important;height:24px!important;line-height:1.2!important;max-width:70px!important;min-width:70px!important;padding:4px 8px!important;text-align:center!important;transition:all .2s ease!important;vertical-align:middle!important}.drivers-table .status-badge.active{background-color:#d1fae5!important;border-color:#10b981!important;color:#047857!important}.drivers-table .deactivate-button{align-items:center!important;background-color:#fee2e2!important;border-color:#ef4444!important;color:#b91c1c!important;display:flex!important;justify-content:center!important}.drivers-table .deactivate-button:hover{background-color:#fecaca!important}.tabs-container{background-color:#fff;position:relative;width:100%}.tabs-scroller{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:8px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.tabs-scroller::-webkit-scrollbar{display:none}.tab-link{align-items:center;border-radius:8px;color:#64748b;display:flex;flex-shrink:0;font-size:14px;font-weight:500;justify-content:center;min-height:44px;padding:10px 16px;scroll-snap-align:start;text-decoration:none;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.tab-link:hover{background-color:#f1f5f9;color:#4caf50}.tab-link.active{background-color:#4caf50;color:#fff;font-weight:600}.tabs-container:after{background:linear-gradient(270deg,#fff,#fff0);bottom:0;content:"";opacity:1;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease;width:50px}.tabs-container.is-scrolled-to-end:after{opacity:0}@media (min-width:768px){.tabs-scroller{gap:16px;justify-content:center;scroll-snap-type:none}.tabs-container:after{display:none}}@media (prefers-color-scheme:dark){.tabs-container{background-color:#1f2937}.tab-link{color:#9ca3af}.tab-link:hover{background-color:#374151;color:#fff}.tab-link.active{background-color:#4caf50;color:#fff}.tabs-container:after{background:linear-gradient(270deg,#1f2937,#1f293700)}}.loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:16px;width:100%}.loader-container.loader-small{min-height:0;min-height:auto;padding:8px}.loader-fullscreen{align-items:center;background-color:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loader-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;border-top:4px solid var(--primary-color,#4caf50);height:40px;width:40px}.loader-spinner-small{border-width:3px;height:24px;width:24px}.loader-message{color:#6b7280;font-size:14px;margin-top:16px;text-align:center}.address-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172ad9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.address-modal-container{animation:address-modal-appear .3s cubic-bezier(.16,1,.3,1);background-color:#fff;border:1px solid #e5e7eb80;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;font-family:Inter,sans-serif;max-height:90vh;max-width:90%;overflow-y:auto;width:550px}@keyframes address-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.address-modal-header{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem;position:sticky;top:0;z-index:10}.address-modal-title{color:#1e293b;font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin:0}.address-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:24px;transition:all .2s ease;width:32px}.address-modal-close:hover{background-color:#e2e8f0;color:#1e293b}.address-modal-body{background-color:#fff;color:#334155;padding:1.5rem}.address-modal-body .address-section{margin-bottom:2rem}.address-modal-body .address-section h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.address-modal-body .address-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:1.25rem;transition:all .2s ease}.address-modal-body .address-card.previous{background-color:#f1f5f9;border:1px dashed #cbd5e1}.address-modal-body .address-card p.address-summary{border-bottom:1px dashed #e2e8f0;font-size:1rem;font-weight:500;line-height:1.5;margin:0 0 1rem;padding-bottom:.75rem}.address-modal-body .address-detail-rows{display:flex;flex-direction:column;gap:.5rem}.address-modal-body .address-detail-row{align-items:flex-start;display:flex;font-size:.875rem;line-height:1.4}.address-modal-body .address-label{color:#64748b;flex:0 0 130px;font-weight:500}.address-modal-body .address-value{color:#334155;flex:1 1}.address-modal-body .address-document{border-top:1px dashed #e2e8f0;margin-top:1rem;padding-top:.75rem}.address-modal-body .view-document-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.address-modal-body .view-document-btn:hover{background-color:#2563eb;text-decoration:none}.address-modal-body .no-addresses{background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;color:#94a3b8;font-style:italic;padding:1.5rem;text-align:center}.address-modal-body .no-address-data{color:#94a3b8;font-style:italic;margin:0;padding:.75rem 0;text-align:center}.address-modal-footer{background-color:#f1f5f9;border-top:1px solid #e2e8f0;bottom:0;display:flex;justify-content:flex-end;padding:1.25rem 1.5rem;position:sticky;z-index:10}.address-modal-btn{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;padding:.625rem 1.5rem;transition:all .2s ease}.address-modal-btn:hover{background-color:#388e3c}.address-image-overlay{align-items:center;animation:address-image-fade-in .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes address-image-fade-in{0%{opacity:0}to{opacity:1}}.address-image-simple-container{align-items:center;animation:address-image-zoom-in .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:95vh;max-width:95%;position:relative}@keyframes address-image-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.address-image-close-btn{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;line-height:1;position:absolute;right:-40px;top:-40px;transition:background-color .2s;width:36px;z-index:2}.address-image-close-btn:hover{background-color:#ffffff4d}.address-proof-image{border-radius:4px;box-shadow:0 10px 25px -5px #0000004d;max-height:90vh;max-width:100%;object-fit:contain}.address-image-close-mobile{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:14px;margin-top:20px;padding:10px 20px}@media (max-width:768px){.address-image-close-btn{background-color:#00000080;right:10px;top:10px}.address-image-close-mobile{display:block}}.dashboard-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.back-navigation{margin-bottom:24px}.back-button{color:#4b5563;font-size:14px;font-weight:500}.back-button:hover{color:#111827}.back-icon{font-size:16px;margin-right:4px}.driver-profile-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:24px}.driver-avatar{margin-right:24px}.avatar-circle{background-color:#eff6ff;overflow:hidden}.avatar-icon{font-size:32px}.driver-name{font-size:24px;margin:0 0 4px}.driver-status{color:#6b7280;font-size:14px}.status-active{color:#047857;font-weight:500}.status-inactive{color:#b91c1c;font-weight:500}.status-invited{color:#1d4ed8;font-weight:500}.status-registered{color:#92400e;font-weight:500}.driver-actions{display:flex;gap:10px}.manage-vehicle-btn{align-items:center;background-color:#3b82f6;display:flex;gap:5px}.manage-vehicle-btn:hover{background-color:#2563eb}.btn,.vehicle-icon{font-size:14px}.btn-success{background-color:#10b981}.btn-success:hover{background-color:#059669}.btn-warning{background-color:#f59e0b}.btn-warning:hover{background-color:#d97706}.btn-danger{background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.details-section{background-color:#f9fafb;margin-bottom:24px;overflow:hidden}.section-header{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:16px}.section-title{color:#111827;font-size:18px}.details-container{padding:24px}.details-row{display:flex;flex-wrap:wrap;margin-bottom:24px}.details-row:last-child{margin-bottom:0}.details-column{flex:1 1;min-width:250px;padding-right:24px}.detail-group{margin-bottom:16px}.detail-label{color:#6b7280;display:block;font-size:12px;margin-bottom:4px}.detail-value{color:#111827;font-size:14px}.status-badge{display:inline-block;padding:4px 8px}.details-actions{margin-top:24px;text-align:right}.download-btn{display:inline-flex}.download-icon{margin-right:8px}.customer-badge{border-radius:4px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.customer-badge.amazon{background-color:#f90;color:#000}.customer-badge.dhl{background-color:#fc0;color:#d00}.customer-badge.royal-mail{background-color:red;color:#fff}.documents-list{margin-bottom:1.5rem}.document-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.document-card{background:var(--surface-section);border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:1rem}.document-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.document-header h4{color:var(--text-color);font-size:1rem;margin:0}.document-status{background:var(--surface-hover);border-radius:4px;color:var(--text-color-secondary);font-size:.75rem;padding:.25rem .5rem}.document-status.status-pending_review{background:var(--yellow-100);color:var(--yellow-700)}.document-status.status-approved{background:var(--green-100);color:var(--green-700)}.document-status.status-rejected{background:var(--red-100);color:var(--red-700)}.document-preview{background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:4px;height:120px;justify-content:center;margin-bottom:1rem;overflow:hidden}.document-thumbnail{max-height:100%;max-width:100%;object-fit:contain}.document-placeholder{color:var(--text-color-secondary);font-size:.875rem;text-align:center}.document-info{color:var(--text-color-secondary);font-size:.75rem}.document-info div{margin-bottom:.25rem}.no-documents-message{background:var(--surface-section);border-radius:6px;color:var(--text-color-secondary);font-style:italic;padding:2rem;text-align:center}.loading-container{font-size:1.125rem}.error-container{background-color:#fff;box-shadow:0 1px 3px #0000001a;padding:48px 24px}.error-container h3{color:#b91c1c;font-size:20px;margin-bottom:8px}.error-container p{color:#4b5563;margin-bottom:24px}@media (max-width:768px){.details-row{flex-direction:column;gap:1rem}.driver-profile-header{flex-direction:column;text-align:center}.driver-avatar{margin:0 0 1rem}.driver-tabs{flex-wrap:wrap}.driver-tab{flex:1 1 auto;text-align:center}}.driver-actions-container{display:flex;justify-content:flex-end;margin-bottom:20px}.address-value{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 0;transition:background-color .2s}.address-value:hover{background-color:#00000008}.address-text{flex:1 1}.view-address-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-left:10px;padding:4px 8px;transition:background-color .2s}.view-address-btn:hover{background-color:#388e3c}@media (max-width:430px){.dashboard-content{border-radius:6px!important;margin:0!important;padding:16px!important}.back-navigation{margin-bottom:16px!important}.back-button{font-size:13px!important;padding:8px 0!important}.back-icon{font-size:14px!important;margin-right:6px!important}.driver-profile-header{flex-direction:column!important;gap:12px!important;margin-bottom:16px!important;padding-bottom:16px!important;text-align:center!important}.driver-avatar{align-self:center!important;margin-bottom:0!important;margin-right:0!important}.avatar-circle{height:56px!important;width:56px!important}.avatar-icon{font-size:28px!important}.driver-info{text-align:center!important}.driver-name{font-size:20px!important;margin:0 0 6px!important}.driver-status{font-size:13px!important;margin-bottom:12px!important}.driver-actions{flex-direction:column!important;gap:6px!important;margin:0 auto!important;max-width:240px!important;width:100%!important}.btn{align-items:center!important;border-radius:6px!important;display:flex!important;font-size:12px!important;font-weight:500!important;gap:4px!important;justify-content:center!important;padding:8px 12px!important;width:100%!important}.driver-tabs{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;flex-wrap:nowrap!important;gap:.5rem!important;justify-content:flex-start!important;margin-bottom:16px!important;overflow-x:auto!important;padding:0 16px!important;scrollbar-width:none!important}.driver-tabs::-webkit-scrollbar{display:none!important}.driver-tab{border-radius:5px!important;flex:0 0 auto!important;font-size:12px!important;min-width:80px!important;padding:6px 12px!important;text-align:center!important;white-space:nowrap!important}.details-section,.section-header{margin-bottom:16px!important}.section-header{text-align:center!important}.section-title{font-size:18px!important;margin:0!important}.details-container{border-radius:6px!important;padding:16px!important}.details-row{flex-direction:column!important;gap:16px!important}.details-column{flex:none!important;width:100%!important}.detail-group{border-bottom:1px solid #f3f4f6!important;margin-bottom:16px!important;padding:12px 0!important}.detail-group:last-child{border-bottom:none!important;margin-bottom:0!important}.detail-label{color:#6b7280!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:6px!important;text-transform:uppercase!important}.detail-value{font-size:14px!important;line-height:1.4!important;word-break:break-word!important}.address-value{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;padding:0!important}.address-text{font-size:14px!important;line-height:1.4!important;margin-bottom:0!important;width:100%!important;word-break:break-word!important}.view-address-btn{align-self:flex-start!important;background-color:#4caf50!important;border:none!important;border-radius:5px!important;color:#fff!important;cursor:pointer!important;font-size:11px!important;font-weight:500!important;margin-left:0!important;margin-top:0!important;padding:6px 12px!important;transition:background-color .2s!important}.view-address-btn:hover{background-color:#388e3c!important}.details-actions{margin-top:20px!important;text-align:center!important}.download-btn{font-size:14px!important;gap:8px!important;justify-content:center!important;max-width:280px!important;padding:12px 16px!important;width:100%!important}.download-icon{font-size:16px!important}}@media (max-width:375px){.dashboard-content{padding:12px!important}.driver-name{font-size:18px!important}.driver-status{font-size:12px!important}.avatar-circle{height:48px!important;width:48px!important}.avatar-icon{font-size:24px!important}.btn{border-radius:5px!important;font-size:11px!important;font-weight:500!important;gap:3px!important;padding:6px 10px!important}.driver-actions{gap:5px!important;max-width:220px!important}.driver-tabs{padding:0 12px!important}.driver-tab{border-radius:4px!important;font-size:11px!important;min-width:70px!important;padding:5px 10px!important}.details-container{padding:12px!important}.detail-group{margin-bottom:12px!important;padding:10px 0!important}.detail-label{font-size:11px!important;margin-bottom:4px!important}.detail-value{font-size:13px!important}.section-title{font-size:16px!important}.download-btn{font-size:13px!important;max-width:240px!important;padding:10px 12px!important}.address-value{gap:10px!important}.address-text{font-size:13px!important}.view-address-btn{border-radius:4px!important;font-size:10px!important;font-weight:500!important;padding:5px 10px!important}}.details-section{animation:slideIn .3s ease-in-out;background:var(--surface-card);border-radius:8px;box-shadow:var(--card-shadow);margin-top:1rem;padding:1.5rem;transition:all .3s ease}.section-header{margin-bottom:1.5rem}.details-container{background:var(--surface-section);border-radius:6px;padding:1.5rem}.details-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.details-column{gap:1.5rem}.detail-group,.details-column{display:flex;flex-direction:column}.detail-group{gap:.5rem}.detail-label{color:var(--text-color-secondary);font-weight:500}.detail-value{color:var(--text-color);padding:.5rem 0}.form-actions{border-top:1px solid var(--surface-border);padding-top:1.5rem}.form-control,.form-select{background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:4px;color:var(--text-color);font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha);outline:none}textarea.form-control{min-height:100px;resize:vertical}.loading-container{color:var(--text-color-secondary)}.error-container{background:var(--surface-card);border-radius:8px;margin-top:2rem;padding:2rem}.error-container h3{color:var(--text-color);margin-bottom:1rem}.error-container p{color:var(--text-color-secondary)}.back-navigation,.error-container p{margin-bottom:1.5rem}.back-button{align-items:center;color:var(--text-color-secondary);display:inline-flex;text-decoration:none;transition:color .2s}.back-button:hover{color:var(--primary-color)}.back-icon{font-size:1.25rem}.driver-profile-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.driver-avatar{flex-shrink:0}.avatar-circle{align-items:center;background:var(--surface-ground);border-radius:50%;display:flex;height:64px;justify-content:center;width:64px}.avatar-icon{font-size:2rem}.driver-info{flex-grow:1}.driver-name{color:var(--text-color);font-size:1.5rem;margin:0 0 .5rem}.driver-status{color:var(--text-color-secondary);font-size:.875rem;margin:0}.status-active{color:var(--green-500)}.status-inactive{color:var(--red-500)}.status-pending{color:var(--yellow-500)}.vehicle-actions{gap:.75rem}.section-subtitle{border-bottom:1px solid var(--surface-border);color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.vehicle-assignment-section{background:var(--surface-section);border-radius:6px;margin-top:1rem;padding:1.5rem}.current-vehicle{align-items:center;background:#3b82f61a;border-left:4px solid var(--primary-color);border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.assignment-status{font-size:.9rem;margin:0}.vehicle-assignment-form{display:flex;flex-direction:column;gap:1rem}.vehicle-selector{flex:2 1}.vehicle-assign-btn{align-items:flex-end;display:flex;justify-content:flex-start}.no-vehicle-message{background:var(--surface-hover);border-radius:6px;color:var(--text-color-secondary);padding:2rem;text-align:center}.no-vehicle-message p{margin:.5rem 0}.no-vehicle-message p:first-child{color:var(--text-color);font-weight:500}.vehicle-type-badge{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.vehicle-type-badge.car{background-color:#dbeafe;color:#1e40af}.vehicle-type-badge.van{background-color:#dcfce7;color:#166534}.vehicle-type-badge.motorcycle{background-color:#fee2e2;color:#991b1b}.btn-warning{background-color:var(--orange-500);color:#fff}.btn-warning:hover{background-color:var(--orange-600)}.btn-success{background-color:var(--green-500);color:#fff}.btn-success:hover{background-color:var(--green-600)}.btn-secondary{background-color:var(--surface-hover);color:var(--text-color)}.btn-secondary:hover{background-color:var(--surface-border)}.dashboard-content,.financial-details{animation:fadeIn .2s ease-in-out}.financial-details{margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.financial-header{margin-bottom:2rem}.driver-name{color:var(--text-primary);font-size:1.75rem;margin:0}.driver-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.75rem;margin:.5rem 0 0}.separator{color:var(--border-color)}.financial-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.financial-section{animation:slideIn .3s ease-in-out;background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow-sm);transition:all .3s ease}.financial-section:hover{box-shadow:var(--shadow-md)}.section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.section-title{color:var(--text-primary);font-size:1.25rem}.section-header .btn-secondary,.section-header .edit-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff!important;cursor:pointer;font-size:.875rem;font-weight:500;min-width:120px;padding:.5rem 1rem;transition:all .2s}.section-header .btn-secondary:hover,.section-header .edit-btn:hover{background-color:#388e3c;color:#fff!important}.financial-details-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;padding:1.5rem}.detail-group{grid-gap:.25rem;display:grid;gap:.25rem}.detail-label{color:var(--text-secondary);font-size:.875rem}.detail-value{color:var(--text-primary);font-size:1rem;font-weight:500}.financial-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-control{background-color:var(--input-bg);color:var(--text-primary);font-size:.9375rem;line-height:1.5;padding:.625rem .875rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{box-shadow:0 0 0 2px #4caf5033}.form-control.is-invalid:focus{box-shadow:0 0 0 2px var(--danger-color-alpha)}.invalid-feedback{display:block;font-size:.875rem;margin-top:.375rem}.form-actions{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1rem}.driver-tabs{flex-wrap:wrap;justify-content:flex-start;overflow-x:visible;overscroll-behavior:none;scroll-behavior:auto}.driver-tab{box-sizing:border-box;transition:background-color .3s ease,color .3s ease}.driver-tab:after{transform:translateZ(0)}.account-number-container{align-items:center;display:flex;font-family:monospace;gap:8px}.account-number-value{font-weight:500;letter-spacing:.5px;min-width:80px}.sort-code-value{font-family:monospace;letter-spacing:.5px}.view-toggle-btn{align-items:center;background:none;border:none;border-radius:50%;color:#4caf50;color:var(--primary-color,#4caf50);cursor:pointer;display:inline-flex;font-size:.875rem;justify-content:center;margin-left:2px;min-height:24px;min-width:24px;padding:4px;transition:background-color .2s}.view-toggle-btn:hover{background-color:#4caf501a}.incidents-container{animation:fadeIn .2s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;width:100%}.incidents-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.incident-search-container{flex:1 1;max-width:400px;position:relative}.incident-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#1f2937;font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s;width:100%}.incident-search:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.search-icon{color:#6b7280;font-size:1rem}.create-incident-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:background-color .2s;white-space:nowrap}.create-incident-btn:hover{background-color:#2563eb}.incidents-table-container{animation:slideIn .3s ease-in-out;margin:0 -1.5rem;overflow-x:auto;padding:0 1.5rem;transition:all .3s ease}.incidents-table{border-collapse:collapse;font-size:.875rem;width:100%}.incidents-table td,.incidents-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:left}.incidents-table th{color:#4b5563;font-weight:600}.incidents-table tbody tr:hover,.incidents-table th{background-color:#f9fafb}.status-badge{font-size:.75rem;padding:.25rem .75rem;text-transform:capitalize}.status-pending{background-color:#fef3c7;color:#d97706}.status-investigating{background-color:#dbeafe;color:#2563eb}.status-resolved{background-color:#d1fae5;color:#059669}.no-data-message{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.incident-form-container{padding:1.5rem}.form-section{background:#fff;border-radius:8px;margin-bottom:1.5rem}.form-section h3{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.incident-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{margin-bottom:.5rem}.form-group{flex:1 1}.form-group label{align-items:center;color:#374151;display:flex;font-size:.875rem}.required{color:#ef4444;margin-left:.25rem}.form-control{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:.875rem;padding:.625rem .75rem;transition:all .2s}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-control::placeholder{color:#9ca3af}.form-control.textarea{min-height:100px;resize:vertical}.checkbox-group{margin-top:.5rem}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;height:1rem;width:1rem}.modal-actions{border-top:1px solid #e5e7eb;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.btn{justify-content:center;padding:.625rem 1.25rem;transition:all .2s}.btn-primary{background-color:#3b82f6}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover{background-color:#e5e7eb}.driver-tabs{-ms-overflow-style:none;border-bottom:1px solid var(--surface-border);display:flex;gap:1rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.driver-tabs::-webkit-scrollbar{display:none}.driver-tab{border-radius:4px;color:var(--text-color-secondary);font-weight:500;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.driver-tab:hover{background:var(--surface-hover);color:var(--text-color)}.driver-tab.active{background:var(--primary-color);color:var(--primary-color-text)}.driver-tab:after{background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.driver-tab.active:after,.driver-tab:hover:after{width:100%}.fullscreen-modal{border-radius:0!important;height:100vh!important;margin:0!important;max-height:none!important;max-width:none!important;padding:0!important;width:100vw!important}.fullscreen-modal .modal-container{border-radius:0;display:flex;flex-direction:column;height:100%;margin:0;max-height:none;max-width:none;padding:0;width:100%}.fullscreen-modal .modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.fullscreen-modal .incident-form-container{background:#fff;flex:1 1;overflow-y:auto;padding:2rem}.fullscreen-modal .incident-form{gap:2rem;margin:0 auto;max-width:800px}.fullscreen-modal .form-group{margin-bottom:1.5rem}.fullscreen-modal .form-control{font-size:1rem;padding:1rem}.fullscreen-modal .form-control.textarea{min-height:150px}.fullscreen-modal .modal-actions{background:#fff;border-top:1px solid #e5e7eb;bottom:0;margin-top:2rem;padding:1.5rem 0;position:sticky}.fullscreen-modal .btn{font-size:1rem;min-width:150px;padding:1rem 2rem}.evidence-upload-container{background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s}.evidence-upload-container:hover{background-color:#f0f9ff;border-color:#3b82f6}.evidence-upload-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.evidence-upload-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.evidence-upload-button svg{color:#6b7280;font-size:1rem}.upload-status{color:#6b7280;display:block;font-size:.875rem;margin-top:.75rem}.evidence-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.evidence-item{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem .75rem}.evidence-name{color:#374151;font-size:.875rem;margin-right:.5rem}.remove-evidence{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.remove-evidence:hover{background-color:#fee2e2}.remove-evidence svg{font-size:.875rem}.deduction-badge{background:#fed7d7;border-radius:4px;color:#c53030;display:inline-block;font-size:.85em;font-weight:500;padding:2px 8px}.engagement-details{animation:fadeIn .2s ease-in-out;background:var(--surface-card);border-radius:8px;box-shadow:var(--card-shadow);padding:1.5rem;width:100%}.engagement-header{align-items:center;border-bottom:1px solid var(--surface-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.customer-tag{background:var(--yellow-100);border-radius:4px;color:var(--yellow-700);font-size:.875rem;font-weight:500;padding:.5rem 1rem}.download-btn{align-items:center;display:flex;gap:.5rem}.download-icon{font-size:1.125rem}.engagement-grid{grid-gap:1.5rem;animation:slideIn .3s ease-in-out;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;transition:all .3s ease}.engagement-item{display:flex;flex-direction:column;gap:.5rem}.engagement-label{color:var(--text-color-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.engagement-value{color:var(--text-color);font-size:.875rem;font-weight:500}.engagement-value.status-active{color:var(--green-600)}.engagement-value.status-invited{color:var(--blue-600)}.engagement-value.status-inactive{color:var(--red-600)}.external-id-container{align-items:center;animation:slideIn .3s ease-in-out;background:var(--surface-section);border-radius:6px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem 1.5rem;transition:all .3s ease}.external-id-label{color:var(--text-color);font-weight:500;min-width:100px}.external-id-edit{align-items:center;display:flex;flex:1 1;gap:1rem}.external-id-actions{display:flex;gap:.5rem}.external-id-display{align-items:center;display:flex;flex:1 1;gap:1rem}.external-id-value{color:var(--text-color-secondary);font-style:italic}.locations-section{animation:slideIn .3s ease-in-out;background:var(--surface-section);border-radius:6px;margin-bottom:2rem;overflow:hidden;transition:all .3s ease}.locations-header{align-items:center;border-bottom:1px solid var(--surface-border);display:flex;padding:0 1.5rem}.section-title-tab{color:var(--text-color-secondary);cursor:pointer;font-size:1rem;margin:0;padding:1rem 1.5rem;position:relative;transition:color .2s}.section-title-tab.active{color:var(--primary-color)}.section-title-tab.active:after{background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.add-location-btn{margin-left:auto;margin-right:0}.locations-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1.5rem}.location-card{background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:6px;padding:1rem;position:relative;transition:box-shadow .2s,border-color .2s}.location-card:hover{border-color:var(--primary-color);box-shadow:var(--card-shadow)}.location-card.new-location{display:flex;flex-direction:column;gap:1rem}.location-header{color:var(--text-color);font-weight:500;margin-bottom:.5rem}.location-address{color:var(--text-color-secondary);font-size:.875rem}.location-address p{margin:.25rem 0}.location-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:24px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:24px}.location-close-btn:hover{background:var(--red-100);color:var(--red-600)}.location-input,.location-textarea{width:100%}.location-textarea{min-height:80px;resize:vertical}.location-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.agreements-section{background:var(--surface-section)}.agreements-header{border-bottom:1px solid var(--surface-border)}.section-title{color:var(--text-color)}.agreements-count{color:var(--text-color-secondary)}.agreement-item:hover{background:var(--surface-hover)}.agreement-title{color:var(--text-color)}.agreement-status{color:var(--text-color-secondary)}.agreement-status.completed{color:var(--green-600)}.status-badge{border-radius:9999px;display:inline-flex;font-size:12px;justify-content:center;padding:4px 12px}.status-badge.status-active{background-color:#ecfdf5;color:#047857}.status-badge.status-inactive{background-color:#fef2f2;color:#b91c1c}.status-badge.status-invited{background-color:#eff6ff;color:#1d4ed8}.status-badge.status-registered{background-color:#fef3c7;color:#92400e}.document-manager{background:#0000!important;border:none!important;border-radius:12px!important;box-shadow:none!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;margin-bottom:24px!important;padding:24px!important}.document-manager-header{align-items:center!important;border-bottom:2px solid #f3f4f6!important;display:flex!important;justify-content:space-between!important;margin-bottom:24px!important;padding-bottom:20px!important}.document-manager-header h3{color:#111827!important;font-size:20px!important;font-weight:700!important;letter-spacing:-.025em!important;margin:0!important}.document-manager .document-stats{align-items:center!important;display:flex!important;gap:10px!important}.document-manager .stat-badge{background:#f0f9ff!important;border:1px solid #bae6fd!important;border-radius:20px!important;box-shadow:0 1px 2px #0000000d!important;color:#0369a1!important;font-size:14px!important;font-weight:600!important;padding:6px 16px!important}.document-manager .stat-badge.signed{background:#f0fdf4!important;border:1px solid #bbf7d0!important;color:#15803d!important}.document-manager .btn-create-document{background:#2563eb!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #2563eb33!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;padding:10px 20px!important;transition:all .2s ease!important}.document-manager .btn-create-document:hover{background:#1d4ed8!important;box-shadow:0 4px 8px #2563eb4d!important;transform:translateY(-1px)!important}.document-manager .document-manager-loading{color:#666!important;font-size:16px!important;padding:40px!important;text-align:center!important}.document-manager .documents-list{display:flex!important;flex-direction:column!important;gap:8px!important}.document-manager .documents-carousel{overflow:hidden!important;position:relative!important}.document-manager .documents-carousel .documents-list{transition:transform .3s ease!important}.document-manager .carousel-controls{gap:12px!important;margin-top:16px!important}.document-manager .carousel-btn,.document-manager .carousel-controls{align-items:center!important;display:flex!important;justify-content:center!important}.document-manager .carousel-btn{background:#2563eb!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 4px #2563eb33!important;color:#fff!important;cursor:pointer!important;font-size:16px!important;font-weight:700!important;height:36px!important;transition:all .2s ease!important;width:36px!important}.document-manager .carousel-btn:hover{background:#1d4ed8!important;box-shadow:0 4px 8px #2563eb4d!important;transform:scale(1.05)!important}.document-manager .carousel-btn:disabled{background:#9ca3af!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}.document-manager .carousel-indicators{align-items:center!important;display:flex!important;gap:4px!important}.document-manager .carousel-indicator{background:#d1d5db!important;border-radius:50%!important;cursor:pointer!important;height:8px!important;transition:all .2s ease!important;width:8px!important}.document-manager .carousel-indicator.active{background:#2563eb!important;transform:scale(1.2)!important}.document-manager .no-documents{background:#f9fafb!important;border:2px dashed #d1d5db!important;border-radius:12px!important;color:#6b7280!important;padding:48px 24px!important;text-align:center!important}.document-manager .no-documents p{font-size:16px!important;font-weight:500!important;margin:0 0 24px!important}.document-manager .btn-send-first{background:#28a745!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:10px 20px!important;transition:background-color .2s!important}.document-manager .btn-send-first:hover{background:#218838!important}.document-manager .document-item{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 1px 2px #0000000d!important;display:flex!important;min-height:50px!important;padding:12px 16px!important;transition:all .2s ease!important}.document-manager .document-item:hover{background:#fafbff!important;border-color:#2563eb!important;box-shadow:0 2px 8px #2563eb1a!important}.document-manager .document-icon{align-items:center!important;background:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:6px!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:36px!important;justify-content:center!important;margin-right:12px!important;width:36px!important}.document-manager .document-info{flex:1 1!important}.document-manager .document-info h4{color:#111827!important;font-size:15px!important;font-weight:600!important;letter-spacing:-.025em!important;margin:0!important}.document-manager .document-actions{align-items:center!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;gap:12px!important;margin-left:auto!important}.document-manager .btn-view-pdf{background:#2563eb!important;border:2px solid #2563eb!important;border-radius:6px!important;box-shadow:0 1px 3px #2563eb33!important;color:#fff!important;font-size:12px!important;font-weight:600!important;min-width:80px!important;padding:8px 12px!important;text-align:center!important;text-decoration:none!important;transition:all .2s ease!important}.document-manager .btn-view-pdf:hover{background:#1d4ed8!important;border-color:#1d4ed8!important;box-shadow:0 2px 6px #2563eb4d!important;color:#fff!important;text-decoration:none!important}.document-manager .document-status{flex-shrink:0!important}.document-manager .status-badge{align-items:center!important;border:2px solid #0000!important;border-radius:6px!important;display:flex!important;font-size:12px!important;font-weight:600!important;justify-content:center!important;letter-spacing:0!important;min-width:120px!important;padding:6px 12px!important;text-align:center!important;text-transform:none!important}.document-manager .status-badge.status-pending{background:#fef3c7!important;border:2px solid #fde68a!important;box-shadow:0 1px 3px #92400e1a!important;color:#92400e!important}.document-manager .status-badge.status-signed{background:#d1fae5!important;border:2px solid #a7f3d0!important;box-shadow:0 1px 3px #065f461a!important;color:#065f46!important}.document-manager .modal-overlay{align-items:center!important;background:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.document-manager .modal-content{background:#fff!important;border-radius:8px!important;box-shadow:0 4px 20px #0003!important;max-height:90vh!important;max-width:500px!important;overflow-y:auto!important;position:relative!important;width:100%!important}.document-manager .modal-header{align-items:center!important;border-bottom:1px solid #e0e0e0!important;display:flex!important;justify-content:space-between!important;padding:20px 20px 15px!important}.document-manager .modal-header h3{color:#333!important;font-size:18px!important;font-weight:600!important;margin:0!important}.document-manager .modal-close{align-items:center!important;background:none!important;border:none!important;border-radius:50%!important;color:#666!important;cursor:pointer!important;display:flex!important;font-size:24px!important;height:30px!important;justify-content:center!important;padding:0!important;transition:background-color .2s!important;width:30px!important}.document-manager .modal-close:hover{background:#f0f0f0!important}.document-manager .document-form{padding:20px!important}.document-manager .form-group{margin-bottom:20px!important}.document-manager .form-group label{color:#333!important;display:block!important;font-size:14px!important;font-weight:500!important;margin-bottom:6px!important}.document-manager .form-group input,.document-manager .form-group select,.document-manager .form-group textarea{border:1px solid #ddd!important;border-radius:6px!important;box-sizing:border-box!important;font-family:inherit!important;font-size:14px!important;padding:10px!important;transition:border-color .2s!important;width:100%!important}.document-manager .form-group input:focus,.document-manager .form-group select:focus,.document-manager .form-group textarea:focus{border-color:#007bff!important;box-shadow:0 0 0 2px #007bff40!important;outline:none!important}.document-manager .form-group textarea{min-height:80px!important;resize:vertical!important}.document-manager .form-group input[type=file]{background:#f9f9f9!important;border:2px dashed #ddd!important;border-radius:6px!important;cursor:pointer!important;padding:8px!important}.document-manager .form-group input[type=file]:hover{background:#f0f8ff!important;border-color:#007bff!important}.document-manager .file-info{align-items:center!important;background:#e8f5e8!important;border:1px solid #c8e6c8!important;border-radius:4px!important;display:flex!important;gap:8px!important;margin-top:10px!important;padding:8px 12px!important}.document-manager .file-name{color:#2d5a2d!important;font-size:14px!important;font-weight:500!important}.document-manager .file-size{color:#666!important;font-size:12px!important}.document-manager .form-actions{border-top:1px solid #e0e0e0!important;display:flex!important;gap:10px!important;justify-content:flex-end!important;margin-top:30px!important;padding-top:20px!important}.document-manager .btn-cancel{background:#f8f9fa!important;border:1px solid #dee2e6!important;border-radius:6px!important;color:#495057!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:10px 20px!important;transition:all .2s!important}.document-manager .btn-cancel:hover{background:#e2e6ea!important;border-color:#dae0e5!important}.document-manager .btn-submit{background:#007bff!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:10px 20px!important;transition:background-color .2s!important}.document-manager .btn-submit:hover{background:#0056b3!important}.document-manager .btn-submit:disabled{background:#6c757d!important;cursor:not-allowed!important}@media (max-width:768px){.document-manager .modal-overlay{padding:10px!important}.document-manager .modal-content{max-width:100%!important}.document-manager .document-manager-header{gap:15px!important}.document-manager .document-item,.document-manager .document-manager-header{align-items:flex-start!important;flex-direction:column!important}.document-manager .document-icon{margin-bottom:10px!important;margin-right:0!important}.document-manager .document-actions{align-items:flex-start!important;margin-left:0!important;margin-top:10px!important}}.document-manager .document-item:has(.status-standard){background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;border:1px solid #bbf7d0!important}.document-manager .status-standard{background:#15803d!important;color:#fff!important;font-weight:600!important}.document-manager .document-info small{color:#6b7280!important;display:block!important;font-size:12px!important;font-style:italic!important;margin-top:4px!important}.driver-documents{padding:24px}.documents-header{margin-bottom:32px}.documents-header h2{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:8px}.documents-header p{color:#64748b;font-size:.875rem}.documents-section{margin-bottom:32px}.documents-section h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:16px}.documents-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.document-card:not(.image-card){grid-gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:grid;gap:16px;grid-template-columns:48px 1fr;height:100%;min-height:140px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.document-card:not(.image-card):hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.document-card:not(.image-card).pending{background-color:#fff7ed;border-color:#fdba74}.document-card:not(.image-card).uploaded{background-color:#f0fdf4;border-color:#86efac}.document-card:not(.image-card) .document-icon{align-items:center;background-color:#f1f5f9;border-radius:12px;color:#64748b;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.document-card:not(.image-card).pending .document-icon{background-color:#ffedd5;color:#ea580c}.document-card:not(.image-card).uploaded .document-icon{background-color:#dcfce7;color:#16a34a}.document-card:not(.image-card) .document-info{display:flex;flex-direction:column;justify-content:space-between}.document-card:not(.image-card) .document-info-header{margin-bottom:12px}.document-card:not(.image-card) .document-info h3{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 4px}.document-card:not(.image-card) .document-info p{color:#64748b;font-size:.875rem;line-height:1.4;margin:0}.upload-date{color:#64748b;display:block;font-size:.75rem}.document-card:not(.image-card) .status-badge{align-items:center;border-radius:6px;display:inline-grid;font-size:.875rem;font-weight:500;gap:8px;grid-template-columns:20px 1fr;padding:8px 16px}.document-card:not(.image-card) .status-badge i{align-items:center;display:flex;font-size:16px;height:20px;justify-content:center;width:20px}.document-card:not(.image-card) .status-badge span{text-align:left}.document-card:not(.image-card) .status-badge.uploaded{background-color:#dcfce7;color:#16a34a}.document-card:not(.image-card) .status-badge.pending{background-color:#fff7ed;color:#ea580c}.document-actions{display:flex;gap:8px;margin-top:12px}.btn{gap:6px;padding:8px 16px}.btn-sm{font-size:.75rem}.btn i{font-size:.875rem}.btn-primary:hover{background-color:#43a047}.btn-secondary{background-color:#f1f5f9;color:#475569}.btn-secondary:hover{background-color:#e2e8f0}.btn-danger{background-color:#fee2e2;color:#dc2626}.btn-danger:hover{background-color:#fecaca}.upload-btn{justify-content:center;width:100%}.image-modal{align-items:center;animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background-color:#fff3;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%);opacity:0}to{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);opacity:1}}.modal-content{animation:modalSlideIn .3s ease;background-color:initial;border-radius:16px;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.modal-content img{border-radius:8px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));max-height:calc(90vh - 100px);max-width:100%;object-fit:contain}.modal-close{align-items:center;background:#0000;border:none;color:#1a202c;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:fixed;right:24px;top:24px;transition:all .2s ease;width:40px;z-index:1010}.modal-close:before{content:"×";line-height:1}.modal-close:hover{color:#e53e3e;transform:scale(1.2)}.modal-info{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:#ffffff26;bottom:0;color:#1a202c;left:0;padding:20px;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease}.modal-content:hover+.modal-info,.modal-info:hover{transform:translateY(0)}.modal-info h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 8px;text-shadow:0 1px 2px #0003}.modal-info p{color:#4a5568;margin:0 0 16px;text-shadow:0 1px 2px #0003}.modal-actions{display:flex;gap:12px}.modal-actions .btn{flex:1 1;justify-content:center}@media (max-width:768px){.document-card:not(.image-card){grid-template-columns:40px 1fr;min-height:120px;padding:16px}.document-card:not(.image-card) .document-icon{font-size:20px;height:40px;width:40px}.document-card:not(.image-card) .document-info h3{font-size:.95rem}.document-card:not(.image-card) .document-info p{font-size:.8rem}.document-card:not(.image-card) .status-badge{font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.document-card:not(.image-card){gap:12px;grid-template-columns:36px 1fr;min-height:110px;padding:12px}.document-card:not(.image-card) .document-icon{font-size:18px;height:36px;width:36px}.document-card:not(.image-card) .document-info-header{margin-bottom:8px}.document-card:not(.image-card) .status-badge{padding:4px 8px}}.document-card.image-card{aspect-ratio:3/2;background:none;border:none;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:block!important;grid-template-columns:none;margin:0 auto;max-height:300px;overflow:hidden;padding:0!important;position:relative;transition:all .2s ease}.document-card.image-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.document-card.image-card img{display:block;height:100%;object-fit:cover;object-position:center;position:relative;transition:transform .3s ease;width:100%;z-index:1}.document-card.image-card:hover img{transform:scale(1.05)}.document-card.image-card .image-overlay{background:linear-gradient(0deg,#000000e6,#00000080 50%,#0000);bottom:0;left:0;opacity:0;padding:16px;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;z-index:30}.document-card.image-card:hover .image-overlay{opacity:1}.document-card.image-card .image-info{color:#fff;position:relative;text-shadow:0 1px 2px #00000080;z-index:2}.document-card.image-card .image-info h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 4px}.document-card.image-card .image-date{color:#fff;font-size:.75rem;opacity:.9}.document-preview{background:#fff;box-shadow:0 4px 6px #0000001a;flex-direction:column;gap:24px;margin:0 auto;max-width:600px;padding:40px}.document-preview,.document-preview-icon{align-items:center;border-radius:16px;display:flex}.document-preview-icon{background-color:#f1f5f9;color:#475569;font-size:40px;height:80px;justify-content:center;width:80px}.document-preview-info{text-align:center}.document-preview-info h3{color:#1a202c;font-size:1.5rem;margin-bottom:8px}.document-preview-info p{color:#64748b;font-size:1rem;margin:0 auto;max-width:400px}@media (max-width:768px){.document-preview{padding:24px}.document-preview-icon{font-size:30px;height:60px;width:60px}.document-preview-info h3{font-size:1.25rem}.document-preview-info p{font-size:.875rem}}@media (max-width:480px){.documents-grid{grid-template-columns:repeat(1,1fr)}.document-card{padding:10px}}@media (max-width:768px){.document-card.image-card{aspect-ratio:4/3;max-height:250px}}@media (max-width:480px){.document-card.image-card{aspect-ratio:3/2;max-height:200px}.document-card.image-card .image-overlay{padding:12px}.document-card.image-card .image-info h3{font-size:.9rem}}.document-card:not(.image-card) .document-status{margin-top:auto}.document-card.image-card .image-tag{background-color:#ffffffe6;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#1a202c;font-size:.75rem;font-weight:600;left:12px;padding:4px 8px;pointer-events:none;position:absolute;top:12px;z-index:50}@media (max-width:480px){.document-card.image-card .image-tag{font-size:.7rem;padding:3px 6px}}.image-tag{background-color:#4299e1e6}div[data-document-type=license_back] .image-tag,div[data-document-type=license_front] .image-tag{background-color:#48bb78e6}div[data-document-type=passport] .image-tag{background-color:#3182cee6}div[data-document-type=profile] .image-tag{background-color:#718096e6}div[data-document-type=background_check] .image-tag{background-color:#ef4444e6}.document-card[data-document-type=background_check] .document-icon{background-color:#ef44441a;color:#ef4444}.document-card[data-document-type=background_check].uploaded .document-icon{background-color:#10b9811a;color:#059669}.agreements-section{background:#f8f9fa;background:var(--surface-section,#f8f9fa);border:1px solid #e2e8f0;border:1px solid var(--surface-border,#e2e8f0);border-radius:6px;margin-top:2rem;overflow:hidden;transition:all .3s ease}.agreements-header{align-items:center;background:#fff;background:var(--surface-card,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--surface-border,#e2e8f0);display:flex;justify-content:space-between;padding:1rem 1.5rem}.section-title{color:#333;color:var(--text-color,#333);font-size:1rem;font-weight:600;margin:0}.agreements-count{background:#4caf50;background:var(--primary-color,#4caf50);border-radius:12px;color:#666;color:var(--text-color-secondary,#666);color:#fff;font-size:.875rem;font-weight:500;min-width:40px;padding:.25rem .5rem;text-align:center}.agreements-list{padding:.5rem 0}.agreement-item{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--surface-border,#f0f0f0);display:flex;padding:1rem 1.5rem;transition:background-color .2s}.agreement-item:hover{background:#f5f5f5;background:var(--surface-hover,#f5f5f5)}.agreement-item:last-child{border-bottom:none}.agreement-icon{align-items:center;display:flex;font-size:1.25rem;height:24px;justify-content:center;margin-right:1rem;width:24px}.agreement-title{color:#333;color:var(--text-color,#333);flex:1 1;font-size:.875rem;font-weight:500}.agreement-status{background:#f1f5f9;background:var(--surface-100,#f1f5f9);border-radius:12px;color:#666;color:var(--text-color-secondary,#666);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.agreement-status.completed{background:#f0fdf4;background:var(--green-50,#f0fdf4);color:#16a34a;color:var(--green-600,#16a34a)}.driver-layout-container{background-color:#f9fafb}.driver-layout-container,.driver-layout-container .dashboard-content{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.driver-layout-container .dashboard-content{background-color:#fff;transform:translateZ(0)}.driver-layout-container .driver-header-fixed{background:none;padding:0;position:sticky;top:0;transform:translateZ(0);will-change:transform;z-index:100}.driver-layout-container .back-navigation{align-items:center;background-color:#fff;display:flex;margin:0 0 12px;padding:16px 24px}.driver-layout-container .back-button{align-items:center;color:#5c5c5c;display:inline-flex;font-weight:500;text-decoration:none;transition:color .2s}.back-button{font-size:.875rem;gap:.5rem}.driver-layout-container .back-icon{font-size:16px;line-height:1;margin-right:0}.driver-layout-container .driver-profile-header{align-items:center;background-color:#fff;display:flex;flex-wrap:nowrap;gap:12px;margin:0;padding:0 24px 16px}.driver-layout-container .driver-avatar{align-items:center;display:flex;flex-shrink:0;margin-right:0}.driver-layout-container .avatar-circle{align-items:center;background-color:#f3f4f6;border:3px solid #4caf50;border-radius:50%;box-shadow:0 2px 5px #0000001a;display:flex;height:64px;justify-content:center;overflow:visible;position:relative;width:64px}.driver-layout-container .avatar-circle:after{align-items:center;background-color:#4caf50;border:none;border-radius:50%;bottom:-2px;box-shadow:0 2px 4px #0003;color:#fff;content:"✓";display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-2px;width:20px;z-index:10}.driver-layout-container .avatar-circle.status-onboarding{border-color:#f59e0b}.driver-layout-container .avatar-circle.status-onboarding:after{background-color:#f59e0b;content:"⏳"}.driver-layout-container .avatar-circle.status-inactive{border-color:#ef4444}.driver-layout-container .avatar-circle.status-inactive:after{background-color:#ef4444;content:"✗"}.driver-layout-container .avatar-icon{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:100%;justify-content:center;letter-spacing:1px;text-transform:uppercase;width:100%}.driver-layout-container .avatar-circle.status-onboarding .avatar-icon{background-color:#f59e0b}.driver-layout-container .avatar-circle.status-inactive .avatar-icon{background-color:#ef4444}.driver-layout-container .profile-photo{border:none;border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.driver-layout-container .driver-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.driver-layout-container .driver-action-buttons{display:flex!important;flex-shrink:0;margin-left:16px;opacity:1!important;position:relative;visibility:visible!important;z-index:999}.driver-layout-container .driver-action-buttons button{align-items:center;display:inline-flex!important;font-size:14px;height:38px;justify-content:center;min-width:160px;opacity:1!important;padding:0 16px;position:relative;visibility:visible!important;white-space:nowrap;z-index:999}.driver-layout-container .driver-name{color:#1f2937;font-size:1.25rem;font-weight:600;line-height:1.2;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.driver-layout-container .driver-status{color:#6b7280;font-size:.875rem;line-height:1.2;margin:0}.driver-layout-container .driver-tabs{-ms-overflow-style:none;background-color:#fff;border-bottom:1px solid #e5e7eb;box-sizing:border-box;display:flex;flex-wrap:nowrap;height:48px;justify-content:flex-start;margin:0;min-height:48px;overflow-x:auto;padding:0 24px;position:relative;scrollbar-width:none;z-index:1}.driver-layout-container .driver-tabs::-webkit-scrollbar{display:none}.driver-layout-container .driver-tab{-webkit-font-smoothing:subpixel-antialiased;align-items:center;backface-visibility:hidden;border-bottom:3px solid #0000;box-sizing:border-box;color:#5c5c5c;display:flex;font-weight:500;height:45px;margin-right:6px;padding:10px 20px;position:relative;text-decoration:none;transform:translateZ(0);transition:all .2s ease;white-space:nowrap;z-index:2}.driver-layout-container .driver-tab:hover{color:#2c2c2c}.driver-layout-container .driver-tab.active{border-bottom:3px solid #3b82f6;color:#2c2c2c!important;font-weight:600}.driver-layout-container .driver-content-scroll .loader-container{align-items:center;display:flex;justify-content:center;min-height:200px}.driver-layout-container .btn{align-items:center;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:38px;justify-content:center;min-width:160px;padding:8px 16px;text-decoration:none;transition:all .2s}.driver-layout-container .driver-action-buttons .btn{color:#fff!important}.driver-layout-container .btn-warning{background-color:#f59e0b}.driver-layout-container .btn-success{background-color:#4caf50}.driver-layout-container .btn-danger{background-color:#ef4444}.driver-layout-container .btn-outline,.driver-layout-container .btn-secondary{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#5c5c5c!important}.driver-layout-container .btn-warning:hover{background-color:#d97706}.driver-layout-container .btn-success:hover{background-color:#388e3c}.driver-layout-container .btn-danger:hover{background-color:#dc2626}.driver-layout-container .btn-outline:hover,.driver-layout-container .btn-secondary:hover{background-color:#e5e7eb;color:#2c2c2c!important}.driver-layout-container .content-transition{animation:fadeIn .15s ease-in;transition:opacity .15s ease}.content-placeholder{background-color:#f7fafc66;border-radius:8px;min-height:300px}.content-transition{animation:fadeIn .15s ease-in;min-height:300px;transition:opacity .15s ease}.driver-tab{-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;transform:translateZ(0)}.driver-tabs{box-sizing:border-box;height:48px;transition:none}.driver-content-scroll{-webkit-overflow-scrolling:touch;background-color:#f9fafb;flex:1 1;min-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:24px;position:relative;scroll-behavior:smooth;transform:translateZ(0);will-change:transform}.driver-tab.active{border-bottom:3px solid #3b82f6;color:#2c2c2c!important;font-weight:600}.driver-action-buttons .btn{color:#fff!important}.driver-action-buttons .btn-warning{background-color:#f59e0b}.driver-action-buttons .btn-warning:hover{background-color:#d97706}.driver-action-buttons .btn-success{background-color:#4caf50}.driver-action-buttons .btn-success:hover{background-color:#388e3c}.driver-action-buttons .btn-danger{background-color:#ef4444}.driver-action-buttons .btn-danger:hover{background-color:#dc2626}.driver-layout-container .tabs-container{background-color:#fff;border-bottom:1px solid #e5e7eb;position:relative;width:100%}.back-navigation,.error-container p{margin-bottom:12px!important}.driver-layout-container .driver-header-fixed .back-navigation .back-button{align-items:center!important;background:none!important;border:none!important;color:#5c5c5c!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;margin:0!important;padding:0!important;text-decoration:none!important;transition:color .2s!important}.driver-layout-container .driver-header-fixed .back-navigation .back-button:hover{color:#2c2c2c!important;text-decoration:none!important}.driver-layout-container .driver-header-fixed .back-navigation{align-items:center!important;background-color:#fff;display:flex!important;margin:0 0 12px!important;padding:16px 24px!important}.driver-layout-container .driver-header-fixed .back-navigation .back-button span{font-size:16px!important;line-height:1!important;margin-right:0!important}body .driver-layout-container .driver-header-fixed .back-navigation a.back-button{align-items:center!important;background:none!important;border:none!important;box-shadow:none!important;color:#5c5c5c!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;margin:0!important;min-width:0!important;min-width:auto!important;padding:0!important;text-decoration:none!important;transform:none!important;transition:color .2s!important;width:auto!important}body .driver-layout-container .driver-header-fixed .back-navigation a.back-button:hover{background:none!important;box-shadow:none!important;color:#2c2c2c!important;text-decoration:none!important;transform:none!important}body .driver-layout-container .driver-header-fixed .back-navigation{align-items:center!important;background-color:#fff;display:flex!important;margin:0 0 12px!important;padding:16px 24px!important}body .driver-layout-container .driver-header-fixed .back-navigation a.back-button span{font-size:16px!important;line-height:1!important;margin-right:0!important}@media (max-width:768px){.driver-layout-container .avatar-circle{height:56px;width:56px}.driver-layout-container .avatar-icon{font-size:28px}}@media (max-width:480px){.driver-layout-container .driver-profile-header{gap:8px;padding:0 16px 12px}.driver-layout-container .avatar-circle{height:48px;width:48px}.driver-layout-container .avatar-icon{font-size:24px}.driver-layout-container .driver-name{font-size:1.125rem}.driver-layout-container .driver-status{font-size:.75rem}.driver-layout-container .driver-action-buttons button{min-width:auto;padding:0 12px}}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{transition:opacity .3s,transform .3s}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.driver-content-scroll{animation:contentFadeIn .3s ease-in-out}@keyframes contentFadeIn{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-content,.engagement-details,.financial-details,.incidents-container{position:relative;width:100%}.driver-tabs{background-color:#fff;padding-top:10px;position:sticky;top:0;z-index:10}.driver-layout-container .driver-content-scroll>*{animation:fadeIn .3s ease-in-out}.vehicle-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.vehicle-modal-container{animation:vehicle-modal-slide-in .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;width:95%}@keyframes vehicle-modal-slide-in{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.vehicle-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.vehicle-modal-header h2{color:#111827;font-size:1.25rem;margin:0}.vehicle-modal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;transition:background-color .2s}.vehicle-modal-close-btn:hover{background-color:#f3f4f6;color:#4b5563}.vehicle-form{padding:1.5rem}.vehicle-form-row{display:flex;gap:16px;margin-bottom:1rem}.vehicle-form-row .vehicle-form-group{flex:1 1;margin-bottom:.5rem}.vehicle-form-group{flex:1 1;margin-bottom:15px}.vehicle-form-group.full-width{flex:1 1 100%;width:100%}.vehicle-form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.vehicle-form-group .required{color:#ef4444;margin-left:.25rem}.vehicle-form-control{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.9375rem;line-height:1.5;padding:.625rem .875rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.vehicle-form-control:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.vehicle-form-control.error{border-color:#ef4444}.vehicle-form-control.error:focus{box-shadow:0 0 0 3px #ef44441a}.vehicle-error-message{color:#ef4444;display:block;font-size:.875rem;margin-top:.375rem}.vehicle-global-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;margin-bottom:1.25rem;padding:.75rem 1rem}.vehicle-form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.vehicle-btn-secondary{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.vehicle-btn-secondary:hover{background-color:#f3f4f6;border-color:#9ca3af}.vehicle-btn-secondary:disabled{cursor:not-allowed;opacity:.7}.vehicle-btn-primary{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.vehicle-btn-primary:hover{background-color:#388e3c}.vehicle-btn-primary:disabled{cursor:not-allowed;opacity:.7}@media (max-width:640px){.vehicle-form-row{flex-direction:column;gap:0}.vehicle-form-row .vehicle-form-group{margin-bottom:1.25rem}.vehicle-modal-container{max-width:95%}}.vsn-daily-container{background-color:initial;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:0 5px;width:100%}.vsn-daily-container .wp-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;margin-bottom:30px;padding:20px 30px}.vsn-daily-container .wp-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;width:100%}.vsn-daily-container .wp-header h1{color:#333;font-size:24px;margin:0 0 5px}.vsn-daily-container .wp-header p{color:#666;font-size:14px;margin:0}.vsn-daily-container .wp-main-container{width:100%}.vsn-daily-container .wp-action-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 5px 30px;padding:20px 30px}.vsn-daily-container .wp-filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:30px}.vsn-daily-container .wp-filter-group{display:flex;flex-direction:column;gap:8px;min-width:140px}.vsn-daily-container .wp-filter-group label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.vsn-daily-container .wp-filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;height:36px;min-width:140px;padding:8px 16px;transition:border-color .2s ease}.vsn-daily-container .wp-filter-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.vsn-daily-container .wp-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.vsn-daily-container .weekly-planning-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:36px;justify-content:center;min-width:100px;padding:8px 20px;transition:all .2s ease;white-space:nowrap}.vsn-daily-container .weekly-planning-btn-primary{background:#4caf50;border:1px solid #4caf50;color:#fff}.vsn-daily-container .weekly-planning-btn-primary:hover{background:#388e3c;border-color:#388e3c}.vsn-daily-container .weekly-planning-btn-secondary{background:#6c757d;border:1px solid #6c757d;color:#fff}.vsn-daily-container .weekly-planning-btn-secondary:hover{background:#5a6268;border-color:#545b62}.vsn-daily-container .weekly-planning-btn svg{fill:currentColor;height:14px;width:14px}.vsn-daily-container .wp-schedule-grid{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.vsn-daily-container .wp-schedule-header{background:#f8f9fa;border-bottom:2px solid #f0f4f8;display:grid;grid-template-columns:220px repeat(7,1fr)}.vsn-daily-container .wp-schedule-cell{border-right:1px solid #f0f4f8;font-size:14px;font-weight:600;padding:15px;text-align:center}.vsn-daily-container .wp-schedule-cell:last-child{border-right:none}.vsn-daily-container .wp-day-header{align-items:center;display:flex;flex-direction:column;gap:5px}.vsn-daily-container .wp-day-name{color:#333;font-size:16px;font-weight:700}.vsn-daily-container .wp-day-date{color:#666;font-size:12px;font-weight:400}.vsn-daily-container .wp-schedule-body{display:flex;flex-direction:column}.vsn-daily-container .wp-driver-row{border-bottom:1px solid #f0f4f8;display:grid;grid-template-columns:220px repeat(7,1fr);transition:background .2s ease}.vsn-daily-container .wp-driver-row:hover{background-color:#f8f9fa}.vsn-daily-container .wp-driver-info{align-items:center;border-right:1px solid #f0f4f8;display:flex;flex-direction:column;justify-content:center;padding:15px;text-align:center}.vsn-daily-container .wp-driver-details{text-align:center}.vsn-daily-container .wp-driver-details h4{color:#666;font-size:12px;font-weight:500;line-height:1.2;margin-bottom:0;margin-top:4px}.vsn-daily-container .wp-driver-details p{color:#333;font-size:16px;font-weight:800;letter-spacing:.5px;line-height:1.2;margin-bottom:0}.vsn-daily-container .wp-schedule-slot{align-items:center;border-right:1px solid #f0f4f8;cursor:default;display:flex;justify-content:center;min-height:60px;padding:10px;position:relative;text-align:center}.vsn-daily-container .wp-slot-content{border-radius:6px;font-size:12px;padding:8px;transition:all .2s ease;width:100%}.vsn-daily-container .wp-slot-work{background:#e8f5e9;color:#2e7d32;font-weight:500}.vsn-daily-container .wp-slot-off{background:#f5f5f5;color:#999}.vsn-daily-container .wp-slot-pending{background:#fff3e0;border:1px solid #ff9800;color:#f57c00}.vsn-daily-container .wp-time-info{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center}.vsn-daily-container .wp-time-range{color:#2e7d32;font-size:11px;font-weight:600}.vsn-daily-container .wp-driver-name{color:#2e7d32;font-size:10px;font-weight:500;opacity:.8}.vsn-daily-container .wp-week-selector{align-items:center;background:#f8f9fa;border:1px solid #e0e6ed;border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;padding:8px 16px}.vsn-daily-container .wp-week-nav{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:16px;padding:4px 8px;transition:color .2s ease}.vsn-daily-container .wp-week-nav:hover{background:#e9ecef;color:#333}.vsn-daily-container .wp-current-week{color:#333;font-size:14px;font-weight:500;min-width:180px;text-align:center}.vsn-daily-container .wp-loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.vsn-daily-container .wp-loading-spinner{animation:wp-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;margin-bottom:20px;width:40px}.vsn-daily-container .wp-empty-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.vsn-daily-container .wp-empty-state p{color:#333;font-size:16px;font-weight:500;margin:0 0 8px}.vsn-daily-container .wp-empty-state span{color:#666;font-size:14px}.vsn-daily-container .wp-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.vsn-daily-container .wp-avatar-initials{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}@media (max-width:1200px){.vsn-daily-container .wp-driver-row,.vsn-daily-container .wp-schedule-header{grid-template-columns:180px repeat(7,1fr)}.vsn-daily-container .wp-filter-section{gap:20px}.vsn-daily-container .wp-filter-group{min-width:120px}}.vsn-daily-container .wp-mobile-schedule{box-sizing:border-box;display:none;gap:16px;margin:0;padding:0;width:100%}.vsn-daily-container .wp-mobile-vehicle-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;margin-bottom:16px;margin-left:0;margin-right:0;overflow:hidden;width:100%}.vsn-daily-container .wp-mobile-vehicle-header{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.vsn-daily-container .wp-mobile-vehicle-header:hover{background-color:#f8f9fa}.vsn-daily-container .wp-mobile-vehicle-info{align-items:center;display:flex;gap:12px}.vsn-daily-container .wp-mobile-vehicle-avatar{align-items:center;background:#f0f4f8;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.vsn-daily-container .wp-mobile-vehicle-details h4{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.vsn-daily-container .wp-mobile-vehicle-details p{color:#666;font-size:13px;margin:0}.vsn-daily-container .wp-mobile-vehicle-summary{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.vsn-daily-container .wp-mobile-hours{background:#4caf501a;border-radius:8px;color:#4caf50;font-size:12px;font-weight:500;padding:4px 8px}.vsn-daily-container .wp-mobile-vehicle-toggle{padding:8px}.vsn-daily-container .wp-toggle-icon{color:#666;display:inline-block;font-size:14px;transition:transform .2s ease}.vsn-daily-container .wp-toggle-icon.expanded{transform:rotate(180deg)}.vsn-daily-container .wp-mobile-vehicle-schedule{border-top:1px solid #f0f0f0;padding:0}.vsn-daily-container .wp-mobile-schedule-day{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:16px 20px}.vsn-daily-container .wp-mobile-schedule-day:last-child{border-bottom:none}.vsn-daily-container .wp-mobile-day-header{display:flex;flex-direction:column;gap:2px}.vsn-daily-container .wp-mobile-day-name{color:#333;font-size:14px;font-weight:600}.vsn-daily-container .wp-mobile-day-date{color:#666;font-size:12px}.vsn-daily-container .wp-mobile-day-content{text-align:right}.vsn-daily-container .wp-mobile-work-info{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.vsn-daily-container .wp-mobile-time{color:#4caf50;font-size:14px;font-weight:600}.vsn-daily-container .wp-mobile-driver{color:#666;font-size:12px}.vsn-daily-container .wp-mobile-off-day{color:#999;font-size:13px;font-style:italic}.vsn-daily-container .wp-mobile-day-content.wp-slot-work{border-left:4px solid #4caf50;padding-left:12px}.vsn-daily-container .wp-mobile-day-content.wp-slot-off{border-left:4px solid #e0e0e0;padding-left:12px}.vsn-daily-container .wp-mobile-day-content.wp-slot-pending{border-left:4px solid #ff9800;padding-left:12px}@media (max-width:991px){.vsn-daily-container{padding:10px 5px}.vsn-daily-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 5px 20px;padding:15px 20px}.vsn-daily-header h1{font-size:18px;margin-bottom:5px}.vsn-daily-action-bar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:0 5px 20px;padding:15px}.vsn-daily-action-bar .wp-filter-section{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.vsn-daily-action-bar .wp-filter-group{display:flex;flex-direction:column;gap:6px}.vsn-daily-action-bar .wp-filter-group label{color:#333;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.vsn-daily-action-bar .wp-filter-select{background:#fff;border:1px solid #e0e6ed;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.vsn-daily-action-bar .wp-filter-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.vsn-daily-action-bar .wp-action-buttons{display:flex;gap:8px;justify-content:flex-end}.vsn-daily-action-bar .weekly-planning-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:all .2s ease}.vsn-daily-action-bar .weekly-planning-btn-secondary{background:#6c757d;color:#fff}.vsn-daily-action-bar .weekly-planning-btn-secondary:hover{background:#5a6268}.vsn-daily-action-bar .weekly-planning-btn-primary{background:#4caf50;color:#fff}.vsn-daily-action-bar .weekly-planning-btn-primary:hover{background:#45a049}.vsn-daily-action-bar .weekly-planning-btn svg{fill:currentColor;height:14px;width:14px}.vsn-daily-schedule-grid{display:none}.vsn-daily-mobile-schedule{display:flex;flex-direction:column;gap:15px;padding:0 5px}.vsn-daily-mobile-vehicle-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;margin-bottom:10px;margin-left:0!important;margin-right:0!important;padding:20px;width:100%}.vsn-daily-mobile-vehicle-header{align-items:center;border-bottom:1px solid #f0f4f8;border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding:10px 0;transition:background-color .2s ease}.vsn-daily-mobile-vehicle-header:hover{background-color:#f8f9fa}.vsn-daily-mobile-vehicle-info{align-items:center;display:flex;gap:12px}.vsn-daily-mobile-vehicle-avatar{align-items:center;background:#4caf50;border:none;border-radius:50%!important;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:50px;justify-content:center;margin-bottom:0;outline:none;width:50px}.vsn-daily-mobile-vehicle-avatar .vsn-daily-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.vsn-daily-mobile-vehicle-details{text-align:left}.vsn-daily-mobile-vehicle-details h4{color:#333;font-size:14px;font-weight:600;line-height:1.2;margin-bottom:3px}.vsn-daily-mobile-vehicle-details p{color:#666;font-size:12px;line-height:1.2;margin:0}.vsn-daily-mobile-vehicle-stats{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.vsn-daily-mobile-status-row{align-items:center;display:flex;gap:8px}.vsn-daily-mobile-expand-icon{align-items:center;background-color:#f0f4f8;border:1px solid #e0e6ed;border-radius:50%;color:#666;display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.vsn-daily-mobile-expand-icon.expanded{background-color:#4caf50;border-color:#4caf50;color:#fff;transform:rotate(180deg)}.vsn-daily-mobile-expand-icon svg{height:14px;transition:transform .3s ease;width:14px}.vsn-daily-mobile-work-days{color:#333;font-size:14px;font-weight:600}.vsn-daily-mobile-status-badge{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.vsn-daily-mobile-status-badge.active{background:#e8f5e9;color:#4caf50}.vsn-daily-mobile-status-badge.maintenance{background:#fff3e0;color:#ff9800}.vsn-daily-mobile-status-badge.inactive{background:#ffebee;color:#f44336}.vsn-daily-mobile-schedule-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-top:0;overflow:hidden;transition:all .3s ease}.vsn-daily-mobile-schedule-grid.collapsed{gap:0;margin-top:0;max-height:0;opacity:0;padding-top:0}.vsn-daily-mobile-schedule-grid.expanded{margin-top:15px;max-height:2000px;opacity:1;padding-top:5px}.vsn-daily-mobile-day-slot{align-items:center;background:#f8f9fa;border:1px solid #e0e6ed;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.vsn-daily-mobile-day-header{align-items:flex-start;display:flex;flex-direction:column;min-width:50px}.vsn-daily-mobile-day-name{color:#333;font-size:12px;font-weight:600;line-height:1.2}.vsn-daily-mobile-day-date{color:#666;font-size:10px;line-height:1.2}.vsn-daily-mobile-slot-content{border-radius:6px;cursor:pointer;flex:1 1;font-size:11px;margin-left:12px;padding:6px 10px;text-align:center;transition:all .2s ease}.vsn-daily-mobile-slot-content.work{background:#e8f5e9;color:#2e7d32;font-weight:500}.vsn-daily-mobile-slot-content.work:hover{background:#c8e6c9}.vsn-daily-mobile-slot-content.available,.vsn-daily-mobile-slot-content.off{background:#f5f5f5;color:#999}.vsn-daily-mobile-time-info{align-items:center;display:flex;flex-direction:column;gap:2px}.vsn-daily-mobile-time-range{font-size:11px;font-weight:600;line-height:1.2}.vsn-daily-mobile-driver-name{font-size:9px;line-height:1.2;opacity:.8}.vsn-daily-mobile-slot-text{font-size:10px;line-height:1.2}}@media (min-width:576px) and (max-width:767px){.vsn-daily-action-bar .wp-filter-section{flex-direction:row;gap:12px;margin-bottom:12px}.vsn-daily-action-bar .wp-filter-group{flex:1 1;min-width:120px}.vsn-daily-action-bar .wp-filter-select{font-size:12px;min-width:120px}.vsn-daily-action-bar .wp-action-buttons{flex-direction:row;flex-wrap:wrap}.vsn-daily-action-bar .weekly-planning-btn{flex:1 1;min-width:100px}}@media (min-width:768px) and (max-width:991px){.vsn-daily-action-bar .wp-filter-section{flex-direction:row;gap:15px;margin-bottom:15px}.vsn-daily-action-bar .wp-filter-group{flex:1 1;min-width:140px}.vsn-daily-action-bar .wp-filter-select{min-width:140px}.vsn-daily-mobile-vehicle-card{padding:25px}.vsn-daily-mobile-vehicle-header{padding:20px 0}.vsn-daily-mobile-vehicle-details h4{font-size:18px}.vsn-daily-mobile-vehicle-details p{font-size:14px}.vsn-daily-mobile-work-days{font-size:20px}}@media (max-width:575px){.vsn-daily-container{padding:10px 5px}.vsn-daily-header{margin:0 5px 15px;padding:15px}.vsn-daily-header h1{font-size:18px}.vsn-daily-action-bar{margin:0 5px 15px;padding:12px}.vsn-daily-action-bar .wp-filter-section{gap:10px;margin-bottom:12px}.vsn-daily-action-bar .wp-filter-group label{font-size:11px}.vsn-daily-action-bar .wp-filter-select{font-size:13px;padding:6px 10px}.vsn-daily-action-bar .wp-action-buttons{gap:6px}.vsn-daily-action-bar .weekly-planning-btn{font-size:11px;padding:6px 10px}.vsn-daily-action-bar .weekly-planning-btn svg{height:12px;width:12px}@media (max-width:480px){.vsn-daily-action-bar .wp-filter-section{flex-direction:column;gap:8px;margin-bottom:10px}.vsn-daily-action-bar .wp-filter-group{width:100%}.vsn-daily-action-bar .wp-filter-select{min-width:0;min-width:auto;width:100%}.vsn-daily-action-bar .wp-action-buttons{flex-direction:column;gap:8px}.vsn-daily-action-bar .weekly-planning-btn{justify-content:center;width:100%}}.vsn-daily-mobile-vehicle-card{margin-bottom:12px;padding:15px}.vsn-daily-mobile-vehicle-header{padding:12px 0}.vsn-daily-mobile-vehicle-avatar{font-size:11px;height:50px;width:50px}.vsn-daily-mobile-vehicle-details h4{font-size:14px}.vsn-daily-mobile-vehicle-details p{font-size:12px}.vsn-daily-mobile-work-days{font-size:16px}.vsn-daily-mobile-day-slot{padding:10px 12px}.vsn-daily-mobile-slot-content{font-size:11px;padding:6px 8px}}@media (min-width:992px){.vsn-daily-action-bar,.vsn-daily-header,.vsn-daily-mobile-schedule{display:none!important}.vsn-daily-container .wp-action-bar,.vsn-daily-container .wp-header{display:flex!important}.vsn-daily-container .wp-schedule-grid{display:block!important}}@media (max-width:991px){.vsn-daily-container .wp-action-bar,.vsn-daily-container .wp-header,.vsn-daily-container .wp-schedule-grid{display:none!important}.vsn-daily-action-bar,.vsn-daily-header{display:block!important}.vsn-daily-mobile-schedule{display:flex!important}}.vsn-daily-container .wp-schedule-grid::-webkit-scrollbar{height:8px}.vsn-daily-container .wp-schedule-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.vsn-daily-container .wp-schedule-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.vsn-daily-container .wp-schedule-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.vehicles-container{display:flex;flex-direction:column;gap:20px;padding:20px}.vehicle-tabs{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;margin-bottom:1.5rem;overflow:hidden}.vehicle-tab{color:#666;cursor:pointer;flex:1 1;font-weight:500;padding:1rem 1.5rem;position:relative;text-align:center;transition:all .2s ease}.vehicle-tab.active{background-color:#f8faf9;color:#4caf50}.vehicle-tab.active:after{bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.vehicle-tab.active:first-child:after{background-color:#2196f3}.vehicle-tab.active:nth-child(2):after{background-color:#4caf50}.vehicle-tab.active:nth-child(3):after{background-color:#f97316}.vehicle-tab.active:nth-child(4):after{background-color:#6b7280}.vehicle-tab:hover:not(.active){background-color:#f5f5f5}.vehicle-count{background-color:#f0f0f0;border-radius:12px;color:#666;display:inline-block;font-size:.75rem;margin-left:.5rem;padding:.125rem .5rem}.vehicle-tab.active .vehicle-count{background-color:#4caf5026;color:#4caf50}@media (max-width:768px){.vehicles-container{padding:15px 10px}}@media (max-width:480px){.vehicles-container{padding:10px 5px}}@media (max-width:768px){.vehicle-filters[style*="margin: 0 5px"],.vehicle-list-container[style*="margin: 0 5px"]{margin-left:0!important;margin-right:0!important}}.vehicle-filters{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px}.filter-row{align-items:center;display:flex;gap:10px}.search-wrapper{flex:1 1;position:relative}.search-vehicles-input{border:1px solid #e2e8f0;border-radius:6px;color:#1f2937;font-size:14px;height:45px;outline:none;padding:10px 15px 10px 40px;transition:border-color .2s;width:100%}.search-vehicles-input::placeholder{color:#9ca3af;opacity:1}.search-vehicles-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.filter-dropdown{-webkit-appearance:auto;appearance:auto;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;height:45px;min-width:140px;outline:none;padding:10px 15px}.filter-dropdown:focus{border-color:#4caf50}.filter-checkbox{align-items:center;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.filter-checkbox input{margin-right:.5rem}.filter-actions{display:flex;justify-content:flex-end;margin-top:12px}.reset-filters{background:none;border:none;color:#6b7280;cursor:pointer;font-size:13px;padding:5px}.reset-filters:hover{color:#1f2937;text-decoration:underline}.vehicle-list,.vehicle-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.vehicle-table{border-collapse:collapse;font-size:14px;width:100%}.vehicle-table th{background-color:#f9fafb;color:#374151;font-weight:500;text-align:left}.vehicle-table td,.vehicle-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px}.vehicle-table td{color:#1f2937}.vehicle-table tr:last-child td{border-bottom:none}.vehicle-table tr:hover{background-color:#f9fafb}.vin-column{font-family:monospace;max-width:150px;overflow:hidden;text-overflow:ellipsis}.vehicle-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.status-active{background-color:#ecfdf5;border:1px solid #d1fae5;color:#065f46}.status-maintenance{background-color:#fff7ed;border:1px solid #ffedd5;color:#9a3412}.status-inactive{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.vehicle-actions{display:flex;flex-wrap:wrap;gap:10px}.vehicle-action-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 15px;text-align:center;transition:background-color .2s}.icon-btn{align-items:center;border-radius:50%;display:flex;font-size:16px;height:38px;justify-content:center;min-width:auto;padding:0;width:38px}.activate-btn{background-color:#ecfdf5;border:1px solid #d1fae5;color:#065f46}.activate-btn:hover{background-color:#d1fae5}.maintenance-btn{background-color:#fff7ed;border:1px solid #ffedd5;color:#9a3412}.maintenance-btn:hover{background-color:#ffedd5}.deactivate-btn{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.deactivate-btn:hover{background-color:#e5e7eb}.delete-btn{background-color:#fef2f2;border:1px solid #fee2e2;color:#b91c1c}.delete-btn:hover{background-color:#fee2e2}.delete-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:modal-slide-in .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:450px;padding:24px;width:95%}.delete-modal h3{color:#1f2937;font-size:18px;margin-bottom:16px;margin-top:0}.delete-modal p{color:#4b5563;margin-bottom:16px}.warning-text{color:#b91c1c;font-weight:500}.delete-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#4b5563;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s}.cancel-btn:hover{background-color:#e5e7eb}.confirm-delete-btn{background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s}.confirm-delete-btn:hover{background-color:#dc2626}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.empty-vehicles{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-vehicles h3{color:#1f2937;margin:16px 0 8px}.empty-vehicles p{color:#6b7280;margin-bottom:24px;max-width:500px}.empty-state-btn{margin:0 auto}.add-vehicle-btn,.empty-state-btn{align-items:center;display:flex;justify-content:center}.add-vehicle-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;gap:6px;height:45px;min-width:155px;padding:12px 20px;transition:background-color .2s}.add-vehicle-btn:hover{background-color:#3d8b40}.vehicles-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.spinner{border:3px solid #0000001a;border-top-color:#4caf50;margin-bottom:16px}.vehicle-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.vehicle-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.vehicle-card h3{border-bottom:1px solid #eee;color:#333;margin-bottom:1rem;padding-bottom:.5rem}.vehicle-info-row{display:flex;margin-bottom:.75rem}.vehicle-info-label{color:#666;flex:0 0 120px;font-weight:500}.vehicle-info-value{color:#333;flex:1 1}.vehicle-info-value.comments{line-height:1.5;padding:10px;white-space:pre-wrap;width:100%}.vehicle-dashboard-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:1.5rem}.vehicle-stat-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center}.vehicle-stat-card.active{background-color:#4caf50;color:#fff}.vehicle-stat-card.maintenance{background-color:#ffc107;color:#333}.vehicle-stat-card.inactive{background-color:#757575;color:#fff}.vehicle-stat-card h2{font-size:2.5rem;margin-bottom:.5rem}.vehicle-stat-card p{font-size:.875rem;opacity:.8}.assign-btn{background-color:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.assign-btn:hover{background-color:#bae6fd}.status-container{display:flex;flex-direction:column;gap:6px}.driver-badge{background-color:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;max-width:100%;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.driver-badge.unassigned{background-color:#e0e0e0;color:#666;font-style:italic}.unassign-btn{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#9333ea}.unassign-btn:hover{background-color:#e5e7eb;color:#7e22ce}.vehicle-page-enter{opacity:0;transform:translateY(20px)}.vehicle-page-enter-active{transition:opacity .3s,transform .3s}.vehicle-page-enter-active,.vehicle-page-exit{opacity:1;transform:translateY(0)}.vehicle-page-exit-active{opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s}.vehicle-section-enter{opacity:0;transform:scale(.95)}.vehicle-section-enter-active{opacity:1;transform:scale(1);transition:opacity .25s,transform .25s}.vehicle-section-exit{opacity:1;transform:scale(1)}.vehicle-section-exit-active{opacity:0;transform:scale(.95);transition:opacity .25s,transform .25s}.vehicle-item-enter{opacity:0;transform:translateX(-20px)}.vehicle-item-enter-active{transition:opacity .3s,transform .3s}.vehicle-item-enter-active,.vehicle-item-exit{opacity:1;transform:translateX(0)}.vehicle-item-exit-active{opacity:0;transform:translateX(-20px);transition:opacity .3s,transform .3s}.vehicle-modal-enter{opacity:0;transform:translateY(-50px)}.vehicle-modal-enter-active{transition:opacity .3s,transform .3s}.vehicle-modal-enter-active,.vehicle-modal-exit{opacity:1;transform:translateY(0)}.vehicle-modal-exit-active{opacity:0;transform:translateY(-50px);transition:opacity .3s,transform .3s}.payments-container{background-color:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.payments-container .pm-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;margin-bottom:30px;padding:20px 30px}.payments-container .pm-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;width:100%}.payments-container .pm-header h1{align-items:center;color:#333;display:flex;font-size:24px;gap:10px;margin:0}.payments-container .pm-week-selector{align-items:center;background:#f8f9fa;border:1px solid #e0e6ed;border-radius:6px;display:flex;gap:15px;padding:8px 16px}.payments-container .pm-week-nav{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:16px;padding:4px 8px;transition:color .2s ease}.payments-container .pm-week-nav:hover{background:#e9ecef;color:#333}.payments-container .pm-week-nav:disabled{background:none;color:#ccc;cursor:not-allowed}.payments-container .pm-current-week{color:#333;font-size:14px;font-weight:500;min-width:180px;text-align:center}.payments-container .pm-main-container{margin:0;max-width:1600px}.payments-container .pm-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.payments-container .pm-summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.payments-container .pm-summary-card:hover{box-shadow:0 5px 20px #0000001f;transform:translateY(-2px)}.payments-container .pm-card-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:15px;width:48px}.payments-container .pm-icon-earnings{background:#e8f5e9}.payments-container .pm-icon-deductions{background:#ffebee}.payments-container .pm-icon-net{background:#e3f2fd}.payments-container .pm-icon-drivers{background:#fff3e0}.payments-container .pm-card-label{color:#666;font-size:14px;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.payments-container .pm-card-value{color:#333;font-size:28px;font-weight:700;margin-bottom:10px}.payments-container .pm-card-detail{color:#999;font-size:13px}.payments-container .pm-action-bar{align-items:center;justify-content:space-between;margin-bottom:25px}.payments-container .pm-action-bar,.payments-container .pm-filter-section{display:flex;flex-wrap:wrap;gap:15px}.payments-container .pm-filter-group{align-items:center;display:flex;gap:8px}.payments-container .pm-filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.payments-container .pm-search-box{position:relative}.payments-container .pm-search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px 8px 35px;width:250px}.payments-container .pm-search-icon{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.payments-container .pm-action-buttons{display:flex;gap:10px}.payments-container .pm-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.payments-container .pm-btn-primary{background:#4caf50;color:#fff}.payments-container .pm-btn-primary:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.payments-container .pm-btn-secondary{background:#fff;border:1px solid #ddd;color:#666}.payments-container .pm-btn-secondary:hover{background:#5a6268;border-color:#545b62;color:#fff}.payments-container .pm-btn-warning{background:#ffc107;border:1px solid #ffc107;color:#212529}.payments-container .pm-btn-warning:hover{background:#e0a800;border-color:#d39e00}.payments-container .pm-btn-outline{background:#0000;border:1px solid #6c757d;color:#6c757d}.payments-container .pm-btn-outline:hover{background:#6c757d;color:#fff}.payments-container .pm-btn-success{background:#28a745;border:1px solid #28a745;color:#fff}.payments-container .pm-btn-success:hover{background:#218838;border-color:#1e7e34}.payments-container .pm-status-hold{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.payments-container .pm-payment-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.payments-container .pm-table-header{align-items:center;border-bottom:1px solid #f0f4f8;display:flex;justify-content:space-between;padding:20px 30px}.payments-container .pm-table-title{align-items:center;color:#333;display:flex;font-size:18px;gap:8px;margin:0}.payments-container .pm-driver-count{background:#f0f8ff;border:1px solid #e1f5fe;border-radius:4px;color:#666;font-size:14px;font-weight:400;padding:4px 8px}.payments-container .pm-table-actions{display:flex;gap:10px}.payments-container .pm-payment-table{border-collapse:collapse;width:100%}.payments-container .pm-payment-table td,.payments-container .pm-payment-table th{box-sizing:border-box}.payments-container .pm-payment-table th{background:#f8f9fa;border-bottom:2px solid #e0e6ed;color:#333;font-size:14px;font-weight:600;padding:15px;text-align:left}.payments-container .pm-payment-table td{border-bottom:1px solid #f0f4f8;box-sizing:border-box;line-height:1.5;padding:20px 15px;vertical-align:middle}.payments-container .pm-payment-table tr:hover{background:#f8f9fa}.payments-container .pm-payment-table tr.driver-paid{background:#e8f5e8;border-left:4px solid #28a745;opacity:.7}.payments-container .pm-payment-table tr.driver-paid:hover{background:#e8f5e8}.payments-container .pm-payment-table tr.driver-paid .pm-checkbox{cursor:not-allowed;opacity:.5}.payments-container .pm-payment-table tr.driver-paid .pm-btn:disabled{cursor:not-allowed;opacity:.4}.payments-container .pm-payment-table tr.driver-hold{border-left:4px solid #ffc107;opacity:.7}.payments-container .pm-payment-table tr.driver-hold:hover{background:#f8f9fa}.payments-container .pm-payment-table tr.driver-hold .pm-checkbox{cursor:not-allowed;opacity:.5}.payments-container .pm-payment-table tr.driver-hold .pm-btn:disabled{cursor:not-allowed;opacity:.4}.payments-container .pm-mobile-driver-card.driver-hold{border-left:4px solid #ffc107;opacity:.7}.payments-container .pm-mobile-driver-card.driver-hold:hover{box-shadow:0 4px 12px #00000026}.payments-container .pm-mobile-driver-card.driver-hold .pm-mobile-checkbox{cursor:not-allowed;opacity:.5}.payments-container .pm-driver-info{align-items:center;display:flex;gap:12px}.payments-container .pm-driver-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.payments-container .pm-driver-details h4{color:#333;font-size:14px;font-weight:600;margin:0 0 4px}.payments-container .pm-driver-details p{color:#666;font-size:12px;margin:0}.payments-container .pm-amount{font-weight:600}.payments-container .pm-amount-positive{color:#4caf50}.payments-container .pm-amount-negative{color:#f44336}.payments-container .pm-deduction-items{display:flex;flex-direction:column;gap:4px}.payments-container .pm-deduction-item{display:flex;font-size:12px;justify-content:space-between}.payments-container .pm-checkbox-cell{text-align:center;width:40px}.payments-container .pm-checkbox{cursor:pointer}.payments-container .pm-actions-cell{text-align:center;white-space:nowrap}.payments-container .pm-btn-sm{display:inline-block;font-size:12px;margin:0 2px;padding:6px 12px;vertical-align:middle}.payments-container .pm-status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.payments-container .pm-status-pending{background:#fff3cd;color:#856404}.payments-container .pm-status-processed{background:#d1ecf1;color:#0c5460}.payments-container .pm-status-awaiting{background:#f8d7da;color:#721c24}.payments-container .pm-status-paid{background:#d4edda;color:#155724}.payments-container .pm-status-payment-processed{background:#d4edda!important;color:#155724!important}.payments-container .pm-bulk-actions{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;display:none;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.payments-container .pm-bulk-actions.active{display:flex}.payments-container .pm-bulk-info{align-items:center;color:#856404;display:flex;font-weight:500;gap:10px}.payments-container .pm-bulk-buttons{display:flex;gap:10px}.payments-container .pm-export-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:150px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.payments-container .pm-export-menu.active{opacity:1;transform:translateY(0);visibility:visible}.payments-container .pm-export-option{color:#333;display:block;font-size:14px;padding:10px 15px;text-decoration:none;transition:background .2s ease}.payments-container .pm-export-option:hover{background:#f8f9fa;color:#4caf50}.payments-container .pm-export-option:first-child{border-radius:6px 6px 0 0}.payments-container .pm-export-option:last-child{border-radius:0 0 6px 6px}.payments-container .pm-total-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #0000001f;color:#fff;margin-top:30px;padding:30px;text-align:center}.payments-container .pm-total-header{color:#fff;font-size:24px;font-weight:600;margin-bottom:30px}.payments-container .pm-total-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.payments-container .pm-total-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:15px 12px;text-align:center}.payments-container .pm-total-label{color:#fffc;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.payments-container .pm-total-value{color:#fff;font-size:24px;font-weight:700}@media (max-width:991px){.payments-container{padding:1rem}.payments-container .pm-header h1{font-size:1.5rem;text-align:center}.payments-container .pm-header-content{align-items:stretch;flex-direction:column;gap:1rem}.payments-container .pm-week-selector{justify-content:center}.payments-container .pm-week-nav{font-size:1.125rem;min-height:44px;min-width:44px}.payments-container .pm-current-week{font-size:.9rem;padding:0 1rem}.payments-container .pm-summary-grid{gap:1rem;grid-template-columns:1fr}.payments-container .pm-summary-card{padding:1.25rem}.payments-container .pm-card-value{font-size:1.5rem}.payments-container .pm-action-bar{align-items:stretch;flex-direction:column;gap:1rem}.payments-container .pm-filter-section{flex-wrap:wrap;gap:.75rem;justify-content:space-between;width:100%}.payments-container .pm-filter-group{flex:1 1;min-width:120px}.payments-container .pm-filter-select{font-size:16px;min-height:44px;padding:12px;width:100%}.payments-container .pm-search-box{margin-top:.5rem;width:100%}.payments-container .pm-search-input{font-size:16px;min-height:44px;padding:12px 12px 12px 40px;width:100%}.payments-container .pm-action-buttons{flex-wrap:wrap;gap:.5rem;justify-content:center}.payments-container .pm-btn{font-size:14px;min-height:44px;padding:12px 16px}.payments-container .pm-btn-sm{font-size:12px;min-height:40px;padding:10px 12px}.payments-container .pm-bulk-actions{flex-direction:column;gap:1rem;padding:1rem}.payments-container .pm-bulk-info{font-size:14px;text-align:center}.payments-container .pm-bulk-buttons{flex-wrap:wrap;gap:.5rem;justify-content:center}.payments-container .pm-bulk-buttons .pm-btn{flex:1 1;margin:.25rem;min-width:140px}.payments-container .pm-mobile-payments{margin-top:1rem}.payments-container .pm-mobile-header{margin-bottom:1rem}.payments-container .pm-mobile-title{color:#333;font-size:1.125rem;margin:0;text-align:center}.payments-container .pm-mobile-driver-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.payments-container .pm-mobile-driver-card:hover{box-shadow:0 4px 12px #00000026}.payments-container .pm-mobile-driver-header{cursor:pointer;padding:1rem;-webkit-user-select:none;user-select:none}.payments-container .pm-mobile-driver-info{align-items:center;display:flex;gap:12px}.payments-container .pm-mobile-checkbox{flex-shrink:0}.payments-container .pm-mobile-driver-info .pm-driver-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:50px;justify-content:center;overflow:hidden;position:relative;width:50px}.payments-container .pm-mobile-driver-info .pm-avatar-photo{border-radius:50%;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.payments-container .pm-mobile-driver-info .pm-avatar-initials{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.payments-container .pm-mobile-driver-details{flex:1 1;min-width:0}.payments-container .pm-mobile-driver-details h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 4px}.payments-container .pm-mobile-driver-details p{color:#666;font-size:.875rem;margin:0 0 8px}.payments-container .pm-mobile-status{display:inline-block}.payments-container .pm-mobile-summary{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.payments-container .pm-mobile-amount{text-align:right}.payments-container .pm-mobile-amount-label{color:#666;display:block;font-size:.75rem}.payments-container .pm-mobile-amount-value{color:#28a745;display:block;font-size:1.125rem;font-weight:600}.payments-container .pm-mobile-expand-icon{align-items:center;background-color:#f0f4f8;border-radius:50%;color:#666;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.payments-container .pm-mobile-expand-icon.expanded{background-color:#4caf50;color:#fff;transform:rotate(180deg)}.payments-container .pm-mobile-expand-icon svg{transition:transform .3s ease}.payments-container .pm-mobile-driver-details-expanded{animation:slideDown .3s ease;background:#f8f9fa;border-top:1px solid #e9ecef;padding:1rem}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.payments-container .pm-mobile-payment-breakdown{margin-bottom:1rem}.payments-container .pm-mobile-breakdown-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.5rem 0}.payments-container .pm-mobile-breakdown-item:last-child{border-bottom:none}.payments-container .pm-mobile-breakdown-total{background:#e8f5e8;border-top:2px solid #28a745;margin:.5rem -1rem -1rem;padding:.75rem}.payments-container .pm-mobile-breakdown-label{color:#666;font-size:.875rem}.payments-container .pm-mobile-breakdown-value{font-size:.875rem;font-weight:600}.payments-container .pm-mobile-breakdown-total .pm-mobile-breakdown-label,.payments-container .pm-mobile-breakdown-total .pm-mobile-breakdown-value{color:#333;font-size:1rem;font-weight:700}.payments-container .pm-mobile-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.payments-container .pm-mobile-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-height:44px;min-width:0;padding:.75rem 1rem;transition:all .2s ease}.payments-container .pm-mobile-btn-secondary{background:#6c757d;color:#fff}.payments-container .pm-mobile-btn-secondary:hover:not(:disabled){background:#5a6268}.payments-container .pm-mobile-btn-warning{background:#ffc107;color:#212529}.payments-container .pm-mobile-btn-warning:hover:not(:disabled){background:#e0a800}.payments-container .pm-mobile-btn-outline{background:#0000;border:1px solid #6c757d;color:#6c757d}.payments-container .pm-mobile-btn-outline:hover:not(:disabled){background:#6c757d;color:#fff}.payments-container .pm-mobile-btn-success{background:#28a745;color:#fff}.payments-container .pm-mobile-btn-success:hover:not(:disabled){background:#218838}.payments-container .pm-mobile-btn:disabled{cursor:not-allowed;opacity:.5}.payments-container .pm-mobile-empty-state{color:#666;font-size:1rem;line-height:1.6;padding:3rem 2rem;text-align:center}.payments-container .pm-total-section{margin:2rem -1rem 0;padding:1.5rem 1rem}.payments-container .pm-total-header{font-size:1.25rem;margin-bottom:1.5rem;text-align:center}.payments-container .pm-total-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.payments-container .pm-total-item{min-height:80px;padding:1rem}.payments-container .pm-total-label{font-size:12px}.payments-container .pm-total-value{font-size:1.25rem}}@media (max-width:480px){.payments-container{padding:.75rem}.payments-container .pm-header h1{font-size:1.25rem}.payments-container .pm-summary-card{padding:1rem}.payments-container .pm-card-icon{font-size:20px;height:40px;margin-bottom:10px;width:40px}.payments-container .pm-card-value{font-size:1.25rem}.payments-container .pm-card-detail,.payments-container .pm-card-label{font-size:12px}.payments-container .pm-filter-section{flex-direction:column;gap:.5rem}.payments-container .pm-filter-group{flex:none;min-width:none}.payments-container .pm-action-buttons{flex-direction:column}.payments-container .pm-btn{justify-content:center;width:100%}.payments-container .pm-current-week{font-size:.8rem;padding:0 .75rem}.payments-container .pm-total-grid{grid-template-columns:1fr}.payments-container .pm-total-item{min-height:90px;padding:1.25rem 1rem}.payments-container .pm-bulk-buttons .pm-btn{flex:none;margin:.125rem 0;min-width:auto;width:100%}.payments-container .pm-mobile-driver-card{margin-bottom:.75rem}.payments-container .pm-mobile-driver-header{padding:.75rem}.payments-container .pm-mobile-driver-info{gap:8px}.payments-container .pm-mobile-driver-info .pm-driver-avatar{font-size:16px;height:45px;width:45px}.payments-container .pm-mobile-actions{flex-direction:column;gap:.75rem}.payments-container .pm-mobile-btn{flex:none;width:100%}}@media (min-width:992px){.payments-container .pm-header-content{align-items:center;flex-direction:row}.payments-container .pm-week-selector{justify-content:flex-end}.payments-container .pm-summary-grid{gap:2rem;grid-template-columns:repeat(4,1fr)}.payments-container .pm-action-bar{align-items:center;flex-direction:row}.payments-container .pm-filter-section{justify-content:flex-start;width:auto}.payments-container .pm-search-input{width:250px}.payments-container .pm-bulk-actions{flex-direction:row;gap:20px;padding:20px}.payments-container .pm-bulk-buttons{flex-wrap:nowrap;justify-content:flex-start}.payments-container .pm-bulk-buttons .pm-btn{flex:none;margin:0;min-width:auto}.payments-container .pm-total-section{margin:30px 0 0;padding:30px}.payments-container .pm-total-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.payments-container .pm-btn:disabled{cursor:not-allowed!important;opacity:.65}.payments-container .pm-btn:disabled,.payments-container .pm-btn:disabled:hover{background-color:#e9ecef!important;border-color:#dee2e6!important;color:#6c757d!important}.payments-container .pm-btn:disabled:hover{transform:none!important}.payments-container .pm-checkbox:disabled,.payments-container .pm-checkbox:disabled+label{cursor:not-allowed;opacity:.5}.payments-container .pm-edit-select-full option[value="---"]{background-color:#f5f5f5;border-bottom:1px solid #ddd;border-top:1px solid #ddd;color:#999;font-style:italic;font-weight:700;text-align:center}.payments-container .pm-edit-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.payments-container .pm-edit-modal{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:95%}.payments-container .pm-edit-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.payments-container .pm-edit-modal-header h2{color:#495057;font-size:22px;font-weight:600;margin:0}.payments-container .pm-edit-modal-close{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:24px;padding:5px;transition:all .2s}.payments-container .pm-edit-modal-close:hover{background-color:#e9ecef;color:#495057}.payments-container .pm-edit-modal-content{padding:0 24px 24px}.payments-container .pm-edit-driver-detail{width:100%}.payments-container .pm-edit-driver-profile{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 0}.payments-container .pm-edit-driver-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:60px;justify-content:center;margin-right:20px;width:60px}.payments-container .pm-edit-driver-avatar.large{font-size:24px;height:80px;width:80px}.payments-container .pm-edit-profile-photo{border-radius:50%;height:100%;object-fit:cover;width:100%}.payments-container .pm-edit-driver-info-detail{margin-left:20px}.payments-container .pm-edit-driver-contact-info p{color:#6c757d;font-size:14px;margin:5px 0}.payments-container .pm-edit-driver-summary-stats{display:flex;gap:20px}.payments-container .pm-edit-stat-item{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;min-width:120px;padding:12px 16px}.payments-container .pm-edit-stat-label{color:#6c757d;font-size:12px;font-weight:500;margin-bottom:5px;text-transform:uppercase}.payments-container .pm-edit-stat-value{color:#495057;font-size:16px;font-weight:600}.payments-container .pm-edit-process-btn{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s}.payments-container .pm-edit-process-btn:hover{background-color:#218838}.payments-container .pm-edit-payment-details-section{margin-top:20px}.payments-container .pm-edit-payment-details-section h4{color:#495057;font-size:18px;font-weight:600;margin:0 0 8px}.payments-container .pm-edit-payment-form{background-color:#f8f9fa;border-radius:8px;padding:24px}.payments-container .pm-edit-form-row{display:flex;gap:20px;margin-bottom:20px}.payments-container .pm-edit-form-group{flex:1 1}.payments-container .pm-edit-form-group.full-width{flex:0 0 100%}.payments-container .pm-edit-form-group label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.payments-container .pm-edit-form-input,.payments-container .pm-edit-form-textarea{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.payments-container .pm-edit-form-input:focus,.payments-container .pm-edit-form-textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.payments-container .pm-edit-form-input.readonly{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.payments-container .pm-edit-form-input.net-payment{color:#28a745;font-weight:600}.payments-container .pm-edit-form-textarea{min-height:80px;resize:vertical}.payments-container .pm-edit-form-actions{border-top:1px solid #dee2e6;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.payments-container .pm-edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.payments-container .pm-edit-btn-secondary{background-color:#6c757d;color:#fff}.payments-container .pm-edit-btn-secondary:hover{background-color:#5a6268}.payments-container .pm-edit-btn-primary{background-color:#4caf50;color:#fff}.payments-container .pm-edit-btn-primary:hover{background-color:#45a049}.payments-container .pm-edit-form-select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.payments-container .pm-edit-form-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.payments-container .pm-edit-section{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:24px;padding:20px}.payments-container .pm-edit-section-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.payments-container .pm-edit-section-header h5{color:#495057;font-size:16px;font-weight:600;margin:0}.payments-container .pm-edit-tabs{border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;margin-bottom:8px;max-width:fit-content;overflow:hidden}.payments-container .pm-edit-tab{background-color:#f8f9fa;border:none;border-radius:0;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.payments-container .pm-edit-tab:first-child{border-radius:12px 0 0 12px}.payments-container .pm-edit-tab:last-child{border-radius:0 12px 12px 0}.payments-container .pm-edit-tab.active{background-color:#4caf50;box-shadow:0 2px 4px #4caf504d;color:#fff}.payments-container .pm-edit-tab.active.deductions{background-color:#ef4444;box-shadow:0 2px 4px #ef44444d}.payments-container .pm-edit-tab:hover:not(.active){background-color:#e9ecef}.payments-container .pm-edit-tab-content{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:8px;padding:16px}.payments-container .pm-edit-form-section{display:flex;flex-direction:column;gap:12px}.payments-container .pm-edit-form-row-horizontal{align-items:end;display:flex;gap:12px}.payments-container .pm-edit-form-row-horizontal .pm-edit-form-group-vertical{flex:1 1}.payments-container .pm-edit-form-row-horizontal .pm-edit-form-group-vertical:first-child{flex:2 1}.payments-container .pm-edit-form-row-horizontal .pm-edit-form-group-vertical:last-child{flex:0 0 50px}.payments-container .pm-edit-add-btn-compact{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:34px;justify-content:center;padding:0;transition:all .2s ease;width:50px}.payments-container .pm-edit-add-btn-compact.earnings{background-color:#4caf50;color:#fff}.payments-container .pm-edit-add-btn-compact.deductions{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.payments-container .pm-edit-add-btn-compact:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.payments-container .pm-edit-add-btn-compact.earnings:hover:not(:disabled){background-color:#45a049}.payments-container .pm-edit-add-btn-compact:disabled{cursor:not-allowed;opacity:.5;transform:none}.payments-container .pm-edit-form-header{display:flex;gap:12px;margin-bottom:12px;padding-bottom:8px}.payments-container .pm-edit-form-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.payments-container .pm-edit-form-label:first-child{flex-basis:calc(50% - 18px);flex-grow:0;flex-shrink:0}.payments-container .pm-edit-form-label:nth-child(2),.payments-container .pm-edit-form-label:nth-child(3){flex-basis:calc(20% - 9px);flex-grow:0;flex-shrink:0}.payments-container .pm-edit-form-inputs{align-items:center;display:flex;gap:12px}.payments-container .pm-edit-input-group:first-child{flex-basis:calc(50% - 18px);flex-grow:0;flex-shrink:0}.payments-container .pm-edit-input-group:nth-child(2),.payments-container .pm-edit-input-group:nth-child(3){flex-basis:calc(20% - 9px);flex-grow:0;flex-shrink:0}.payments-container .pm-edit-input-group:nth-child(4){flex-basis:calc(10% - 6px);flex-grow:0;flex-shrink:0}.payments-container .pm-edit-styled-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.payments-container .pm-edit-styled-select.earnings:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.payments-container .pm-edit-styled-select.deductions:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a;outline:none}.payments-container .pm-edit-styled-input{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.payments-container .pm-edit-styled-input[type=number]::-webkit-inner-spin-button,.payments-container .pm-edit-styled-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.payments-container .pm-edit-styled-input[type=number]{-moz-appearance:textfield}.payments-container .pm-edit-styled-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.payments-container .pm-edit-add-confirm-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:44px;min-width:44px;transition:all .2s ease;width:100%}.payments-container .pm-edit-add-confirm-btn.earnings{background:linear-gradient(135deg,#4caf50,#45a049)}.payments-container .pm-edit-add-confirm-btn.deductions{background:linear-gradient(135deg,#f44336,#d32f2f)}.payments-container .pm-edit-add-confirm-btn:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.payments-container .pm-edit-form-group-vertical{display:flex;flex-direction:column;gap:4px}.payments-container .pm-edit-form-group-vertical label{color:#333;font-size:13px;font-weight:600}.payments-container .pm-edit-input-full,.payments-container .pm-edit-select-full{border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;font-size:13px;height:34px;padding:6px 10px;transition:all .2s ease;width:100%}.payments-container .pm-edit-select-full{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.payments-container .pm-edit-input-full:focus,.payments-container .pm-edit-select-full:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.payments-container .pm-edit-input-full[type=number]::-webkit-inner-spin-button,.payments-container .pm-edit-input-full[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.payments-container .pm-edit-input-full[type=number]{-moz-appearance:textfield}.payments-container .pm-edit-add-btn-full{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 20px;transition:all .2s ease;width:100%}.payments-container .pm-edit-add-btn-full.deductions{background:linear-gradient(135deg,#f44336,#d32f2f)}.payments-container .pm-edit-add-btn-full:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.payments-container .pm-edit-add-btn-full:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.payments-container .pm-edit-items-list{margin-bottom:16px}.payments-container .pm-edit-item-headers{align-items:center;background-color:#e9ecef;border-radius:6px;color:#495057;display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:8px;padding:8px 12px}.payments-container .pm-edit-header-item{flex:2 1}.payments-container .pm-edit-header-quantity{flex:1.5 1}.payments-container .pm-edit-header-amount{flex:1 1}.payments-container .pm-edit-header-action{width:32px}.payments-container .pm-edit-item-row{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.payments-container .pm-edit-item-type{flex:2 1}.payments-container .pm-edit-item-quantity{flex:1.5 1}.payments-container .pm-edit-item-amount{flex:1 1}.payments-container .pm-edit-remove-btn{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:background-color .2s}.payments-container .pm-edit-remove-btn:hover{background-color:#ffebee}.payments-container .pm-edit-total-row{align-items:center;background-color:#e9ecef;border-radius:6px;display:flex;font-weight:600;justify-content:space-between;padding:12px 16px}.payments-container .pm-edit-total-value{color:#28a745;font-size:16px}.payments-container .pm-edit-total-value.negative{color:#dc3545}.payments-container .pm-edit-payment-summary{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:24px;padding:20px}.payments-container .pm-edit-payment-summary h5{border-bottom:1px solid #e9ecef;color:#495057;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.payments-container .pm-edit-summary-list{display:flex;flex-direction:column;gap:8px}.payments-container .pm-edit-summary-item{align-items:center;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.payments-container .pm-edit-summary-item.earnings{background-color:#e8f5e9;border-left:4px solid #4caf50}.payments-container .pm-edit-summary-item.deductions{background-color:#ffebee;border-left:4px solid #f44336}.payments-container .pm-edit-summary-left{display:flex;flex-direction:column;gap:4px}.payments-container .pm-edit-summary-title{color:#333;font-size:15px;font-weight:600}.payments-container .pm-edit-summary-calculation{color:#666;font-size:13px;font-weight:400}.payments-container .pm-edit-summary-right{align-items:center;display:flex;gap:8px}.payments-container .pm-edit-summary-amount{font-size:15px;font-weight:600}.payments-container .pm-edit-summary-amount.positive{color:#2e7d32}.payments-container .pm-edit-summary-amount.negative{color:#c62828}.payments-container .pm-edit-summary-remove-btn{background-color:#ffebee;border:none;border-radius:6px;color:#c62828;cursor:pointer;font-size:12px;font-weight:500;margin-left:12px;padding:6px 12px;transition:all .2s ease}.payments-container .pm-edit-summary-remove-btn:hover{background-color:#ffcdd2;color:#b71c1c;transform:translateY(-1px)}.payments-container .pm-edit-summary-divider{background-color:#dee2e6;height:1px;margin:12px 0}.payments-container .pm-edit-summary-net{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:8px;color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-top:12px;padding:16px 20px}.payments-container .pm-edit-summary-net-label{font-size:18px}.payments-container .pm-edit-added-items{margin-bottom:16px}.payments-container .pm-edit-added-items h5{color:#333;font-size:15px;font-weight:600;margin:0 0 12px}.payments-container .pm-edit-added-item{align-items:center;background-color:#f8f9fa;border-left:3px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.payments-container .pm-edit-item-info{flex:1 1}.payments-container .pm-edit-item-name{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.payments-container .pm-edit-item-calc{color:#666;font-size:12px}.payments-container .pm-edit-item-actions{align-items:center;display:flex;gap:12px}.payments-container .pm-edit-item-total{font-size:16px;font-weight:600}.payments-container .pm-edit-item-total.positive{color:#2e7d32}.payments-container .pm-edit-item-total.negative{color:#c62828}.payments-container .pm-edit-item-remove{background-color:#ffebee;border:none;border-radius:6px;color:#c62828;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.payments-container .pm-edit-item-remove:hover{background-color:#ffcdd2;color:#b71c1c}.payments-container .pm-edit-final-summary{background-color:#f8f9fa;border-radius:6px;margin-bottom:16px;padding:14px}.payments-container .pm-edit-summary-row{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.payments-container .pm-edit-summary-total{align-items:center;border-top:1px solid #dee2e6;color:#4caf50;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-top:8px;padding:16px 0 8px}@media (max-width:768px){.payments-container .pm-edit-modal{max-height:95vh;width:95%}.payments-container .pm-edit-driver-profile{align-items:stretch;flex-direction:column;gap:20px}.payments-container .pm-edit-driver-summary-stats{justify-content:center;margin-right:0}.payments-container .pm-edit-form-row{flex-direction:column;gap:15px}.payments-container .pm-edit-form-actions{flex-direction:column}.payments-container .pm-edit-form-row-horizontal{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.payments-container .pm-edit-form-group-vertical{width:100%}.payments-container .pm-edit-item-row{align-items:stretch;flex-direction:column}.payments-container .pm-edit-item-amount,.payments-container .pm-edit-item-quantity,.payments-container .pm-edit-item-type{flex:none}}.payment-processing-container{background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.payment-processing-header{margin-bottom:40px;padding:16px 0}.payment-processing-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:800px;padding:0 20px}.payment-processing-header h1{color:#111827;font-size:24px;font-weight:600;letter-spacing:-.025em;margin:0}.payment-week-selector{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000a;display:flex;gap:15px;padding:8px 16px}.payment-week-nav{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:4px 8px;transition:color .2s ease;width:32px}.payment-week-nav:hover:not(:disabled){background:#f3f4f6;color:#111827}.payment-week-nav:disabled{background:none;color:#d1d5db;cursor:not-allowed}.payment-current-week{color:#111827;font-size:14px;font-weight:600;min-width:200px;text-align:center}.minimal-header{margin:0 auto 40px;max-width:800px}.week-info{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:inline-block;margin-bottom:24px;margin-left:50%;padding:12px 20px;text-align:center;transform:translateX(-50%)}.week-label{color:#6b7280;font-size:14px;font-weight:500;margin-right:8px}.week-value{font-feature-settings:"tnum";color:#111827;font-size:16px;font-weight:700}.header-stats{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e5e7eb;justify-content:center;min-height:120px;padding:24px;transition:all .3s ease}.stat-card.total{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#10b981}.stat-card.employees.clickable{cursor:pointer;position:relative}.stat-card.employees.clickable:hover{border-color:#3b82f6;box-shadow:0 10px 25px #3b82f626;transform:translateY(-2px)}.stat-value{color:#111827;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.stat-card.total .stat-value{color:#059669}.stat-label{color:#6b7280;font-size:14px;font-weight:500;text-transform:lowercase}.expand-hint{color:#9ca3af;font-size:11px;margin-top:4px;opacity:0;transition:opacity .3s ease}.stat-card.employees.clickable:hover .expand-hint{opacity:1}.loading-state,.no-data-state{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:60px auto;max-width:500px;padding:40px 20px;text-align:center}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6;margin:0 auto 16px}.loading-state p,.no-data-state p{color:#6b7280;font-size:14px;margin:8px 0}.no-data-state h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.no-data-state button{margin-top:16px}.action-buttons{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:20px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:140px;padding:12px 24px;transition:all .3s ease}.action-btn.fixed-size{align-items:center!important;box-sizing:border-box!important;display:flex!important;height:48px!important;justify-content:center!important;max-width:180px!important;min-width:180px!important;width:180px!important}.action-btn.primary{background:#111827;color:#fff}.action-btn.primary:hover:not(:disabled){background:#000;transform:translateY(-1px)}.action-btn.primary:disabled{cursor:not-allowed;opacity:.7}.action-btn.secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.action-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}.action-btn.loading{animation:buttonPulse 1.5s infinite}@keyframes buttonPulse{0%,to{opacity:1}50%{opacity:.8}}.employee-list-minimal{animation:slideDown .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:0 auto 40px;max-width:600px;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.list-header{align-items:center;background:#fafafa;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px}.list-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.close-btn{border-radius:4px;color:#6b7280;font-size:18px;padding:4px;transition:all .2s ease}.close-btn:hover{color:#374151}.employee-items{max-height:400px;overflow-y:auto}.employee-item{align-items:center;border-bottom:1px solid #f9fafb;display:flex;justify-content:space-between;padding:16px 24px;transition:background .2s ease}.employee-item:hover{background:#f9fafb}.employee-item:last-child{border-bottom:none}.employee-name{color:#111827;font-size:14px;font-weight:500}.employee-amount{font-feature-settings:"tnum";color:#059669;font-size:16px;font-weight:700}.results-minimal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:0 auto;max-width:600px;overflow:hidden}.results-header{align-items:center;background:#fafafa;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px}.results-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.clear-btn{background:none;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.clear-btn:hover{background:#f3f4f6;color:#374151}.result-item-minimal{border-bottom:1px solid #f9fafb;padding:16px 24px}.result-item-minimal:last-child{border-bottom:none}.result-info{display:flex;flex-direction:column;gap:4px}.result-type{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.result-summary{color:#111827;font-size:14px;font-weight:500}@media (max-width:768px){.payment-processing-container{padding:16px}.header-stats{gap:16px;grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-btn{min-width:auto}.stat-value{font-size:28px}.list-header,.results-header{padding:16px 20px}.employee-item,.result-item-minimal{padding:12px 20px}}.employee-items::-webkit-scrollbar{width:6px}.employee-items::-webkit-scrollbar-track{background:#f9fafb}.employee-items::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.employee-items::-webkit-scrollbar-thumb:hover{background:#9ca3af}.payment-processing-container.processing-active{position:relative}.payment-processing-container.processing-active:before{background:#0000000d;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}.security-notice{align-items:center;animation:slideInRight .3s ease;background:#fef3cd;border:1px solid #facc15;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1000}.security-notice:before{content:"🔒";font-size:16px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.action-btn.loading{pointer-events:none;position:relative}.action-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.individual-payment-mode{margin:40px auto;max-width:600px;padding:0 20px}.individual-payment-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:32px}.payment-card-header{border-bottom:1px solid #f3f4f6;margin-bottom:32px;padding-bottom:24px;text-align:center}.payment-card-header h3{color:#111827;font-size:24px;font-weight:700;margin:0 0 8px}.payment-status{background:#fef3c7;border-radius:20px;color:#92400e;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.driver-payment-details{margin-bottom:32px}.driver-info-section{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:24px;padding:20px}.driver-info-section h4{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px}.driver-info-section p{color:#6b7280;font-size:14px;margin:4px 0}.payment-breakdown{display:flex;flex-direction:column;gap:12px}.breakdown-item{align-items:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;display:flex;justify-content:space-between;padding:16px 20px}.breakdown-item.platform-fee{background:#fef2f2;border-color:#fecaca}.breakdown-item.total{background:#ecfdf5;border-color:#bbf7d0;font-weight:600}.breakdown-item .label{color:#6b7280;font-size:14px;font-weight:500}.breakdown-item.total .label{color:#065f46;font-weight:600}.breakdown-item .value{color:#111827;font-size:16px;font-weight:600}.breakdown-item.platform-fee .value{color:#dc2626}.breakdown-item.total .value{color:#059669;font-size:18px}.individual-payment-actions{display:flex;flex-direction:column;gap:12px}.action-btn.large{font-size:16px;font-weight:600;padding:16px 24px}@media (max-width:768px){.individual-payment-mode{margin:20px auto;padding:0 16px}.individual-payment-card{padding:24px 20px}.payment-card-header h3{font-size:20px}.breakdown-item{padding:12px 16px}.individual-payment-actions{margin-top:24px}}.modal-overlay{animation:fadeIn .2s ease}.driver-selection-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-header .close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-header .close-btn:hover{background:#e5e7eb;color:#111827}.drivers-list{max-height:400px;overflow-y:auto;padding:8px}.driver-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:4px 0;padding:16px 20px;transition:all .2s ease}.driver-item:hover{background:#f3f4f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.driver-info{flex:1 1}.driver-name{color:#111827;font-size:16px;margin-bottom:4px}.driver-details{color:#6b7280;font-size:13px}.driver-amount{margin-left:16px;text-align:right}.amount-label{color:#6b7280;font-size:12px;margin-bottom:2px}.amount-value{color:#059669;font-size:16px;font-weight:700}.no-drivers{color:#6b7280;padding:40px 20px;text-align:center}.no-drivers p{font-size:14px;margin:0}@media (max-width:768px){.driver-selection-modal{max-height:85vh;width:95%}.modal-header{padding:16px 20px}.modal-header h3{font-size:16px}.driver-item{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 16px}.driver-amount{align-self:flex-end;margin-left:0}}.rate-card-container{background-color:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.rate-card-header{background:linear-gradient(135deg,#65c07a,#4caf50);border-radius:12px;box-shadow:0 4px 20px #4caf5033;color:#fff;margin-bottom:3rem;padding:2rem 0;text-align:center}.rate-card-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.rate-card-header p{color:#fff;font-size:1.1rem;margin:0;opacity:.95}.rate-card-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.rate-section{border-bottom:1px solid #e9ecef;padding:2.5rem}.rate-section:last-child{border-bottom:none}.rate-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.8rem;font-weight:600;gap:.75rem;margin:0 0 2rem}.rate-section h2:before{background:linear-gradient(135deg,#65c07a,#4caf50);border-radius:2px;content:"";height:1.8rem;width:4px}.rate-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.rate-field{display:flex;flex-direction:column;gap:.75rem}.rate-field label{color:#34495e;font-size:1rem;font-weight:600;gap:.5rem}.input-group,.rate-field label{align-items:center;display:flex}.input-group{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;overflow:hidden;position:relative;transition:all .3s ease}.input-group:focus-within{background:#fff;border-color:#65c07a;box-shadow:0 0 0 3px #65c07a1a}.currency{background:#e9ecef;border-right:1px solid #dee2e6;color:#6c757d;font-size:1.1rem;font-weight:600;padding:.75rem 1rem}.input-group input{background:#0000;border:none;color:#2c3e50;flex:1 1;font-size:1rem;font-weight:500;outline:none;padding:.75rem 1rem}.input-group input::placeholder{color:#adb5bd}.input-group input[type=number]{-webkit-appearance:none;appearance:none}.input-group input[type=number]::-webkit-inner-spin-button,.input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;display:none;margin:0}.input-group input[type=number]:focus{-webkit-appearance:none;appearance:none;outline:none}.rate-suffix{background:#e3f2fd;border-left:1px solid #bbdefb;color:#1976d2;font-size:.9rem;font-weight:600;padding:.75rem 1rem}.payment-type-selector{margin-bottom:2rem}.payment-type-selector>label{color:#34495e;display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.radio-group{display:flex;flex-wrap:wrap;gap:1.5rem}.radio-option{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;justify-content:center;min-width:140px;padding:1rem 1.5rem;transition:all .3s ease}.radio-option:hover{background:#e3f2fd;border-color:#bbdefb}.radio-option input[type=radio]{accent-color:#65c07a;height:18px;margin:0;width:18px}.radio-option input[type=radio]:checked+span{color:#65c07a;font-weight:600}.radio-option:has(input[type=radio]:checked){background:#e8f5e8;border-color:#65c07a;box-shadow:0 2px 8px #65c07a26}.radio-option span{color:#495057;font-size:1rem;font-weight:500}.delivery-rates{max-width:400px}.rate-actions{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #dee2e6;display:flex;justify-content:center;padding:2.5rem;position:relative}.rate-actions:before{background:linear-gradient(135deg,#65c07a,#4caf50);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.rate-save-btn{align-items:center;background:linear-gradient(135deg,#65c07a,#4caf50 50%,#45a049);border:none;border-radius:12px;box-shadow:0 8px 25px #65c07a4d,0 3px 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:.5px;min-width:220px;overflow:hidden;padding:1.25rem 3rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.rate-save-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.rate-save-btn:hover:not(:disabled):before{left:100%}.rate-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#4caf50,#45a049 50%,#3d8b40);box-shadow:0 12px 35px #65c07a66,0 6px 20px #00000026;transform:translateY(-3px) scale(1.02)}.rate-save-btn:active:not(:disabled){transform:translateY(-1px) scale(1.01);transition:all .1s ease}.rate-save-btn:disabled{background:linear-gradient(135deg,#adb5bd,#95a5a6);box-shadow:0 4px 15px #adb5bd4d;cursor:not-allowed;opacity:.8;transform:none}.rate-save-btn:disabled:before{display:none}.btn-icon{font-size:1.2rem;transition:all .3s ease}.rate-save-btn:hover:not(:disabled) .btn-icon:not(.spinning){transform:rotate(5deg) scale(1.1)}.rate-save-btn.success{animation:successPulse .6s ease-in-out;background:linear-gradient(135deg,#28a745,#20c997)!important}.loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;color:#6c757d;display:flex;font-size:1.2rem;justify-content:center;min-height:400px}@media (max-width:768px){.rate-card-container{padding:1rem}.rate-card-header{margin-bottom:2rem;padding:1.5rem 1rem}.rate-card-header h1{font-size:2rem}.rate-section{padding:1.5rem}.rate-grid{gap:1.5rem;grid-template-columns:1fr}.radio-group{flex-direction:column;gap:1rem}.radio-option{min-width:auto;width:100%}.rate-actions{padding:2rem 1.5rem}.rate-save-btn{font-size:1rem;min-width:auto;padding:1rem 2rem;width:100%}}@media (max-width:480px){.rate-card-header h1{font-size:1.75rem}.rate-card-header p{font-size:1rem}.rate-section h2{font-size:1.5rem}.input-group{flex-direction:column}.currency{border-bottom:1px solid #dee2e6;border-right:none}.currency,.rate-suffix{text-align:center;width:100%}.rate-suffix{border-left:none;border-top:1px solid #bbdefb}}.rate-actions .btn-primary:active{transform:translateY(0)}.radio-option input:focus,.rate-field input:focus{outline:2px solid #65c07a;outline-offset:2px}.rate-card-form.saving{opacity:.7;pointer-events:none}.rate-card-form.success{animation:successPulse .6s ease-in-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.settings-container{margin:0 auto;max-width:1200px;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.settings-header p{color:var(--text-secondary)}.settings-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto}.tab-button{font-size:1rem;padding:.75rem 1.5rem;white-space:nowrap}.tab-button.active{font-weight:500}.tab-button.active:after{background-color:var(--primary-color);width:100%}.settings-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.settings-section{border-bottom:1px solid var(--border-color);padding:2rem}.settings-section:last-child{border-bottom:none}.settings-section h2{color:var(--text-primary);font-size:1.25rem;margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);display:block;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid var(--border-color);font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.save-button{background-color:var(--primary-color);font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.save-button:hover{background-color:var(--primary-dark)}.notification-options{grid-gap:1.5rem;display:grid;gap:1.5rem}.notification-option{display:flex;flex-direction:column;gap:.5rem}.toggle-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.75rem}.toggle-label input[type=checkbox]{display:none}.toggle-slider{background-color:#e0e0e0;border-radius:12px;height:24px;position:relative;transition:background-color .2s;width:48px}.toggle-slider:before{background-color:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.toggle-label input[type=checkbox]:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-label input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(24px)}.notification-option p{color:var(--text-secondary);font-size:.875rem;margin:0}.data-management-options{display:flex;gap:1rem}.danger-button{background-color:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.danger-button:hover{background-color:var(--danger-dark)}@media (max-width:768px){.settings-container{padding:1rem}.settings-section{padding:1.5rem}.settings-header h1{font-size:1.5rem}.tab-button{padding:.75rem 1rem}.data-management-options{flex-direction:column}.danger-button{width:100%}}@media (max-width:480px){.settings-container{padding:.5rem}.settings-section{padding:1rem}.settings-header h1{font-size:1.25rem}.form-group input,.form-group select{font-size:16px}}.reporting-container{padding:24px}.reporting-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px;width:100%}.reporting-title{flex:1 1}.reporting-title h1{color:#1a202c;font-size:2rem;font-weight:600;margin:0 0 8px}.reporting-title p{color:#64748b;font-size:1rem;margin:0}.reporting-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:32px;margin-bottom:32px}.reporting-tab{align-items:center;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 0}.reporting-tab.active{border-bottom-color:#4caf50;color:#4caf50}.reporting-tab i{font-size:1.25rem}.report-grid,.stat-card,.stat-card-body,.stat-card-header,.stat-row{all:unset}.reporting-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;width:100%}.report-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:24px;height:100%;padding:24px}.report-card-header{align-items:center;display:flex;gap:12px}.report-card-header i{align-items:center;color:#4caf50;display:flex;font-size:24px;height:24px;justify-content:center;width:24px}.report-card-header h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.report-card-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.report-stat{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-bottom:16px}.report-stat:last-child{border-bottom:none;padding-bottom:0}.report-stat-label{color:#64748b;font-size:.875rem}.report-stat-value{font-size:1rem;font-weight:600}.report-stat-value.success{color:#4caf50}.report-stat-value.warning{color:#f59e0b}.report-stat-value.danger{color:#ef4444}.export-button{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:auto;padding:12px;transition:all .2s;width:100%}.export-button:hover{background-color:#f1f5f9}.export-button i{font-size:1.25rem}@media (max-width:1200px){.reporting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.reporting-grid{grid-template-columns:minmax(0,1fr)}.reporting-header{flex-direction:column;gap:16px}.filter-button{justify-content:center;width:100%}}.filter-toggle{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:background-color .2s}.filter-toggle:hover{opacity:.9}.filters-panel{grid-gap:1.5rem;align-items:end;background:var(--background-light);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--text-secondary);font-size:.9rem}.filter-group input{background:var(--background-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:.75rem}.apply-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.apply-button:hover{background:var(--primary-color-dark)}.report-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1px}.tab-button{background:none;color:var(--text-secondary);padding:.75rem 1.25rem;position:relative;transition:all .2s ease}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--primary-color)}.tab-button.active:after{background:var(--primary-color);border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.report-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.stat-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;padding:1.5rem}.stat-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.stat-icon{color:var(--primary-color);font-size:1.5rem}.stat-card h3{color:var(--text-primary);font-size:1.25rem;margin:0}.stat-card-body{display:flex;flex:1 1;flex-direction:column;gap:1rem}.stat-row{align-items:center;display:flex;justify-content:space-between}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.stat-value.highlight{color:var(--primary-color)}.stat-value.success{color:var(--success-color)}.stat-value.warning{color:var(--warning-color)}.stat-value.danger{color:var(--danger-color)}.download-button{align-items:center;background:var(--background-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:.75rem;transition:all .2s ease;width:100%}.download-button:hover{background:var(--background-active)}.loading-container{padding:3rem}.loading-spinner{border:3px solid var(--background-hover);border-top:3px solid #22c55e}.compliance-table-container,.performance-table-container{background:var(--background-light);border:1px solid var(--border-color);border-radius:12px;margin-top:2rem;padding:1.5rem}.compliance-table-container h3,.performance-table-container h3{color:var(--text-primary);margin:0 0 1rem}.compliance-table,.performance-table{border-collapse:collapse;margin-top:1rem;width:100%}.compliance-table th,.performance-table th{border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-weight:500;padding:1rem;text-align:left}.compliance-table td,.performance-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1rem}.compliance-table tr:last-child td,.performance-table tr:last-child td{border-bottom:none}.status-badge{align-items:center;border-radius:6px;display:inline-grid;font-size:.875rem;font-weight:500;gap:8px;grid-template-columns:20px 1fr;padding:8px 16px}.status-badge i{align-items:center;display:flex;font-size:16px;height:20px;justify-content:center;width:20px}.status-badge span{text-align:left}.status-badge.success{background-color:#dcfce7;color:#16a34a}.status-badge.warning{background-color:#fff7ed;color:#f59e0b}.status-badge.danger{background-color:#fef2f2;color:#ef4444}.filter-button{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.filter-button:hover{background-color:#f1f5f9}.filter-button i{font-size:1.25rem}.csv-upload-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-top:1rem;padding:2rem}.upload-section{max-width:100%}.upload-header{margin-bottom:2rem;text-align:center}.upload-header .upload-icon{color:#28a745;font-size:3rem;margin-bottom:1rem}.upload-header h3{color:#333;font-size:1.5rem;margin-bottom:.5rem}.upload-header p{color:#666;font-size:.95rem}.upload-area{background:#f8f9fa;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;padding:3rem;position:relative;text-align:center;transition:all .3s ease}.upload-area:hover{background:#f0f8f0;border-color:#28a745}.upload-area.drag-over{background:#e8f5e8;border-color:#28a745;transform:scale(1.02)}.upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-file-icon{color:#28a745;font-size:3rem;margin-bottom:.5rem}.upload-content h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.upload-content p{color:#6c757d;font-size:1rem;margin:0}.drag-over-message{align-items:center;color:#28a745;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;gap:1rem}.drag-icon{color:#28a745;font-size:3rem}.file-input{left:-9999px;opacity:0;position:absolute}.upload-button{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.upload-button:hover{background:#218838}.upload-button:disabled{cursor:not-allowed;opacity:.6}.upload-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-top:1rem;padding:1rem;text-align:center}.loading-container{flex-direction:column;gap:1rem;margin-top:1rem}.csv-upload-container{margin-bottom:2rem}.csv-data-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:2rem;padding:1.5rem}.csv-info{background:#fff;border-left:4px solid #28a745;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.csv-info h3{color:#333;font-size:1.2rem;margin:0 0 .5rem}.csv-info p{color:#666;font-size:.9rem;margin:.25rem 0}.csv-headers{margin-bottom:1.5rem}.csv-headers h4{color:#333;font-size:1.1rem;margin:0 0 1rem}.headers-list{display:flex;flex-wrap:wrap;gap:.5rem}.header-tag{background:#007bff;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.4rem .8rem}.csv-table-container{overflow:hidden}.csv-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-size:.75rem;font-weight:600;height:35px;letter-spacing:.5px;padding:5px 6px;text-align:left;text-transform:uppercase}.csv-table td{border-bottom:1px solid #eee;font-size:.8rem;height:75px;padding:3px 6px;vertical-align:middle}.csv-table tr:hover{background:#f8f9fa}.csv-table tr:nth-child(2n){background:#fdfdfd}.csv-table tr:nth-child(2n):hover{background:#f1f3f4}.table-note{background:#f8f9fa;color:#666;font-size:.9rem;font-style:italic;margin:0;padding:1rem}.loading-container,.table-note{text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#28a745;height:40px;margin:0 auto 1rem;width:40px}.tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:8px 8px 0 0;display:flex;margin-bottom:2rem;overflow:hidden}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s}.tab-button:hover{background:#e9ecef;color:#333}.tab-button.active{background:#fff;border-bottom-color:#28a745;color:#28a745;font-weight:600}.tab-content{min-height:400px}.metrics-config-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem}.company-metrics-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:2rem 0;padding:2rem;transition:all .3s}.company-metrics-form:hover{border-color:#28a745;box-shadow:0 4px 12px #0000001a}.company-info-header{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;letter-spacing:.5px;margin-bottom:2rem;text-transform:uppercase}.company-icon{color:#28a745;flex-shrink:0;font-size:1.2rem}.metric-inputs{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-input-group{display:flex;flex-direction:column;gap:.75rem}.metric-input-group label{color:#333;font-size:1rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.metric-input-group input{background:#fff;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-weight:500;padding:1rem;transition:all .3s}.metric-input-group input:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a;outline:none;transform:translateY(-1px)}.metric-help{color:#6c757d;font-size:.85rem;font-style:italic;margin-top:.25rem}.save-metrics-button-container{margin-top:3rem;text-align:center}.save-metrics-button-container button{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.75rem;letter-spacing:.5px;padding:1.25rem 3rem;text-transform:uppercase;transition:all .3s}.save-metrics-button-container button:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e6b);box-shadow:0 8px 20px #28a74566;transform:translateY(-3px)}.save-metrics-button-container button:disabled{cursor:not-allowed;opacity:.6;transform:none}.expected-column{background:#fff3cd!important;border-left:2px solid #ffeeba;font-weight:600}.expected-cell,.expected-column{color:#856404!important;text-align:center}.expected-cell{background:#fffbf0!important;border-left:1px solid #ffeeba;font-weight:500}.comparison-good{background:#d4edda!important;color:#155724!important}.comparison-bad{background:#f8d7da!important;color:#721c24!important}.comparison-icon{margin-left:.5rem}.weekly-data-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem}.loading-status,.saving-status{align-items:center;background:#e3f2fd;border-radius:8px;color:#1976d2;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin:1rem 0;padding:1rem}.weekly-history-list{margin-top:2rem}.weekly-history-list h4{border-bottom:2px solid #e9ecef;color:#333;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.weekly-history-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s}.weekly-history-item:hover{border-color:#28a745;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.history-item-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.history-week-id{color:#28a745;font-size:1.1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.history-upload-date{color:#6c757d;font-size:.85rem;font-style:italic}.history-item-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.history-item-actions{display:flex;gap:.75rem;justify-content:flex-end}.view-data-button{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s}.view-data-button:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.weekly-note{background:#f8f9fa;border-radius:8px;color:#6c757d;font-style:italic;margin-top:1rem;padding:2rem;text-align:center}.match-summary{background:#d4edda;border-left:4px solid #28a745;border-radius:6px;color:#28a745!important;font-size:.95rem!important;font-weight:600!important;margin-top:.5rem;padding:.5rem 1rem}.driver-column{background:#f8f9ff!important;color:#4c63d4!important;font-weight:600;left:0;min-width:180px;position:sticky;z-index:2}.driver-cell{background:#f8f9fa;border-right:1px solid #dee2e6;height:75px;min-width:120px;padding:4px;vertical-align:middle}.driver-info{align-items:center;display:flex;gap:.5rem}.driver-icon{color:#28a745;flex-shrink:0;font-size:1rem}.driver-details{display:flex;flex-direction:column;min-width:0}.driver-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.driver-status{color:#666;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.driver-not-found{align-items:center;color:#dc3545;display:flex;font-size:.8rem;gap:.5rem}.driver-not-found .driver-icon{color:#dc3545}.csv-info p:last-child{color:#28a745;font-weight:600;margin-top:.5rem}.csv-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:600px;overflow:auto}.csv-table{border-collapse:collapse;font-size:.9rem;position:relative;width:100%}.csv-table tr:hover .driver-cell{background:#f8f9ff!important}.csv-table tr:nth-child(2n) .driver-cell{background:#fdfdfd!important}.csv-table tr:nth-child(2n):hover .driver-cell{background:#f8f9ff!important}.csv-table tr:hover .expected-cell{background:#fff8e1!important}.csv-table tr:nth-child(2n) .expected-cell{background:#fffbf0!important}.csv-table tr:nth-child(2n):hover .expected-cell{background:#fff8e1!important}.percentage-column{background:#e8f5e8!important;color:#2d5a2d!important;position:relative}.percentage-indicator{color:#28a745;font-size:.7rem;opacity:.8}.percentage-cell{background:#f8fff8!important;color:#2d5a2d!important}.percentage-cell:hover{background:#e8f5e8!important}.csv-table tr:nth-child(2n) .percentage-cell{background:#f0f8f0!important}.csv-table tr:nth-child(2n):hover .percentage-cell{background:#e8f5e8!important}.percentage-cell{font-weight:600;text-align:center}.percentage-indicator{color:#6c757d;font-size:.8rem;font-weight:400}.metric-display{align-items:center;display:flex;gap:4px}.actual-value{font-size:.8rem;font-weight:600}.expected-value{color:#6c757d;font-size:.9rem;font-weight:400}.comparison-icon{font-size:.8rem;margin-left:.25rem}.comparison-icon.good{color:#28a745}.comparison-icon.bad{color:#dc3545}@media (max-width:768px){.csv-upload-container,.metrics-config-container,.weekly-data-container{padding:1rem}.tabs{flex-direction:column}.tab-button{padding:.75rem 1rem}.company-metrics-form{margin:1rem 0;padding:1.5rem}.metric-inputs{gap:1.5rem;grid-template-columns:1fr}.company-info-header{font-size:1rem;margin-bottom:1.5rem}.save-metrics-button-container{margin-top:2rem}.save-metrics-button-container button{font-size:1rem;padding:1rem 2rem}.weekly-history-item{margin-bottom:1rem;padding:1rem}.history-item-header{align-items:flex-start;flex-direction:column;gap:.5rem}.history-item-summary{gap:.75rem;grid-template-columns:1fr}.history-item-actions{justify-content:center}.view-data-button{font-size:.85rem;padding:.75rem 1.25rem}.csv-table-container{overflow-x:auto}.csv-table{min-width:1000px}.driver-cell,.driver-column{min-width:150px}.headers-list{justify-content:center}.upload-button{font-size:.9rem;padding:.8rem 1.5rem}.loading-status,.saving-status{flex-direction:column;text-align:center}.match-summary{font-size:.85rem!important;padding:.75rem}.company-metrics-table-wrapper{overflow-x:auto}.company-metric-input{max-width:80px}}.company-metrics-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:2rem 0;padding:2rem}.company-metrics-section h3{align-items:center;color:#2c3e50;display:flex;gap:.5rem;margin-bottom:1rem}.company-metrics-section p{color:#6c757d;margin-bottom:1.5rem}.company-metrics-table,.company-metrics-table-wrapper{border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.company-metrics-table{background:#fff;border-collapse:collapse;width:100%}.company-metrics-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:.85rem;font-weight:600;min-width:80px;padding:12px 8px;text-align:left}.company-metrics-table td{border-bottom:1px solid #dee2e6;min-width:80px;padding:12px 8px}.company-metrics-table tr:hover{background:#f8f9fa}.company-metrics-table td:first-child,.company-metrics-table th:first-child{background:#f1f3f4;font-weight:600;min-width:100px;text-align:center}.company-metrics-table td:first-child{color:#495057;font-size:.9rem}.company-metric-input{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;max-width:120px;padding:.5rem;text-align:center;width:100%}.company-metric-input::-webkit-inner-spin-button,.company-metric-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.company-metric-input[type=number]{-moz-appearance:textfield}.company-metric-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.company-metric-input::placeholder{color:#adb5bd;font-style:italic}.csv-results-section,.weekly-history{margin-top:2rem}.history-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.history-info h4{color:#2c3e50;margin:0 0 .5rem}.history-info p{color:#6c757d;font-size:.9rem;margin:0}.history-actions .btn{margin-left:.5rem}.no-history-message{color:#6c757d;padding:2rem;text-align:center}.no-history-message .info-icon{color:#17a2b8;font-size:3rem;margin-bottom:1rem}.drivers-config-section{background:#f8f9ff;border:1px solid #e3e8f0;border-radius:12px;margin-top:2rem;padding:1.5rem}.config-header{margin-bottom:1.5rem}.config-header h3{color:#2c3e50;margin-bottom:.5rem}.config-header p{color:#6c757d;margin-bottom:1rem}.drivers-list{margin-top:1.5rem}.drivers-list h4{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem}.driver-config-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.driver-config-item .driver-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.driver-config-item .driver-icon{color:#6c757d;font-size:1.2rem}.driver-config-item .driver-details{display:flex;flex-direction:column}.driver-config-item .driver-name{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.driver-config-item .driver-email{color:#6c757d;font-size:.9rem}.external-id-input{align-items:center;display:flex;flex:1 1;gap:.5rem;max-width:300px}.external-id-input input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:.9rem;padding:.5rem}.external-id-input input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.btn.btn-sm{border-radius:.25rem;font-size:.875rem;padding:.375rem .75rem}.no-drivers-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;padding:2rem;text-align:center}.no-drivers-message .success-icon{color:#28a745;font-size:2rem;margin-bottom:1rem}.no-drivers-message p{font-weight:500;margin:0}.wp-driver-info{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:center;min-width:120px;padding:6px;text-align:center}.wp-driver-avatar{flex-shrink:0}.wp-avatar-image,.wp-avatar-initials{border-radius:50%;height:40px;object-fit:cover;width:40px}.wp-avatar-initials{align-items:center;color:#fff;display:flex;font-size:.8rem;font-weight:600;justify-content:center}.wp-driver-details{flex:1 1;min-width:0;text-align:center}.driver-name{color:#333;font-size:.75rem;font-weight:600;line-height:1.1;margin-bottom:0}.driver-info-line{color:#666;font-size:.65rem;line-height:1.1;margin-top:1px;white-space:normal;word-break:break-word}@media (max-width:768px){.upload-area{padding:2rem 1rem}.upload-file-icon{font-size:2rem}.upload-content h4{font-size:1rem}.drag-icon{font-size:2rem}.drag-over-message{font-size:1rem}.company-metrics-section{margin:1rem 0;padding:1.5rem}.company-metrics-table-wrapper{overflow-x:auto}.company-metrics-table{min-width:900px}.company-metrics-table td,.company-metrics-table th{font-size:.8rem;min-width:70px;padding:8px 4px}.company-metric-input{font-size:.85rem;padding:6px 8px}}.actual-value.metric-fantastic,.metric-fantastic .actual-value{color:#007bff!important;font-weight:600}.actual-value.metric-great,.metric-great .actual-value{color:#6c757d!important;font-weight:500}.actual-value.metric-below-great,.metric-below-great .actual-value{color:#dc3545!important;font-weight:600}.actual-value.metric-default,.metric-default .actual-value{color:#495057}.csv-table .driver-name,.driver-cell .driver-name,.wp-driver-info .driver-name{margin-bottom:0!important;padding:0!important}.csv-table .driver-info-line,.driver-cell .driver-info-line,.wp-driver-info .driver-info-line{margin-bottom:0!important;margin-top:1px!important;padding:0!important}.week-selector-container{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin:25px 0;padding:20px}.week-selector-label{color:#495057;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.week-selector-dropdown{background:#fff;border:2px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;font-size:15px;max-width:500px;padding:12px 16px;transition:all .2s ease;width:100%}.week-selector-dropdown:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a74533;outline:none}.week-selector-dropdown:hover{border-color:#28a745}.week-data-table-section{margin:30px 0}.week-header-info{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:20px}.week-header-info h4{color:#495057;font-size:18px;margin:0 0 15px}.week-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.week-badge{background:#28a745;border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 12px}.upload-date{background:#f8f9fa;color:#6c757d}.driver-count,.upload-date{border-radius:4px;font-size:14px;padding:4px 8px}.driver-count{background:#e9ecef;color:#495057;font-weight:500}.weekly-data-viewer{max-width:100%}.no-week-selected{background:#f8f9fa;border-radius:8px;color:#6c757d;margin:30px 0;padding:60px 20px;text-align:center}.no-week-selected p{font-size:16px;font-style:italic;margin:0}.driver-header{min-width:180px;text-align:center}.empty-state{color:#6c757d;padding:40px 20px}.empty-state p{font-style:italic;margin-top:15px}.loading-container{color:#6c757d;gap:10px;padding:20px}@media (max-width:768px){.week-metadata{align-items:flex-start;flex-direction:column;gap:8px}.week-selector-dropdown{font-size:14px;padding:10px 12px}.week-header-info{padding:15px}.week-header-info h4{font-size:16px}}.save-weekly-container{margin:20px 0;text-align:right}@media (max-width:768px){.save-weekly-container{text-align:center}}.save-weekly-data-btn{align-items:center!important;border-radius:4px!important;display:inline-flex!important;font-size:14px!important;font-weight:500!important;gap:6px!important;height:auto!important;letter-spacing:normal!important;line-height:1.5!important;min-width:auto!important;padding:8px 16px!important;text-transform:none!important;width:auto!important}.save-weekly-data-btn:hover{transform:none!important}.save-weekly-data-btn:disabled{cursor:not-allowed!important;opacity:.65!important}.company-metrics-table td:first-child strong{font-weight:600}.company-metrics-table tr:first-child td:first-child strong{color:#007bff!important}.company-metrics-table tr:nth-child(2) td:first-child strong{color:#6c757d!important}.profile-container{background-color:#fff;margin:0 auto;max-width:1200px;padding:20px}.profile-header{margin-bottom:30px;position:relative}.cover-photo{align-items:center;background-color:#f8f9fa;background-position:50%;background-size:cover;border:2px dashed #ddd;border-radius:0;color:#666;display:flex;flex-direction:column;height:350px;justify-content:center;position:relative;width:100%}.cover-photo.has-image{border:none}.cover-photo-placeholder{text-align:center}.cover-photo-placeholder i{color:#999;font-size:48px;margin-bottom:16px}.cover-photo-placeholder p{color:#666;font-size:16px}.change-cover-container{position:absolute;right:20px;top:20px}.change-cover-btn{background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s}.change-cover-btn:hover{background-color:var(--primary-dark);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.profile-photo-section{bottom:30px;left:40px;position:absolute;z-index:2}.profile-photo-container{align-items:center;background-color:#f0f0f0;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;height:150px;justify-content:center;position:relative;width:150px}.profile-photo-placeholder{color:#999;font-size:64px}.profile-photo{background-color:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:150px;object-fit:cover;width:150px}.change-photo-btn{align-items:center;background-color:var(--primary-color);border:2px solid #fff;border-radius:50%;bottom:5px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:5px;transition:all .3s;width:36px;z-index:3}.change-photo-btn:hover{background-color:var(--primary-dark);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.camera-icon{font-size:18px}.profile-navigation{border-bottom:1px solid #eee;display:flex;gap:32px;justify-content:center;margin:0 auto 40px;max-width:800px;padding:0}.nav-item{background:none;border:none;color:#666;cursor:pointer;font-weight:500;min-width:140px;padding:16px 0;position:relative;text-align:center;transition:color .3s}.nav-item.active{color:var(--primary-color)}.nav-item.active:after{background-color:var(--primary-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.profile-content{padding:40px 0}.profile-form{margin:0 auto;max-width:800px;padding:0;position:relative}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.form-group{display:flex;flex-direction:column;width:100%}.form-group label{color:#666;font-size:14px;font-weight:500;margin-bottom:10px}.form-group input,.form-group select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:15px;height:45px;padding:12px 16px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);outline:none}.form-group input:disabled,.form-group select:disabled{background-color:#f8f9fa;color:#666;cursor:not-allowed}.form-actions{border-top:1px solid #eee;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:40px;width:100%}.edit-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:auto;min-width:140px;padding:12px 40px;transition:all .3s}.edit-button:hover{background-color:var(--primary-dark);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.save-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-right:12px;min-width:140px;padding:12px 40px;transition:all .3s}.save-button:hover{background-color:#218838;box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.cancel-button{background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#495057;cursor:pointer;font-size:14px;font-weight:500;min-width:140px;padding:12px 40px;transition:all .3s}.cancel-button:hover{background-color:#dee2e6;border-color:#adb5bd;box-shadow:0 4px 6px #00000026;color:#343a40;transform:translateY(-1px)}.coming-soon{color:#6c757d;padding:40px;text-align:center}.coming-soon h3{color:var(--primary-color);margin-bottom:16px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.profile-navigation{overflow-x:auto;padding-bottom:10px}}.loading-overlay{align-items:center;background:#fffc;bottom:0;color:var(--primary-color);display:flex;font-weight:500;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.alert{border-radius:4px;font-weight:500;margin-bottom:20px;padding:12px 20px;text-align:center}.alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.alert-success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.section-divider{border-top:1px solid #eee;margin:40px 0;width:100%}.password-form{margin-top:20px}.password-form h3{color:var(--text-primary);font-size:1.2rem}.password-form .form-row,.password-form h3{margin-bottom:24px}.password-form .form-actions{border-top:none;padding-top:24px}.password-form input[type=password]{background-color:#f8f9fa;transition:background-color .2s}.password-form input[type=password]:focus{background-color:#fff;border-color:var(--primary-color)}.password-requirements{background-color:#fff!important;border:1px solid #e9ecef;border-radius:4px;margin:20px 0;padding:16px}.password-requirements p{color:#333!important;font-weight:500;margin-bottom:8px}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{align-items:center;color:#555!important;display:flex;font-size:14px;margin-bottom:4px}.password-requirements li:before{color:var(--primary-color)!important;content:"•";font-weight:700;margin-right:8px}.profile-container .password-requirements{background-color:#fff!important;border:1px solid #e9ecef!important}.profile-container .requirements-title{color:#333!important}.profile-container .requirement-text{color:#555!important}.profile-container .requirement.valid .requirement-icon,.profile-container .requirement.valid .requirement-text{color:#28a745!important}.profile-container .requirement.invalid .requirement-icon,.profile-container .requirement.invalid .requirement-text{color:#dc3545!important}.password-form .form-row:first-child{grid-template-columns:1fr;max-width:400px}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{flex:1 1;padding-right:45px!important}.password-toggle-btn{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:10px;transition:color .2s ease;z-index:1}.password-toggle-btn:hover{color:var(--primary-color)}.password-toggle-btn:focus{color:var(--primary-color);outline:none}body{background-color:#f5f7fa}.weekly-planning-container,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.weekly-planning-container{color:#333;margin:0 auto;max-width:1400px;min-height:100vh;padding:0 20px;width:100%}.weekly-planning-container .wp-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;margin-bottom:30px;padding:20px 30px}.weekly-planning-container .wp-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;width:100%}.weekly-planning-container .wp-header h1{color:#333;font-size:24px;margin:0}.weekly-planning-container .wp-header p{color:#666;font-size:14px;margin:0}.weekly-planning-container .wp-main-container{width:100%}.weekly-planning-container .wp-action-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.weekly-planning-container .wp-filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:30px}.weekly-planning-container .wp-filter-group{display:flex;flex-direction:column;gap:8px;min-width:140px}.weekly-planning-container .wp-filter-group label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.weekly-planning-container .wp-filter-select{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;height:36px;min-width:140px;padding:8px 16px}.weekly-planning-container .wp-filter-select:focus{border-color:#4caf50;outline:none}.weekly-planning-container .wp-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.weekly-planning-container .weekly-planning-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:36px;justify-content:center;min-width:100px;padding:8px 20px;transition:all .2s ease;white-space:nowrap}.weekly-planning-container .weekly-planning-btn-primary{background:#28a745;border:1px solid #28a745;color:#fff}.weekly-planning-container .weekly-planning-btn-primary:hover{background:#218838;border-color:#218838}.weekly-planning-container .weekly-planning-btn-secondary{background:#6c757d;border:1px solid #6c757d;color:#fff}.weekly-planning-container .weekly-planning-btn-secondary:hover{background:#5a6268;border-color:#545b62}.weekly-planning-container .weekly-planning-btn svg{fill:currentColor;height:14px;width:14px}.weekly-planning-container .wp-schedule-grid{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.weekly-planning-container .wp-schedule-wrapper{-ms-overflow-style:none;flex:1 1;margin-bottom:-30px;min-width:1000px;overflow-x:auto;overflow-y:hidden;padding-bottom:30px;position:relative;scrollbar-width:none}.weekly-planning-container .wp-schedule-header{background:#f8f9fa;border-bottom:2px solid #e0e6ed;display:grid;grid-template-columns:220px repeat(7,1fr) 100px 100px;min-width:1000px}.weekly-planning-container .wp-schedule-cell{border-right:1px solid #e0e6ed;font-size:14px;font-weight:600;padding:15px;text-align:center}.weekly-planning-container .wp-schedule-cell:last-child{border-right:none}.weekly-planning-container .wp-day-header{align-items:center;display:flex;flex-direction:column;gap:5px}.weekly-planning-container .wp-day-name{color:#333;font-size:16px}.weekly-planning-container .wp-day-date{color:#666;font-size:12px;font-weight:400}.weekly-planning-container .wp-schedule-body{-ms-overflow-style:none;max-height:600px;min-width:1000px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.weekly-planning-container .wp-schedule-body::-webkit-scrollbar{display:none}.weekly-planning-container .wp-summary-grid{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;overflow:hidden}.weekly-planning-container .wp-target-row{background:#f0f8ff;border-bottom:1px solid #e0e6ed;display:grid;grid-template-columns:220px repeat(7,1fr) 100px 100px}.weekly-planning-container .wp-target-label{align-items:center;border-right:1px solid #e0e6ed;display:flex;padding:20px}.weekly-planning-container .wp-target-info{display:flex;flex-direction:column;gap:2px}.weekly-planning-container .wp-target-title{color:#2196f3;font-size:16px;font-weight:600}.weekly-planning-container .wp-target-subtitle{color:#666;font-size:12px}.weekly-planning-container .wp-target-cell{align-items:center;border-right:1px solid #e0e6ed;display:flex;flex-direction:column;justify-content:center;padding:20px 15px}.weekly-planning-container .wp-day-info{align-items:center;display:flex;flex-direction:column;gap:2px}.weekly-planning-container .wp-day-name-small{color:#333;font-size:12px;font-weight:600}.weekly-planning-container .wp-day-date-small{color:#666;font-size:10px}.weekly-planning-container .wp-target-input{background:#fff;border:2px solid #ddd;border-radius:6px;color:#333;font-size:14px;font-weight:600;padding:8px;text-align:center;transition:all .2s ease;width:60px}.weekly-planning-container .wp-target-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.weekly-planning-container .wp-target-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.weekly-planning-container .wp-target-input::-webkit-inner-spin-button,.weekly-planning-container .wp-target-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.weekly-planning-container .wp-target-input[type=number]{-moz-appearance:textfield}.weekly-planning-container .wp-target-total{align-items:center;border-right:none;display:flex;flex-direction:column;gap:4px;grid-column:span 2;justify-content:center;padding:20px;text-align:center}.weekly-planning-container .wp-total-label{color:#666;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.weekly-planning-container .wp-total-value{color:#2196f3;font-size:18px;font-weight:600}.weekly-planning-container .wp-available-spacer,.weekly-planning-container .wp-target-spacer{background:#0000;border-right:none}.weekly-planning-container .wp-available-row{background:#f8fff8;border-bottom:none;display:grid;grid-template-columns:220px repeat(7,1fr) 100px 100px}.weekly-planning-container .wp-available-label{align-items:center;border-right:1px solid #e0e6ed;display:flex;padding:20px}.weekly-planning-container .wp-available-info{display:flex;flex-direction:column;gap:2px}.weekly-planning-container .wp-available-title{color:#4caf50;font-size:16px;font-weight:600}.weekly-planning-container .wp-available-subtitle{color:#666;font-size:12px}.weekly-planning-container .wp-available-cell{align-items:center;border-right:1px solid #e0e6ed;display:flex;flex-direction:column;gap:2px;justify-content:center;padding:20px 15px;transition:all .2s ease}.weekly-planning-container .wp-available-cell.short{background:#ffebee;color:#d32f2f}.weekly-planning-container .wp-available-cell.over{background:#fff3e0;color:#f57c00}.weekly-planning-container .wp-available-cell.match{background:#e8f5e8;color:#2e7d32}.weekly-planning-container .wp-available-count{font-size:18px;font-weight:600}.weekly-planning-container .wp-available-vs{font-size:12px;opacity:.7}.weekly-planning-container .wp-available-total{align-items:center;border-right:none;display:flex;flex-direction:column;gap:4px;grid-column:span 2;justify-content:center;padding:20px;text-align:center}.weekly-planning-container .wp-available-total .wp-total-value{color:#4caf50}.weekly-planning-container .wp-driver-row{border-bottom:1px solid #f0f4f8;display:grid;grid-template-columns:220px repeat(7,1fr) 100px 100px;min-width:1000px;transition:background .2s ease}.weekly-planning-container .wp-driver-row:hover{background:#f8f9fa}.weekly-planning-container .wp-driver-info{align-items:center;border-right:1px solid #f0f4f8;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:15px;text-align:center}.weekly-planning-container .wp-driver-avatar{align-items:center;background:#4caf50;border:none;border-radius:50%!important;color:#fff;display:flex;font-size:12px;font-weight:600;height:60px;justify-content:center;margin-bottom:8px;outline:none;width:60px}.weekly-planning-container .wp-driver-details{text-align:center}.weekly-planning-container .wp-driver-details h4{color:#333;font-size:12px;line-height:1.2;margin-bottom:2px}.weekly-planning-container .wp-driver-details p{color:#666;font-size:10px;line-height:1.2}.weekly-planning-container .wp-schedule-slot{align-items:center;border-right:1px solid #f0f4f8;cursor:pointer;display:flex;justify-content:center;min-height:60px;padding:10px;position:relative;text-align:center}.weekly-planning-container .wp-schedule-slot:hover{background:#f0f9ff}.weekly-planning-container .wp-slot-content{border-radius:6px;font-size:12px;padding:8px;transition:all .2s ease;width:100%}.weekly-planning-container .wp-slot-work{background:#e8f5e9;color:#2e7d32;font-weight:500}.weekly-planning-container .wp-slot-work:hover{background:#c8e6c9}.weekly-planning-container .wp-slot-off{background:#f5f5f5;color:#999}.weekly-planning-container .wp-slot-pending{background:#fff3e0;border:1px dashed #ffb74d;color:#f57c00}.weekly-planning-container .wp-time-info{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center}.weekly-planning-container .wp-time-range{font-size:11px;font-weight:600}.weekly-planning-container .wp-location{font-size:10px;opacity:.8}.weekly-planning-container .wp-hours-cell,.weekly-planning-container .wp-status-cell{align-items:center;border-right:1px solid #f0f4f8;display:flex;font-weight:500;justify-content:center;padding:15px;text-align:center}.weekly-planning-container .wp-hours-cell{color:#333;font-size:16px}.weekly-planning-container .wp-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.weekly-planning-container .wp-status-complete{background:#e8f5e9;color:#4caf50}.weekly-planning-container .wp-status-partial{background:#fff3e0;color:#ff9800}.weekly-planning-container .wp-status-empty{background:#ffebee;color:#f44336}.weekly-planning-modal{align-items:center;background:#00000080;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.weekly-planning-modal.active{display:flex}.weekly-planning-modal-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;margin:20px;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.weekly-planning-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.weekly-planning-modal-header h2{color:#333;font-size:20px}.weekly-planning-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.weekly-planning-modal-close:hover{background:#f0f4f8;color:#333}.weekly-planning-modal-form-group{margin-bottom:20px}.weekly-planning-modal-form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.weekly-planning-modal-form-control{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.weekly-planning-modal-form-control:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.weekly-planning-modal-time-inputs{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.weekly-planning-modal-footer{border-top:1px solid #f0f4f8;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:25px;padding-top:20px}.weekly-planning-container .wp-summary-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px}.weekly-planning-container .wp-summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.weekly-planning-container .wp-summary-card h3{align-items:center;color:#666;display:flex;font-size:16px;gap:10px;margin-bottom:15px}.weekly-planning-container .wp-summary-icon{fill:#4caf50;height:24px;width:24px}.weekly-planning-container .wp-summary-content{display:flex;flex-direction:column;gap:10px}.weekly-planning-container .wp-summary-item{align-items:center;border-bottom:1px solid #f0f4f8;display:flex;justify-content:space-between;padding:8px 0}.weekly-planning-container .wp-summary-item:last-child{border-bottom:none}.weekly-planning-container .wp-summary-label{color:#666;font-size:14px}.weekly-planning-container .wp-summary-value{color:#333;font-size:16px;font-weight:600}.weekly-planning-container .wp-quick-actions-bar{bottom:30px;display:flex;gap:10px;position:fixed;right:30px;z-index:100}.weekly-planning-container .wp-fab{align-items:center;background:#4caf50;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.weekly-planning-container .wp-fab:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.weekly-planning-container .wp-fab svg{fill:currentColor;height:20px;pointer-events:none;width:20px}.weekly-planning-container .wp-fab-disabled{background-color:#ccc!important;cursor:not-allowed!important;opacity:.6}.weekly-planning-container .wp-fab-disabled:hover{box-shadow:0 2px 8px #00000026!important;transform:none!important}.weekly-planning-container .wp-tooltip{position:relative}.weekly-planning-container .wp-tooltip-text{background:#333;border-radius:4px;bottom:125%;color:#fff;font-size:12px;left:50%;opacity:0;padding:6px 12px;position:absolute;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap}.weekly-planning-container .wp-tooltip:hover .wp-tooltip-text{opacity:1;visibility:visible}.weekly-planning-container .wp-week-selector{align-items:center;background:#f8f9fa;border:1px solid #e0e6ed;border-radius:6px;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:15px;justify-content:space-between;min-height:48px;padding:8px 16px}.weekly-planning-container .wp-week-nav{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;min-width:44px;padding:8px 12px;transition:color .2s ease}.weekly-planning-container .wp-week-nav:hover{background:#e9ecef;color:#333}.weekly-planning-container .wp-current-week{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:14px;font-weight:500;gap:4px;justify-content:center;min-width:180px;text-align:center}.weekly-planning-container .wp-read-only-indicator{color:#ff9800;flex-shrink:0;font-size:12px;font-weight:400;white-space:nowrap}.weekly-planning-container .wp-current-week>span:first-child{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekly-planning-container .wp-loading-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.weekly-planning-container .wp-loading-spinner{animation:wp-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;margin-bottom:20px;width:40px}@keyframes wp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.weekly-planning-container .wp-empty-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.weekly-planning-container .wp-empty-state p{color:#333;font-size:18px;font-weight:500;margin-bottom:10px}.weekly-planning-container .wp-empty-state span{color:#999;font-size:14px}.weekly-planning-container .wp-driver-avatar{overflow:hidden;position:relative}.weekly-planning-container .wp-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.weekly-planning-container .wp-avatar-initials{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.weekly-planning-container .wp-status-empty{background:#f5f5f5;color:#999}.weekly-planning-container .wp-mobile-schedule{display:flex;flex-direction:column;gap:20px}.weekly-planning-container .wp-mobile-driver-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:15px;padding:20px}.weekly-planning-container .wp-mobile-driver-header{align-items:center;border-bottom:1px solid #f0f4f8;border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding:15px 0;transition:background-color .2s ease}.weekly-planning-container .wp-mobile-driver-header:hover{background-color:#f8f9fa}.weekly-planning-container .wp-mobile-driver-info{align-items:center;display:flex;gap:15px}.weekly-planning-container .wp-mobile-driver-details h4{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.weekly-planning-container .wp-mobile-driver-details p{color:#666;font-size:13px;margin:0}.weekly-planning-container .wp-mobile-driver-stats{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.weekly-planning-container .wp-mobile-status-row{align-items:center;display:flex;gap:10px}.weekly-planning-container .wp-mobile-expand-icon{align-items:center;background-color:#f0f4f8;border-radius:50%;color:#666;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.weekly-planning-container .wp-mobile-expand-icon.expanded{background-color:#4caf50;color:#fff;transform:rotate(180deg)}.weekly-planning-container .wp-mobile-expand-icon svg{transition:transform .3s ease}.weekly-planning-container .wp-mobile-hours{color:#333;font-size:18px;font-weight:600}.weekly-planning-container .wp-mobile-schedule-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:0;overflow:hidden;transition:all .3s ease}.weekly-planning-container .wp-mobile-schedule-grid.collapsed{gap:0;margin-top:0;max-height:0;opacity:0;padding-top:0}.weekly-planning-container .wp-mobile-schedule-grid.expanded{margin-top:15px;max-height:2000px;opacity:1;padding-top:5px}.weekly-planning-container .wp-mobile-day-slot{align-items:center;background:#f8f9fa;border:1px solid #e0e6ed;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.weekly-planning-container .wp-mobile-day-header{align-items:flex-start;display:flex;flex-direction:column;min-width:60px}.weekly-planning-container .wp-mobile-day-name{color:#333;font-size:13px;font-weight:600;line-height:1.2}.weekly-planning-container .wp-mobile-day-date{color:#666;font-size:11px;line-height:1.2}.weekly-planning-container .wp-mobile-slot-content{border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;margin-left:15px;padding:8px 12px;text-align:center;transition:all .2s ease}.weekly-planning-container .wp-mobile-slot-content.wp-slot-work{background:#e8f5e9;color:#2e7d32;font-weight:500}.weekly-planning-container .wp-mobile-slot-content.wp-slot-work:hover{background:#c8e6c9}.weekly-planning-container .wp-mobile-slot-content.wp-slot-off{background:#f5f5f5;color:#999}.weekly-planning-container .wp-mobile-slot-content.wp-slot-pending{background:#fff3e0;border:1px dashed #ffb74d;color:#f57c00}.weekly-planning-container .wp-mobile-time-info{align-items:center;display:flex;flex-direction:column;gap:2px}.weekly-planning-container .wp-mobile-time-info .wp-time-range{font-size:12px;font-weight:600}.weekly-planning-container .wp-mobile-time-info .wp-location{font-size:10px;opacity:.8}.weekly-planning-container .wp-mobile-slot-text{font-size:11px}@media (min-width:576px){.weekly-planning-container .wp-filter-section{gap:20px}.weekly-planning-container .wp-action-buttons{justify-content:flex-end}}@media (min-width:768px){.weekly-planning-container .wp-header{padding:25px 35px}.weekly-planning-container .wp-action-bar{flex-wrap:nowrap;padding:25px 35px}.weekly-planning-container .wp-filter-section{flex-wrap:nowrap;gap:25px}.weekly-planning-container .wp-action-buttons{flex-wrap:nowrap}}@media (min-width:992px){.weekly-planning-container .wp-available-row,.weekly-planning-container .wp-driver-row,.weekly-planning-container .wp-schedule-header,.weekly-planning-container .wp-target-row{grid-template-columns:200px repeat(7,1fr) 90px 90px}}@media (min-width:1200px){.weekly-planning-container .wp-available-row,.weekly-planning-container .wp-driver-row,.weekly-planning-container .wp-schedule-header,.weekly-planning-container .wp-target-row{grid-template-columns:220px repeat(7,1fr) 100px 100px}}@media (max-width:991px){.weekly-planning-container{padding:0 15px}.weekly-planning-container .wp-header{margin-bottom:20px;padding:15px 20px}.weekly-planning-container .wp-header h1{font-size:20px}.weekly-planning-container .wp-header-content{align-items:stretch;flex-direction:column;gap:15px}.weekly-planning-container .wp-week-selector{gap:10px;justify-content:space-between;min-height:44px;padding:6px 12px}.weekly-planning-container .wp-current-week{flex-direction:column;font-size:13px;gap:2px;line-height:1.2;min-width:auto;text-align:center}.weekly-planning-container .wp-read-only-indicator{display:block;font-size:10px;margin:0}.weekly-planning-container .wp-action-bar{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:20px;padding:15px 20px}.weekly-planning-container .wp-filter-section{flex-wrap:nowrap;gap:10px;justify-content:space-between}.weekly-planning-container .wp-filter-group{flex:1 1;min-width:100px}.weekly-planning-container .wp-filter-select{font-size:13px;min-width:auto;width:100%}.weekly-planning-container .wp-action-buttons{flex-wrap:nowrap;gap:10px;justify-content:space-between}.weekly-planning-container .weekly-planning-btn{flex:1 1;font-size:13px;min-width:auto;padding:8px 12px}.weekly-planning-container .wp-mobile-driver-card{margin-bottom:12px;padding:15px}.weekly-planning-container .wp-mobile-driver-header{margin-bottom:0;padding:10px 0}.weekly-planning-container .wp-mobile-expand-icon{height:20px;width:20px}.weekly-planning-container .wp-mobile-status-row{gap:8px}.weekly-planning-container .wp-mobile-driver-info{gap:12px}.weekly-planning-container .wp-mobile-driver-details h4{font-size:15px}.weekly-planning-container .wp-mobile-driver-details p{font-size:12px}.weekly-planning-container .wp-mobile-hours{font-size:16px}.weekly-planning-container .wp-mobile-schedule-grid{gap:10px}.weekly-planning-container .wp-mobile-day-slot{padding:10px 14px}.weekly-planning-container .wp-mobile-day-header{min-width:55px}.weekly-planning-container .wp-mobile-day-name{font-size:12px}.weekly-planning-container .wp-mobile-day-date{font-size:10px}.weekly-planning-container .wp-mobile-slot-content{margin-left:12px;padding:6px 10px}.weekly-planning-container .wp-summary-grid{display:none}.weekly-planning-container .wp-schedule-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.weekly-planning-container .wp-driver-row,.weekly-planning-container .wp-schedule-header{grid-template-columns:160px repeat(7,120px) 80px 80px;min-width:900px}.weekly-planning-container .wp-schedule-body{min-width:900px;overflow-x:hidden}.weekly-planning-container .wp-schedule-cell{font-size:12px;padding:10px 8px}.weekly-planning-container .wp-day-name{font-size:14px}.weekly-planning-container .wp-day-date{font-size:11px}.weekly-planning-container .wp-driver-info{padding:10px 8px}.weekly-planning-container .wp-driver-avatar{font-size:10px;height:45px;margin-bottom:6px;width:45px}.weekly-planning-container .wp-driver-details h4{font-size:11px}.weekly-planning-container .wp-driver-details p{font-size:9px}.weekly-planning-container .wp-schedule-slot{min-height:50px;padding:8px}.weekly-planning-container .wp-slot-content{font-size:11px;padding:6px}.weekly-planning-container .wp-time-range{font-size:10px}.weekly-planning-container .wp-location{font-size:9px}.weekly-planning-container .wp-hours-cell,.weekly-planning-container .wp-status-cell{font-size:12px;padding:10px 8px}.weekly-planning-container .wp-hours-cell{font-size:14px}.weekly-planning-container .wp-status-badge{font-size:10px;padding:3px 8px}.weekly-planning-container .wp-summary-section{gap:15px;grid-template-columns:1fr;margin-top:20px}.weekly-planning-container .wp-summary-card{padding:15px}.weekly-planning-container .wp-quick-actions-bar{bottom:20px;flex-direction:column;right:20px}.weekly-planning-container .wp-fab{height:48px;width:48px}.weekly-planning-container .wp-fab svg{height:18px;width:18px}}@media (max-width:575px){.weekly-planning-container{padding:0 10px}.weekly-planning-container .wp-header{margin-bottom:15px;padding:12px 15px}.weekly-planning-container .wp-header h1{font-size:18px}.weekly-planning-container .wp-week-selector{flex-wrap:nowrap;gap:8px;min-height:40px;padding:6px 10px}.weekly-planning-container .wp-week-nav{font-size:14px;height:28px;min-width:36px;padding:4px 8px}.weekly-planning-container .wp-current-week{flex-direction:column;font-size:12px;gap:2px;line-height:1.1;min-width:auto}.weekly-planning-container .wp-read-only-indicator{font-size:9px;margin:0}.weekly-planning-container .wp-action-bar{flex-direction:column;gap:15px;margin-bottom:15px;padding:12px 15px}.weekly-planning-container .wp-filter-section{flex-direction:row;gap:8px;justify-content:space-between;width:100%}.weekly-planning-container .wp-filter-group{flex:1 1;min-width:auto}.weekly-planning-container .wp-filter-group label{font-size:10px;margin-bottom:4px}.weekly-planning-container .wp-filter-select{font-size:12px;height:32px;min-width:auto;padding:6px 8px;width:100%}.weekly-planning-container .wp-action-buttons{flex-direction:row;gap:8px;justify-content:space-between;width:100%}.weekly-planning-container .weekly-planning-btn{flex:1 1;font-size:12px;height:36px;justify-content:center;min-width:auto;padding:8px 12px}.weekly-planning-container .wp-summary-grid{display:none}.weekly-planning-container .wp-driver-row,.weekly-planning-container .wp-schedule-header{grid-template-columns:140px repeat(7,100px) 70px 70px;min-width:800px}.weekly-planning-container .wp-schedule-cell{font-size:11px;padding:8px 6px}.weekly-planning-container .wp-driver-avatar{font-size:9px;height:40px;width:40px}.weekly-planning-container .wp-driver-details h4{font-size:10px}.weekly-planning-container .wp-driver-details p{font-size:8px}.weekly-planning-container .wp-quick-actions-bar{bottom:15px;right:15px}.weekly-planning-container .wp-fab{height:44px;width:44px}.weekly-planning-container .wp-fab svg{height:16px;width:16px}.weekly-planning-modal-content{margin:15px;max-width:none;padding:20px;width:calc(100% - 30px)}.weekly-planning-modal-header h2{font-size:18px}.weekly-planning-modal-time-inputs{gap:10px;grid-template-columns:1fr}.weekly-planning-modal-footer{flex-direction:column;gap:8px}.weekly-planning-modal-footer .weekly-planning-btn{width:100%}}.weekly-planning-container .wp-schedule-wrapper::-webkit-scrollbar{background:#0000;display:none;height:0;width:0}.weekly-planning-container .wp-schedule-wrapper::-webkit-scrollbar-thumb,.weekly-planning-container .wp-schedule-wrapper::-webkit-scrollbar-track{background:#0000;display:none}.weekly-planning-container .wp-schedule-wrapper::-webkit-scrollbar-thumb:hover{background:#0000;display:none}@media print{.weekly-planning-container .wp-action-bar,.weekly-planning-container .wp-quick-actions-bar,.weekly-planning-modal{display:none!important}.weekly-planning-container{max-width:none;padding:0}.weekly-planning-container .wp-schedule-grid{border:1px solid #ddd;box-shadow:none}}.daily-routes-container{background-color:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:0 10px;width:100%}.daily-routes-container .dr-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;margin-bottom:30px;padding:20px 30px}.daily-routes-container .dr-header-content{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.daily-routes-container .dr-header-actions{align-items:center;display:flex;gap:20px}.daily-routes-container .dr-header h1{align-items:center;color:#333;display:flex;font-size:24px;gap:10px;margin:0}.daily-routes-container .dr-date-selector{align-items:center;background:#f8f9fa;border:1px solid #e0e6ed;border-radius:6px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:15px;min-height:48px}.daily-routes-container .dr-date-nav{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:16px;padding:4px 8px;transition:color .2s ease}.daily-routes-container .dr-date-nav:hover{background:#e9ecef;color:#333}.daily-routes-container .dr-today-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:16px;margin-left:8px;padding:4px 8px;transition:all .2s ease}.daily-routes-container .dr-today-btn:hover{background:#e3f2fd;color:#1976d2;transform:scale(1.1)}.daily-routes-container .dr-current-date{align-items:center;color:#333;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:180px;position:relative;text-align:center}.daily-routes-container .dr-date-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.daily-routes-container .dr-weekend-badge{background:#fff3e0;color:#f57c00}.daily-routes-container .dr-future-badge{background:#e8f5e9;color:#388e3c;flex-shrink:0;white-space:nowrap}.daily-routes-container .dr-date-today{color:#1976d2;font-weight:600}.daily-routes-container .dr-date-weekend{color:#f57c00}.daily-routes-container .dr-main-container{width:100%}.daily-routes-container .dr-progress-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:20px 30px}.daily-routes-container .dr-progress-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px}.daily-routes-container .dr-progress-header h3{color:#333;flex:1 1;font-size:18px;margin:0}.daily-routes-container .dr-progress-stats{display:flex;flex:1 1;font-size:14px;gap:20px;justify-content:center}.daily-routes-container .dr-stat-item{align-items:center;display:flex;gap:8px}.daily-routes-container .dr-stat-dot{border-radius:50%;height:10px;width:10px}.daily-routes-container .dr-dot-assigned{background:#4caf50}.daily-routes-container .dr-dot-pending{background:#ff9800}.daily-routes-container .dr-dot-unscheduled{background:#f44336}.daily-routes-container .dr-progress-bar{background:#f0f4f8;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.daily-routes-container .dr-progress-fill{align-items:center;background:linear-gradient(90deg,#4caf50,#66bb6a);display:flex;height:100%;justify-content:flex-end;padding-right:10px;transition:width .3s ease}.daily-routes-container .dr-progress-text{color:#fff;font-size:12px;font-weight:600}.daily-routes-container .dr-filter-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;overflow:visible;padding:20px 30px;position:relative;z-index:1}.daily-routes-container .dr-filter-section .dr-filters-group{align-items:center;display:flex;flex:1 1;gap:20px;justify-content:flex-start}.daily-routes-container .dr-clear-filters-section{align-items:center}.daily-routes-container .dr-filter-group{flex:1 1;max-width:200px;min-width:180px;overflow:visible;position:relative;z-index:1}.daily-routes-container .dr-filter-group label{color:#666;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.daily-routes-container .dr-filter-input{appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;background:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;height:auto!important;min-height:auto!important;padding:10px 12px;position:relative;transition:border-color .2s ease;width:100%;z-index:1}.daily-routes-container .dr-filter-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.daily-routes-container select.dr-filter-input{background-image:none!important;padding-right:12px!important}.daily-routes-container select,.daily-routes-container select.dr-filter-input,.daily-routes-container select.dr-pickup-time-select,.daily-routes-container select.dr-van-collection-select{appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;height:auto!important;min-height:auto!important}@media (max-width:768px){.daily-routes-container select,.daily-routes-container select.dr-filter-input,.daily-routes-container select.dr-pickup-time-select,.daily-routes-container select.dr-van-collection-select{appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;background:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;box-sizing:border-box!important;font-size:16px!important;height:auto!important;min-height:auto!important;padding:8px 12px!important;position:relative!important;z-index:1!important}}@media screen and (max-width:768px){.daily-routes-container .dr-filter-group select,.daily-routes-container .dr-filters-group select,.daily-routes-container div select{appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;height:auto!important;line-height:normal!important;max-height:none!important;min-height:auto!important;vertical-align:initial!important}}@media only screen and (max-width:768px){.daily-routes-container select{-webkit-appearance:menulist!important;appearance:auto!important;background-color:#fff!important;background-image:none!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:16px!important;height:auto!important;min-height:auto!important;padding:8px 12px!important}.daily-routes-container select::-webkit-inner-spin-button,.daily-routes-container select::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.daily-routes-container select{-moz-appearance:menulist!important}}.daily-routes-container .dr-filter-input::placeholder{color:#999;opacity:1}.daily-routes-container .dr-search-input::placeholder{color:#999;font-style:italic;opacity:1}.daily-routes-container .dr-search-box{flex:3 1;max-width:600px;min-width:350px}.daily-routes-container .dr-filters-row-mobile{display:contents}.daily-routes-container .dr-search-input-wrapper{position:relative;width:100%}.daily-routes-container .dr-search-icon{color:#999;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.daily-routes-container .dr-search-input{background:#fff;padding-left:40px;position:relative;z-index:1}.daily-routes-container .dr-search-input:focus::placeholder{opacity:.5}.daily-routes-container .dr-routes-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.daily-routes-container .dr-driver-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;min-height:90px;overflow:hidden;position:relative;transition:all .3s ease}.daily-routes-container .dr-driver-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.daily-routes-container .dr-driver-section{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px 0 0 16px;color:#fff;flex:0 0 280px;padding:12px;position:relative;z-index:10}.daily-routes-container .dr-white-sections{background:#fff;border-radius:16px 16px 16px 0;bottom:0;left:280px;position:absolute;right:0;top:25px;z-index:5}.daily-routes-container .dr-driver-header{align-items:center;display:flex;gap:15px}.daily-routes-container .dr-driver-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;overflow:hidden;position:relative;width:50px}.daily-routes-container .dr-avatar-photo{border-radius:50%;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.daily-routes-container .dr-avatar-initials{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.daily-routes-container .dr-avatar-fallback{display:none}.daily-routes-container .dr-driver-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.daily-routes-container .dr-driver-meta{color:#ffffffe6;display:flex;flex-direction:column;font-size:11px;gap:3px}.daily-routes-container .dr-meta-item{align-items:center;display:flex;gap:6px}.daily-routes-container .dr-meta-item span:first-child{font-size:14px}.daily-routes-container .dr-driver-schedule{grid-gap:6px;border-top:1px solid #fff3;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-top:8px;padding-top:8px}.daily-routes-container .dr-schedule-item{text-align:center}.daily-routes-container .dr-schedule-label{color:#ffffffb3;font-size:9px;margin-bottom:2px;text-transform:uppercase}.daily-routes-container .dr-schedule-time{font-size:14px;font-weight:600}.daily-routes-container .dr-vehicle-section{background:#0000;display:flex;flex:0 0 450px;flex-direction:column;justify-content:center;padding:35px 18px 12px;position:relative;z-index:10}.daily-routes-container .dr-section-title{background:#8159e4e6;border:1px solid #fff3;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:9px;font-weight:600;letter-spacing:.3px;padding:4px 10px;position:absolute;text-transform:uppercase;top:8px;z-index:100}.daily-routes-container .dr-vehicle-section .dr-section-title{left:20px}.daily-routes-container .dr-vehicle-assigned{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:10px;padding:12px}.daily-routes-container .dr-vehicle-icon-container{align-items:center;background:#f0f8f0;border-radius:12px;display:flex;justify-content:center;padding:10px}.daily-routes-container .dr-vehicle-icon{font-size:24px}.daily-routes-container .dr-vehicle-name{color:#333;font-size:15px;font-weight:600;line-height:1.2;margin-bottom:8px}.daily-routes-container .dr-vehicle-details{align-items:center;color:#666;display:flex;flex-wrap:nowrap;font-size:14px;gap:12px;line-height:1.4}.daily-routes-container .dr-vehicle-detail{align-items:center;color:#666;display:inline-flex;font-size:14px;font-weight:400;gap:4px}.daily-routes-container .dr-vehicle-actions{display:flex;gap:8px;margin-left:auto}.daily-routes-container .dr-vehicle-bottom-actions{display:flex;justify-content:center;margin-top:15px}.daily-routes-container .dr-btn-icon{border:1px solid #e1e1e1;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#555;font-size:16px;height:34px;width:34px}.daily-routes-container .dr-btn-icon:hover{background:#f8f9fa;border-color:#ccc;color:#111}.daily-routes-container .dr-vehicle-empty{width:100%}.daily-routes-container .dr-empty-placeholder{background:#fff;border:2px dashed #dde3ec;border-radius:12px;cursor:pointer;padding:8px;text-align:center;transition:all .3s ease}.daily-routes-container .dr-empty-placeholder:hover{background:#f7f9fc;border-color:#a3bffa}.daily-routes-container .dr-empty-placeholder.dr-readonly{background:#f8f9fa;border-color:#ddd;cursor:not-allowed;opacity:.7}.daily-routes-container .dr-empty-icon{color:#555;font-size:20px;margin-bottom:2px}.daily-routes-container .dr-empty-text{color:#667;font-size:11px}.daily-routes-container .dr-vehicle-options{background:#fff;border:1px solid #e0e6ed;border-radius:8px;max-height:200px;overflow:hidden}.daily-routes-container .dr-vehicle-option{border-bottom:1px solid #f0f0f0;padding:12px 15px}.daily-routes-container .dr-vehicle-option:last-child{border-bottom:none}.daily-routes-container .dr-option-status{border-radius:4px;padding:4px 8px}.daily-routes-container .dr-status-available{background:#e8f5e9}.daily-routes-container .dr-status-unavailable{background:#ffebee}.daily-routes-container .dr-vehicle-loading,.daily-routes-container .dr-vehicle-no-options{align-items:center;background:#fff;border:1px solid #e0e6ed;border-radius:8px;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px;text-align:center}.daily-routes-container .dr-vehicle-no-options{gap:4px}.daily-routes-container .dr-no-vehicles-icon,.daily-routes-container .dr-vehicle-no-options small{color:#999}.daily-routes-container .dr-btn-icon{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.daily-routes-container .dr-btn-icon:hover{background:#f0f4f8;border-color:#4caf50;color:#4caf50}.daily-routes-container .dr-btn-remove{color:#f44336}.daily-routes-container .dr-btn-remove:hover{background:#ffebee;border-color:#f44336}.daily-routes-container .dr-vehicle-selection{grid-gap:10px;display:grid;gap:10px}.daily-routes-container .dr-vehicle-empty{background:#fff;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:15px;text-align:center;transition:all .2s ease}.daily-routes-container .dr-vehicle-empty:hover{background:#f0f9ff;border-color:#4caf50}.daily-routes-container .dr-empty-icon{color:#ccc;font-size:28px;margin-bottom:6px}.daily-routes-container .dr-empty-text{color:#666;font-size:14px}.daily-routes-container .dr-vehicle-options{grid-gap:10px;display:grid;gap:10px;max-height:300px;overflow-y:auto}.daily-routes-container .dr-vehicle-loading{align-items:center;background:#fff;border:1px solid #e0e6ed;border-radius:8px;color:#666;display:flex;font-size:14px;gap:12px;padding:20px}.daily-routes-container .dr-small-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:20px;width:20px}.daily-routes-container .dr-vehicle-no-options{align-items:center;background:#fff;border:1px solid #e0e6ed;border-radius:8px;color:#666;display:flex;flex-direction:column;padding:30px 20px;text-align:center}.daily-routes-container .dr-no-vehicles-icon{font-size:32px;margin-bottom:8px;opacity:.6}.daily-routes-container .dr-vehicle-no-options span{font-size:14px;font-weight:500;margin-bottom:4px}.daily-routes-container .dr-vehicle-no-options small{font-size:12px;opacity:.8}.daily-routes-container .dr-vehicle-option{align-items:center;background:#fff;border:1px solid #e0e6ed;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.daily-routes-container .dr-vehicle-option:hover{background:#f0f9ff;border-color:#4caf50}.daily-routes-container .dr-vehicle-option.unavailable{cursor:not-allowed;opacity:.6}.daily-routes-container .dr-vehicle-option.unavailable:hover{background:#fff;border-color:#e0e6ed}.daily-routes-container .dr-option-icon{align-items:center;background:#f0f4f8;border-radius:6px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.daily-routes-container .dr-option-info{flex:1 1}.daily-routes-container .dr-option-name{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.daily-routes-container .dr-option-details{color:#666;font-size:12px}.daily-routes-container .dr-option-status{font-size:12px;font-weight:500}.daily-routes-container .dr-status-available{color:#4caf50}.daily-routes-container .dr-status-unavailable{color:#f44336}.daily-routes-container .dr-route-section{align-items:flex-start;background:#0000;display:flex;flex:1 1;padding:35px 18px 12px;position:relative;z-index:10}.daily-routes-container .dr-route-section .dr-section-title{left:20px}.daily-routes-container .dr-route-details{flex:1 1;margin-right:15px;max-width:400px}.daily-routes-container .dr-detail-row{align-items:center;border-bottom:1px solid #f0f4f8;display:flex;gap:10px;justify-content:space-between;padding:6px 0}.daily-routes-container .dr-detail-row:last-child{border-bottom:none}.daily-routes-container .dr-detail-row:first-child{border-bottom:none;display:block;padding:8px 0}.daily-routes-container .dr-detail-label{color:#667;font-size:10px;min-width:100px}.daily-routes-container .dr-detail-value{color:#333;font-size:12px;font-weight:600}.daily-routes-container .dr-collection-point-main{color:#333;flex:none;font-size:14px;font-weight:600;margin-bottom:8px;margin-top:8px;text-align:left;width:100%}.daily-routes-container .dr-view-details-btn{border-radius:4px;flex-shrink:0;font-size:14px;height:auto;min-width:80px;padding:6px 8px;white-space:nowrap}.daily-routes-container .dr-route-actions{align-self:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;margin-left:15px;margin-top:32px}.daily-routes-container .dr-btn{border:1px solid #0000;border-radius:8px;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease-in-out;white-space:nowrap}.daily-routes-container .dr-btn-secondary{border-color:#ddd;color:#555}.daily-routes-container .dr-btn-secondary:hover{border-color:#bbb;color:#111}.daily-routes-container .dr-btn-primary{background:#28a745}.daily-routes-container .dr-btn-primary:hover{background:#218838;box-shadow:0 4px 10px #28a74533}.daily-routes-container .dr-btn-primary.disabled{box-shadow:none;cursor:not-allowed;transform:none}.daily-routes-container .dr-btn-primary.disabled,.daily-routes-container .dr-btn-primary:disabled{background:#adb5bd;border-color:#adb5bd;color:#f8f9fa}.daily-routes-container .dr-pickup-time-section{border-top:1px solid #f0f4f8;margin-top:10px;padding:10px 0}.daily-routes-container .dr-pickup-time-row{align-items:center;display:flex;justify-content:space-between}.daily-routes-container .dr-pickup-time-label{color:#667;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.daily-routes-container .dr-pickup-time-section h4{color:#666;font-size:14px;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.daily-routes-container .dr-pickup-time-selector{align-items:center;display:flex;gap:10px}.daily-routes-container .dr-btn{transition:all .3s ease}.daily-routes-container .dr-btn-primary:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.daily-routes-container .dr-stats-bar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-bottom:30px;padding:20px 30px}.daily-routes-container .dr-stat-block{flex:1 1;min-width:150px;text-align:center}.daily-routes-container .dr-stat-value{color:#333;font-size:32px;font-weight:700;margin-bottom:5px}.daily-routes-container .dr-stat-label{color:#666;font-size:14px}.daily-routes-container .dr-van-collection-block{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:150px;position:relative;text-align:center}.daily-routes-container .dr-van-collection-select{appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;background:#f8f9fa;border:2px solid #e0e6ed;border-radius:8px;box-sizing:border-box;color:#333;cursor:pointer;font-size:24px;font-weight:700;height:auto!important;min-height:auto!important;padding:8px 12px;position:relative;text-align:center;transition:all .2s ease;width:100%;z-index:1}.daily-routes-container .dr-van-collection-select:hover{background-color:#f0f9ff;border-color:#4caf50}.daily-routes-container .dr-van-collection-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.daily-routes-container .dr-van-collection-select option{background:#fff;border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.daily-routes-container .dr-van-collection-select option:hover{background:#f8f9fa}.daily-routes-container .dr-van-collection-select option:checked{background:#e3f2fd;color:#1976d2;font-weight:600}.daily-routes-container .dr-pickup-time-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:6px 25px 6px 8px;transition:all .2s ease}.daily-routes-container .dr-pickup-time-select:hover{background-color:#f9f9f9;border-color:#4caf50}.daily-routes-container .dr-pickup-time-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.daily-routes-container .dr-pickup-time-select option{background:#fff;color:#333;font-size:14px;padding:6px 8px}.daily-routes-container .dr-fab-container{bottom:30px;display:flex;gap:15px;position:fixed;right:30px;z-index:100}.daily-routes-container .dr-fab{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:all .3s ease;width:56px}.daily-routes-container .dr-fab:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.daily-routes-container .dr-fab-primary{background:#4caf50;color:#fff}.daily-routes-container .dr-fab-secondary{background:#2196f3;color:#fff}.daily-routes-container .dr-fab svg{fill:currentColor;height:24px;width:24px}.daily-routes-container .dr-tooltip{background:#333;border-radius:4px;bottom:70px;color:#fff;font-size:12px;opacity:0;padding:8px 12px;position:absolute;right:0;transition:all .3s ease;visibility:hidden;white-space:nowrap}.daily-routes-container .dr-fab:hover .dr-tooltip{opacity:1;visibility:visible}.daily-routes-container .dr-loading-overlay{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.daily-routes-container .dr-loading-overlay p{color:#666;font-size:16px;margin-top:16px}.daily-routes-container .dr-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;width:40px}.daily-routes-container .dr-empty-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.daily-routes-container .dr-empty-state .dr-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.daily-routes-container .dr-empty-state h3{color:#333;font-size:18px;font-weight:600;margin:0 0 12px}.daily-routes-container .dr-empty-state p{color:#666;font-size:14px;line-height:1.5;margin:4px 0}@media (max-width:430px){.daily-routes-container .dr-header{border-radius:6px;margin-bottom:15px;padding:15px}.daily-routes-container .dr-header-content{flex-direction:column;gap:10px}.daily-routes-container .dr-header h1{font-size:18px;justify-content:center}.daily-routes-container .dr-title-icon,.daily-routes-container .dr-today-btn{display:none}.daily-routes-container .dr-date-selector{align-items:center;gap:12px;justify-content:center;width:100%}.daily-routes-container .dr-date-nav{align-items:center;display:flex;font-size:16px;height:32px;justify-content:center;min-width:32px;padding:4px 8px}.daily-routes-container .dr-current-date{font-size:13px;font-weight:500;line-height:1.3;min-width:auto;padding:2px 4px;text-align:center}.daily-routes-container .dr-current-date:has(.dr-future-badge){flex-direction:column;flex-wrap:wrap;gap:4px;line-height:1.2;max-width:200px}.daily-routes-container .dr-today-btn{font-size:11px;min-height:32px;padding:6px 8px;white-space:nowrap}.daily-routes-container .dr-save-routes-header-btn{justify-content:center;padding:12px;width:100%}.daily-routes-container .dr-progress-section{border-radius:6px;margin-bottom:15px;padding:15px 20px}.daily-routes-container .dr-progress-header{flex-direction:column;gap:10px}.daily-routes-container .dr-progress-header h3{font-size:16px;text-align:center}.daily-routes-container .dr-progress-stats{flex-wrap:wrap;font-size:12px;gap:10px}.daily-routes-container .dr-stat-item{align-items:center;flex-basis:calc(33.333% - 10px);flex-grow:1;flex-shrink:1;justify-content:center;min-width:90px;padding:2px;text-align:center}.daily-routes-container .dr-filter-section{background:#fff;border-radius:6px;box-shadow:0 2px 8px #00000014;flex-direction:column;gap:12px;padding:15px 20px;width:100%}.daily-routes-container .dr-filters-group{flex-direction:column;gap:12px;width:100%}.daily-routes-container .dr-filters-row,.daily-routes-container .dr-filters-row-mobile{display:flex;flex-direction:row;gap:8px;width:100%}.daily-routes-container .dr-filters-row-mobile{margin-bottom:12px}.daily-routes-container .dr-filters-row-mobile .dr-filter-group{flex:1 1}.daily-routes-container .dr-search-box{width:100%!important}.daily-routes-container .dr-filter-group{flex:1 1;overflow:visible;position:relative;z-index:1}.daily-routes-container .dr-filter-group,.daily-routes-container .dr-search-box{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:4px;margin:0;min-width:auto;padding:0}.daily-routes-container .dr-search-box{width:100%}.daily-routes-container .dr-filter-group label{color:#666;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.daily-routes-container .dr-filter-input{font-size:12px;min-width:auto;padding:6px 8px}.daily-routes-container .dr-search-input-wrapper{position:relative;width:100%}.daily-routes-container .dr-search-icon{display:none}.daily-routes-container .dr-search-input{background:#fff;padding-left:12px;position:relative;z-index:1}.daily-routes-container .dr-filter-input::placeholder,.daily-routes-container .dr-search-input::placeholder{color:#999;font-size:12px;font-style:italic;opacity:1}.daily-routes-container .dr-clear-filters-section{background:#fff;border-radius:6px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:center;margin-bottom:15px;padding:15px 20px;width:100%}.daily-routes-container .dr-clear-filters-btn{border-radius:4px;height:32px;max-width:200px;padding:8px 20px;width:100%}.daily-routes-container .dr-routes-list{gap:10px;padding:0}.daily-routes-container .dr-driver-card{border-radius:6px;flex-direction:column;min-height:auto}.daily-routes-container .dr-white-sections{display:none}.daily-routes-container .dr-driver-section{border-radius:6px 6px 0 0;flex:none;padding:12px;width:100%}.daily-routes-container .dr-driver-header{flex-wrap:wrap;justify-content:center;text-align:center}.daily-routes-container .dr-driver-avatar{font-size:22px;height:60px;margin:0 auto 10px;width:60px}.daily-routes-container .dr-driver-info{text-align:center;width:100%}.daily-routes-container .dr-driver-name{font-size:18px;margin-bottom:8px}.daily-routes-container .dr-driver-meta{align-items:center;gap:8px}.daily-routes-container .dr-driver-schedule{gap:8px;margin-top:12px;padding-top:12px}.daily-routes-container .dr-vehicle-section{background:#fff;border-radius:0;flex:none;padding:12px;width:100%}.daily-routes-container .dr-section-title{background:#0000;border:none;box-shadow:none;color:#666;font-size:11px;margin-bottom:10px;padding:0;position:static}.daily-routes-container .dr-vehicle-assigned{flex-direction:column;gap:12px;padding:15px;text-align:center}.daily-routes-container .dr-vehicle-icon-container{height:60px;margin:0 auto;width:60px}.daily-routes-container .dr-vehicle-icon{font-size:28px}.daily-routes-container .dr-vehicle-info{width:100%}.daily-routes-container .dr-vehicle-name{font-size:16px;margin-bottom:10px}.daily-routes-container .dr-vehicle-details{align-items:center;flex-direction:column;gap:8px}.daily-routes-container .dr-vehicle-actions{justify-content:center;margin:10px 0 0;width:100%}.daily-routes-container .dr-btn-icon{font-size:18px;height:44px;width:44px}.daily-routes-container .dr-route-section{background:#f8f9fa;border-radius:0 0 6px 6px;flex:none;flex-direction:column;padding:12px;width:100%}.daily-routes-container .dr-route-details{margin:0;max-width:none;width:100%}.daily-routes-container .dr-detail-row{padding:10px 0}.daily-routes-container .dr-detail-label{flex:0 0 40%;font-size:11px;min-width:auto}.daily-routes-container .dr-detail-value{font-size:13px;text-align:right}.daily-routes-container .dr-collection-point-main{font-size:15px;margin:12px 0;text-align:center}.daily-routes-container .dr-pickup-time-select{font-size:16px;padding:10px;width:100%}.daily-routes-container .dr-route-actions{flex-direction:row;gap:10px;margin:15px 0 0;width:100%}.daily-routes-container .dr-route-actions .dr-btn{flex:1 1;font-size:13px;padding:12px}.daily-routes-container .dr-stats-bar{grid-gap:8px;background:#fff;border-radius:6px;box-shadow:0 2px 8px #00000014;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:15px;overflow:visible;padding:15px;position:relative;z-index:1}.daily-routes-container .dr-stat-block{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;justify-content:center;min-height:60px;min-width:0;min-width:auto;padding:8px;text-align:center}.daily-routes-container .dr-stat-value{font-size:18px;margin-bottom:2px;text-align:center;width:100%}.daily-routes-container .dr-stat-label{font-size:11px;line-height:1.2;text-align:center;width:100%}.daily-routes-container .dr-van-collection-select{appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;box-sizing:border-box;font-size:16px;height:auto!important;min-height:auto!important;padding:6px 8px;position:relative;text-align:center;width:100%;z-index:2}.daily-routes-container .dr-van-collection-block{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:visible;position:relative;text-align:center;z-index:1}.daily-routes-container .dr-fab-container{bottom:20px;gap:10px;right:20px}.daily-routes-container .dr-fab{height:48px;width:48px}.daily-routes-container .dr-fab svg{height:20px;width:20px}.daily-routes-container .dr-tooltip{display:none}.daily-routes-container .dr-empty-state{margin-bottom:15px;padding:40px 20px}.daily-routes-container .dr-empty-state .dr-empty-icon{font-size:40px}.daily-routes-container .dr-empty-state h3{font-size:16px}.daily-routes-container .dr-empty-state p{font-size:13px}.daily-routes-container .dr-vehicle-options{max-height:300px}.daily-routes-container .dr-vehicle-option{gap:15px;padding:15px}.daily-routes-container .dr-option-icon{font-size:22px;height:45px;width:45px}.daily-routes-container .dr-option-name{font-size:15px}.daily-routes-container .dr-option-details{font-size:13px}.daily-routes-container .dr-loading-overlay{margin-bottom:15px;padding:40px 20px}.daily-routes-container .dr-loading-overlay p{font-size:14px}.daily-routes-container .dr-date-badge{font-size:9px;padding:2px 6px}.daily-routes-container .dr-future-badge{font-size:8px;padding:2px 6px;white-space:nowrap}.daily-routes-container .dr-routes-loaded-indicator{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:15px;max-width:none;min-height:60px;padding:8px;text-align:center;width:auto}.daily-routes-container .dr-loaded-icon{font-size:18px;margin-bottom:2px;text-align:center}.daily-routes-container .dr-loaded-text{color:#555;font-size:11px;font-weight:500;line-height:1.2;margin-bottom:0;text-align:center}.daily-routes-container .dr-filter-section{gap:8px;margin-bottom:15px;overflow:visible;padding:15px;position:relative;z-index:1}.daily-routes-container .dr-all-drivers-section{font-size:13px;padding:6px 10px}.daily-routes-container .dr-filters-group{gap:8px;overflow:visible;position:relative;z-index:1}.daily-routes-container .dr-filter-input{appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;background:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#333;font-size:15px;height:auto!important;min-height:auto!important;padding:8px 10px;position:relative;width:100%;z-index:1}.daily-routes-container .dr-clear-filters-btn{font-size:12px;padding:8px 16px}}@media (min-width:431px) and (max-width:768px){.daily-routes-container .dr-header{padding:20px}.daily-routes-container .dr-header-content{flex-wrap:wrap;gap:15px}.daily-routes-container .dr-progress-header{flex-wrap:wrap}.daily-routes-container .dr-filter-section{flex-wrap:wrap;overflow:visible;padding:15px 20px;position:relative;z-index:1}.daily-routes-container .dr-filters-group{flex-wrap:wrap;overflow:visible;position:relative;width:100%;z-index:1}.daily-routes-container .dr-driver-card{flex-direction:column}.daily-routes-container .dr-white-sections{display:none}.daily-routes-container .dr-driver-section,.daily-routes-container .dr-route-section,.daily-routes-container .dr-vehicle-section{background:#fff;border-radius:0;flex:none;padding:20px;width:100%}.daily-routes-container .dr-driver-section{border-radius:12px 12px 0 0}.daily-routes-container .dr-route-section{background:#f8f9fa;border-radius:0 0 6px 6px}.daily-routes-container .dr-section-title{background:#0000;border:none;box-shadow:none;color:#666;margin-bottom:15px;padding:0;position:static}.daily-routes-container .dr-stats-bar{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.daily-routes-container .dr-fab-container{bottom:25px;right:25px}}.daily-routes-container .dr-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.daily-routes-container .dr-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@media (max-width:430px){.daily-routes-container .dr-modal-overlay{align-items:flex-end;padding:0}.daily-routes-container .dr-modal-content{animation:modalSlideUp .3s ease-out;border-radius:20px 20px 0 0;max-height:85vh;max-width:100%}.daily-routes-container .dr-modal-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px;position:sticky;top:0;z-index:10}.daily-routes-container .dr-modal-header h2{font-size:18px}.daily-routes-container .dr-modal-body{padding:20px}.daily-routes-container .dr-details-section{margin-bottom:15px;padding:15px}.daily-routes-container .dr-details-grid{gap:10px;grid-template-columns:1fr}.daily-routes-container .dr-modal-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;padding:15px 20px 20px;position:sticky}.daily-routes-container .dr-modal-footer .dr-btn{padding:14px;width:100%}.daily-routes-container .dr-detail-item{align-items:flex-start;flex-direction:column;gap:4px;padding:10px}.daily-routes-container .dr-detail-label{font-size:10px;margin-bottom:2px;min-width:0;min-width:auto}.daily-routes-container .dr-detail-value{font-size:13px;text-align:left;white-space:normal;word-break:break-word}.daily-routes-container .dr-vehicle-details-card{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.daily-routes-container .dr-vehicle-icon-large{align-self:center;font-size:24px;height:50px;width:50px}.daily-routes-container .dr-vehicle-details-info{text-align:center;width:100%}.daily-routes-container .dr-vehicle-specs{width:100%}.daily-routes-container .dr-vehicle-spec-item{font-size:12px;padding:8px}.daily-routes-container .dr-spec-value{font-size:12px}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.daily-routes-container .dr-driver-details-modal{max-width:600px}.daily-routes-container .dr-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.daily-routes-container .dr-modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.daily-routes-container .dr-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;padding:6px;transition:all .2s ease;width:36px}.daily-routes-container .dr-modal-close:hover{background:#e5e7eb;color:#111827}.daily-routes-container .dr-modal-body{padding:24px}.daily-routes-container .dr-details-section{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:18px}.daily-routes-container .dr-details-section:last-child{margin-bottom:0}.daily-routes-container .dr-details-section h3{align-items:center;border-bottom:2px solid #3b82f6;color:#111827;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:8px}.daily-routes-container .dr-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.daily-routes-container .dr-detail-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:12px;justify-content:space-between;min-height:44px;padding:12px}.daily-routes-container .dr-detail-label{color:#6b7280;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;min-width:80px;text-align:left;text-transform:uppercase;white-space:nowrap}.daily-routes-container .dr-detail-value{color:#111827;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.daily-routes-container .dr-status-badge{border-radius:16px;font-size:12px;font-weight:600;min-width:fit-content;padding:4px 10px;text-align:center;white-space:nowrap}.daily-routes-container .dr-status-assigned{background:#d1fae5;color:#065f46}.daily-routes-container .dr-status-pending{background:#fef3c7;color:#92400e}.daily-routes-container .dr-vehicle-details-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:16px;padding:18px}.daily-routes-container .dr-vehicle-icon-large{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.daily-routes-container .dr-vehicle-details-info{flex:1 1}.daily-routes-container .dr-vehicle-details-info h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 10px}.daily-routes-container .dr-vehicle-specs{display:flex;flex-direction:column;gap:6px;width:100%}.daily-routes-container .dr-vehicle-spec-item{align-items:center;background:#f3f4f6;border-radius:4px;display:flex;gap:8px;justify-content:space-between;padding:6px 10px}.daily-routes-container .dr-spec-icon{flex-shrink:0;font-size:14px}.daily-routes-container .dr-spec-value{color:#374151;flex:1 1;font-size:13px;font-weight:500;margin-left:8px;text-align:right}.daily-routes-container .dr-no-vehicle-assigned{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;display:flex;gap:14px;padding:18px;text-align:left}.daily-routes-container .dr-no-vehicle-icon{color:#6b7280;font-size:36px;opacity:.6}.daily-routes-container .dr-no-vehicle-content{display:flex;flex-direction:column;gap:4px}.daily-routes-container .dr-no-vehicle-title{color:#374151;font-size:15px;font-weight:600}.daily-routes-container .dr-no-vehicle-subtitle{color:#6b7280;font-size:12px}.daily-routes-container .dr-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.daily-routes-container .dr-clear-filters-section{align-items:flex-end;display:flex;flex-shrink:0;margin-left:15px}.daily-routes-container .dr-clear-filters-btn{align-items:center;background:#f44336;border:none;border-radius:6px;box-shadow:0 2px 4px #f4433633;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.daily-routes-container .dr-clear-filters-btn:hover{background:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-1px)}.daily-routes-container .dr-clear-filters-btn svg{fill:currentColor;height:14px;width:14px}.daily-routes-container .dr-readonly-indicator{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;padding:12px;text-align:center}.daily-routes-container .dr-readonly-icon{font-size:24px;margin-bottom:4px}.daily-routes-container .dr-readonly-text{font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.daily-routes-container .dr-readonly-indicator small{font-size:10px;opacity:.8}.daily-routes-container .dr-routes-loaded-indicator{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;padding:12px;text-align:center}.daily-routes-container .dr-loaded-icon{font-size:24px;margin-bottom:4px}.daily-routes-container .dr-loaded-text{font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.daily-routes-container .dr-routes-loaded-indicator small{font-size:10px;opacity:.8}.daily-routes-container .dr-pickup-time-select:disabled,.daily-routes-container .dr-van-collection-select:disabled{background-color:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed}.daily-routes-container .dr-fab-disabled{background-color:#ccc!important;cursor:not-allowed!important;opacity:.6}.daily-routes-container .dr-fab-disabled:hover{box-shadow:0 4px 12px #00000026!important;transform:none!important}.daily-routes-container .dr-vehicle-empty.dr-readonly{background:#f8f9fa;border-color:#ddd;cursor:not-allowed;opacity:.7}.daily-routes-container .dr-vehicle-empty.dr-readonly:hover{background:#f8f9fa;border-color:#ddd}.daily-routes-container .dr-save-routes-header-btn{align-items:center;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:normal;min-width:130px;padding:10px 16px;text-transform:none;transition:all .2s ease;white-space:nowrap}.daily-routes-container .dr-save-routes-header-btn.enabled{background:#4caf50;box-shadow:0 2px 4px #4caf5033}.daily-routes-container .dr-save-routes-header-btn.enabled:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-1px)}.daily-routes-container .dr-save-routes-header-btn.disabled{background:#ccc;box-shadow:none;color:#999;cursor:not-allowed}.daily-routes-container .dr-save-routes-header-btn.disabled:hover{background:#ccc;transform:none}.daily-routes-container .dr-save-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.daily-routes-container .dr-auto-assign-modal{max-width:500px;width:100%}.daily-routes-container .dr-modal-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.daily-routes-container .dr-auto-assign-field{margin-bottom:20px}.daily-routes-container .dr-auto-assign-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.daily-routes-container .dr-auto-assign-input-group{display:flex;flex-direction:column;gap:6px}.daily-routes-container .dr-auto-assign-select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.daily-routes-container .dr-auto-assign-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.daily-routes-container .dr-auto-assign-help{color:#666;font-size:12px;margin:0}.daily-routes-container .dr-auto-assign-options{display:flex;flex-direction:column;gap:10px}.daily-routes-container .dr-auto-assign-checkbox{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px}.daily-routes-container .dr-auto-assign-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.daily-routes-container .dr-auto-assign-preview{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:16px}.daily-routes-container .dr-preview-header{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.daily-routes-container .dr-preview-stats{display:flex;gap:16px;justify-content:space-between}.daily-routes-container .dr-preview-stat{flex:1 1;text-align:center}.daily-routes-container .dr-preview-number{color:#4caf50;display:block;font-size:24px;font-weight:700;margin-bottom:4px}.daily-routes-container .dr-preview-label{color:#666;font-size:12px;line-height:1.3}.daily-routes-container .dr-confirm-modal{max-width:400px;width:100%}.daily-routes-container .dr-confirm-modal .dr-modal-body{padding:20px 0}.daily-routes-container .dr-confirm-modal .dr-modal-body p{color:#666;font-size:14px;line-height:1.5;margin:0;text-align:center}.daily-routes-container .dr-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:80px;padding:10px 20px;transition:all .2s ease}.daily-routes-container .dr-btn-primary{background:#4caf50;color:#fff}.daily-routes-container .dr-btn-primary:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.daily-routes-container .dr-btn-secondary{background:#fff;border:1px solid #ddd;color:#666}.daily-routes-container .dr-btn-secondary:hover{background:#f8f9fa;border-color:#4caf50;color:#4caf50}.daily-routes-container .dr-btn-danger{background:#dc3545;color:#fff}.daily-routes-container .dr-btn-danger:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.daily-routes-container .dr-confirm-modal .dr-modal-header{padding:25px 25px 15px;text-align:center}.daily-routes-container .dr-confirm-modal .dr-modal-header h2{color:#333;font-size:18px;font-weight:600}.daily-routes-container .dr-confirm-modal .dr-modal-body{padding:15px 25px 25px}.daily-routes-container .dr-confirm-modal .dr-modal-footer{gap:15px;padding:20px 25px 25px}.daily-routes-container .dr-vehicle-compact-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:16px}.daily-routes-container .dr-vehicle-compact-info{flex:1 1}.daily-routes-container .dr-vehicle-compact-info h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.daily-routes-container .dr-vehicle-compact-specs{display:flex;flex-wrap:wrap;gap:16px}.daily-routes-container .dr-compact-spec{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:500;gap:4px}.daily-routes-container .dr-compact-spec .dr-spec-icon{font-size:14px}.daily-routes-container .dr-vehicle-compact-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.daily-routes-container .dr-route-details-vertical{display:flex;flex-direction:column;gap:12px}@media (max-width:430px){.daily-routes-container .dr-btn,.daily-routes-container .dr-fab,.daily-routes-container button,.daily-routes-container input,.daily-routes-container select{min-height:44px}.daily-routes-container .dr-route-actions button,.daily-routes-container .dr-vehicle-actions button{min-height:44px;min-width:44px}.daily-routes-container .dr-modal-content{-webkit-overflow-scrolling:touch}.daily-routes-container{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.daily-routes-container .dr-fab-container{padding-right:env(safe-area-inset-right)}.daily-routes-container .dr-fab-container,.daily-routes-container .dr-modal-content{padding-bottom:env(safe-area-inset-bottom)}}.notification-modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-modal-header{align-items:flex-start;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:24px 60px 24px 24px;position:relative}.notification-modal-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;position:relative;width:56px}.notification-modal-avatar .avatar-initials{background:#3b82f6;font-size:20px;font-weight:600;text-transform:uppercase}.notification-modal-avatar .avatar-initials,.notification-modal-avatar .avatar-system{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.notification-modal-avatar .avatar-system{background:#6b7280;font-size:22px}.notification-modal-avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.notification-modal-title-area{flex:1 1;min-width:0}.notification-modal-title{color:#1a202c;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 8px}.notification-modal-status{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.unread-indicator{background:#dbeafe;border-radius:12px;color:#3b82f6;font-size:14px;font-weight:600;padding:2px 8px}.notification-modal-time{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:6px}.notification-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#374151;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease;width:34px;z-index:10}.notification-modal-close:hover{background:#f3f4f6;color:#111827}.notification-modal-close:active{transform:scale(.95)}.notification-modal-content{flex:1 1;overflow-y:auto;padding:24px}.notification-modal-message{color:#374151;font-size:16px;line-height:1.6;margin-bottom:20px}.notification-modal-driver{align-items:center;background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:8px;color:#0369a1;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.notification-modal-driver svg{font-size:16px}.notification-modal-data{margin-bottom:20px}.notification-modal-data h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.notification-data-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.notification-data-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.notification-data-item strong{color:#374151;font-weight:600;margin-right:12px}.notification-data-item span{color:#64748b;font-family:Monaco,Menlo,monospace;font-size:14px}.notification-modal-metadata{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.metadata-item{align-items:center;display:flex;gap:12px}.metadata-item strong{color:#374151;font-weight:600;min-width:60px}.notification-type-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.metadata-item code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#475569;font-family:Monaco,Menlo,monospace;font-size:12px;padding:4px 8px}.notification-modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:20px 24px}.modal-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.modal-action-btn:hover{background:#f1f5f9;border-color:#cbd5e0;transform:translateY(-1px)}.modal-action-btn:active{transform:translateY(0)}.mark-read-btn{background:#f0fdf4;border-color:#bbf7d0;color:#059669}.mark-read-btn:hover{background:#dcfce7;border-color:#86efac}.delete-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.close-btn{background:#6366f1;border-color:#6366f1;color:#fff;margin-left:auto}.close-btn:hover{background:#4f46e5;border-color:#4f46e5}.view-all-btn{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.view-all-btn:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@media (max-width:768px){.notification-modal-overlay{padding:16px}.notification-modal{max-height:95vh}.notification-modal-header{padding:20px 56px 20px 20px}.notification-modal-close{font-size:16px;height:30px;right:12px;top:12px;width:30px}.notification-modal-avatar{height:48px;width:48px}.notification-modal-avatar .avatar-initials{font-size:18px}.notification-modal-avatar .avatar-system{font-size:20px}.notification-modal-title{font-size:18px}.notification-modal-content{padding:20px}.notification-modal-actions{flex-direction:column;padding:16px 20px}.modal-action-btn{justify-content:center}.close-btn{margin-left:0}.notification-data-item{align-items:flex-start;flex-direction:column;gap:4px}.notification-modal-status{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.notification-modal-overlay{padding:12px}.notification-modal-header{gap:12px;padding:16px 50px 16px 16px}.notification-modal-close{font-size:14px;height:28px;right:10px;top:10px;width:28px}.notification-modal-content{padding:16px}.notification-modal-actions{padding:12px 16px}.notification-modal-title{font-size:16px}.notification-modal-message{font-size:14px}}.notifications-page{background:#fff!important;margin:0 auto;max-width:1200px;min-height:100vh;padding:1.5rem .5rem}.notifications-page *,.notifications-page .driver-name,.notifications-page .notification-body,.notifications-page .notification-text,.notifications-page .notification-title,.notifications-page .system-name{text-shadow:none!important}.notifications-page .notification-item.unread:hover:after{content:none!important}.notifications-page .notification-item,.notifications-page .notification-item.unread,.notifications-page .notification-item.unread:hover,.notifications-page .notification-item:hover{position:relative}.notifications-page .notification-item.unread:after,.notifications-page .notification-item.unread:hover:after,.notifications-page .notification-item:after,.notifications-page .notification-item:hover:after{content:""!important;display:none!important;opacity:0!important;visibility:hidden!important}.notifications-page .notification-item :after,.notifications-page .notification-item:hover:after{content:""!important}.notifications-page .notification-item.unread:hover:after{animation:none!important;content:""!important;display:none!important}.notifications-page .notification-item.unread:hover:after,.notifications-page .notification-item:hover:after{position:static!important;right:auto!important;top:auto!important;transform:none!important}.notifications-page .notifications-content .notifications-list .notification-item.unread:hover:after,.notifications-page .notifications-content .notifications-list .notification-item:hover:after{content:none!important;display:none!important}body .notifications-page .notifications-content .notifications-list .notification-item.unread:hover:after,body .notifications-page .notifications-content .notifications-list .notification-item:hover:after{content:""!important;display:none!important;height:0!important;left:-9999px!important;opacity:0!important;position:absolute!important;top:-9999px!important;visibility:hidden!important;width:0!important}html body .notifications-page .notifications-content .notifications-list .notification-item.unread:hover:after,html body .notifications-page .notifications-content .notifications-list .notification-item:hover:after{content:none!important;display:none!important}* .notifications-page .notification-item.unread:hover:after,* .notifications-page .notification-item:hover:after,.notifications-page .notification-item.unread:active:after,.notifications-page .notification-item.unread:focus:after,.notifications-page .notification-item.unread:hover:after,.notifications-page .notification-item.unread:hover:after[content=\2192],.notifications-page .notification-item:active:after,.notifications-page .notification-item:focus:after,.notifications-page .notification-item:hover:after,.notifications-page .notification-item:hover:after[content=\2192],.notifications-page.notifications-page .notification-item.unread:hover:after,.notifications-page.notifications-page .notification-item:hover:after,html body .notifications-page.notifications-page .notifications-content .notifications-list .notification-item.unread:hover:after,html body .notifications-page.notifications-page .notifications-content .notifications-list .notification-item:hover:after,html body div.notifications-page div.notifications-content div.notifications-list div.notification-item.unread:hover:after,html body div.notifications-page div.notifications-content div.notifications-list div.notification-item:hover:after{content:none!important;display:none!important;font-size:0!important;height:0!important;left:-9999px!important;line-height:0!important;opacity:0!important;position:absolute!important;top:-9999px!important;visibility:hidden!important;width:0!important}.page-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#1f2937;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1rem}.select-all-container{align-items:center;display:flex;margin-right:1rem}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox-label:hover .checkbox-custom{border-color:#3b82f6}.notification-select-checkbox,.select-all-checkbox{height:0;opacity:0;position:absolute;width:0}.checkbox-custom{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;height:18px;justify-content:center;position:relative;transition:all .2s ease;width:18px}.checkbox-custom:hover{border-color:#3b82f6}.notification-select-checkbox:checked+.checkbox-custom,.select-all-checkbox:checked+.checkbox-custom{background:#3b82f6;border-color:#3b82f6}.notification-select-checkbox:checked+.checkbox-custom:after,.select-all-checkbox:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;line-height:1}.notification-select-checkbox:focus+.checkbox-custom,.select-all-checkbox:focus+.checkbox-custom{box-shadow:0 0 0 2px #3b82f633}.header-title{align-items:center;display:flex;gap:.75rem}.title-icon{color:#6b7280;font-size:1.5rem}.page-header h1{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.header-stats{gap:1.5rem}.header-stats,.stat{align-items:center;display:flex}.stat{border-radius:0;flex-direction:column;min-width:60px;padding:.5rem .75rem}.stat,.stat.unread{background:#0000;border:none}.stat.unread{color:#dc2626}.stat strong{font-size:1rem;font-weight:600;line-height:1;margin-bottom:.125rem}.stat span{color:#6b7280;font-size:.75rem;font-weight:500;text-transform:lowercase}.stat.unread span{color:#dc2626}.header-actions{align-items:center;display:flex;gap:.75rem}.btn{align-items:center;border:1px solid #0000;border-radius:6px;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-primary{background:#059669;border-color:#059669}.btn-primary:hover:not(:disabled){background:#047857;border-color:#047857}.btn-ghost{background:#0000;border-color:#d1d5db;color:#6b7280}.btn-ghost:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.btn-danger{background:#dc2626;border-color:#dc2626}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn:disabled{opacity:.5}.controls{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.search-bar{flex:1 1;max-width:500px;position:relative}.search-icon{color:#9ca3af;left:.75rem}.search-bar input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem .75rem .75rem 2.25rem;transition:all .2s ease;width:100%}.search-bar input:focus{border-color:#6b7280;box-shadow:0 0 0 2px #6b72801a;outline:none}.clear-btn{align-items:center;background:#f3f4f6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.clear-btn:hover{background:#e5e7eb}.filters{align-items:center;display:flex;gap:.75rem}.filters select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:120px;padding:.75rem 1rem;transition:all .2s ease}.filters select:focus{border-color:#6b7280;box-shadow:0 0 0 2px #6b72801a;outline:none}.filters select:hover{border-color:#9ca3af}.notifications-content{background:#fff!important;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.notifications-content .select-all-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:12px}.notifications-content .select-all-container .select-all-section{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.notifications-content .select-all-container .checkbox-label{align-items:center;color:#374151;display:flex;font-weight:500;gap:8px;margin:0}.bulk-actions{gap:8px}.btn-sm,.bulk-actions{align-items:center;display:flex}.btn-sm{border-radius:6px;font-size:.875rem;gap:6px;padding:6px 12px}.notifications-list{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.notifications-page .notification-item{background:#fff!important;border-bottom:1px solid #f1f5f9!important;border-right:none!important;border-top:none!important;opacity:1!important;transform:none!important}.notifications-page .notification-item *{text-shadow:none!important}.notifications-page .notification-item:hover{background:#f8fafc!important;opacity:1!important;transform:none!important}.notifications-page .notification-item.unread{background:#fff!important;border:none!important;border-bottom:1px solid #e5e7eb!important;border-left:3px solid #3b82f6!important;opacity:1!important}.notifications-page .notification-item.unread:hover{background:#f8fafc!important;border-left-color:#3b82f6!important;box-shadow:0 1px 3px #0000001a!important;opacity:1!important;transform:none!important}.notifications-page .notification-item :after,.notifications-page .notification-item :before,.notifications-page .notification-item.unread:hover:after,.notifications-page .notification-item.unread:hover:before,.notifications-page .notification-item:after,.notifications-page .notification-item:before,.notifications-page .notification-item:hover:after,.notifications-page .notification-item:hover:before{content:none!important;display:none!important}.notification-item{align-items:center;background:#fff!important;border-bottom:1px solid #f1f5f9!important;display:flex;opacity:1!important;padding:20px 16px;position:relative;transition:all .2s ease}.notification-item.selected{background:#f0f9ff!important;border-left:4px solid #3b82f6!important}.notification-checkbox{align-items:center;display:flex;flex-shrink:0;margin-right:16px}.notification-clickable{align-items:center;cursor:pointer;display:flex;flex:1 1;min-width:0}.notification-item:hover{background:#f8fafc!important}.notification-item.unread:hover{background:#f8fafc!important;border-left-color:#3b82f6!important;box-shadow:0 1px 3px #0000001a!important;transform:none!important}.notification-item.unread{background:#fff!important;border:none!important;border-bottom:1px solid #e5e7eb!important;border-left:3px solid #3b82f6!important}.notification-item:last-child{border-bottom:none}.notification-avatar{flex-shrink:0;margin-right:12px;position:relative}.avatar-initials,.avatar-system{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;font-size:28px;font-weight:600;height:80px;justify-content:center;width:80px}.avatar-system{background:linear-gradient(135deg,#ffeaa7,#fab1a0);color:#2d3436}.avatar-image{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:80px;object-fit:cover;width:80px}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:flex-start;margin-bottom:4px}.notification-title-area{flex:1 1;min-width:0}.driver-name,.system-name{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:2px;text-shadow:none!important}.system-name{color:#64748b;text-shadow:none!important}.notification-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.notification-action{color:#475569;font-size:13px;font-weight:500}.notification-type{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:12px;padding:2px 6px;white-space:nowrap}.notification-time-area{align-items:center;display:flex;flex-shrink:0;gap:8px}.notification-time{color:#94a3b8;font-size:12px;white-space:nowrap}.unread-indicator{background:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;width:8px}.notification-body{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:14px;line-height:1.4;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.notification-main{align-items:center;display:flex;justify-content:space-between;width:100%}.notification-text{flex:1 1;min-width:0}.notification-text .driver-name{color:#1f2937;font-size:16px;font-weight:600;line-height:1.2;margin-bottom:4px;text-shadow:none!important}.notification-text .notification-title{color:#6b7280;font-size:14px;font-weight:500;line-height:1.3;text-shadow:none!important}.notification-text .notification-body{color:#9ca3af;font-size:13px;font-weight:400;line-height:1.4;margin-top:4px;text-shadow:none!important}.notification-meta{flex-shrink:0;gap:8px;margin-left:16px}.notification-meta,.notification-time-group{align-items:flex-end;display:flex;flex-direction:column}.notification-time-group{gap:2px}.notification-meta .notification-time{color:#9ca3af;font-size:12px;font-weight:500;white-space:nowrap}.notification-meta .notification-datetime{color:#d1d5db;font-size:10px;font-weight:400;white-space:nowrap}.unread-dot{background:#3b82f6;border-radius:50%;height:10px;margin-left:auto;width:10px}.notification-actions{display:flex;flex-shrink:0;gap:2px;margin-left:8px;opacity:0;transition:all .2s ease}.notification-item:hover .notification-actions{opacity:1}.notifications-page .action-btn{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px!important;height:auto!important;justify-content:center;min-height:28px!important;min-width:28px!important;padding:6px!important;transition:all .2s ease;width:auto!important}.action-btn:hover{transform:translateY(-1px)}.action-btn.mark-read{background:#f0f9ff;color:#0369a1}.action-btn.mark-read:hover{background:#e0f2fe;color:#0284c7}.action-btn.delete{background:#fef2f2;color:#dc2626}.action-btn.delete:hover{background:#fee2e2;color:#b91c1c}.driver-name-badge,.notification-title-line,.type-badge{display:none}@media (max-width:768px){.notification-item{padding:16px 12px}.notification-checkbox{margin-right:12px}.checkbox-custom{height:16px;width:16px}.notification-select-checkbox:checked+.checkbox-custom:after,.select-all-checkbox:checked+.checkbox-custom:after{font-size:10px}.notification-avatar{margin-right:6px}.avatar-image,.avatar-initials,.avatar-system{height:64px;width:64px}.avatar-initials,.avatar-system{font-size:22px}.driver-name,.system-name{font-size:13px;text-shadow:none!important}.notification-action{font-size:12px}.notification-body{font-size:13px}.notification-actions{gap:1px;margin-left:4px;opacity:1}.notifications-page .action-btn{font-size:12px!important;min-height:24px!important;min-width:24px!important;padding:4px!important}.notification-header{flex-direction:column;gap:4px}.notification-time-area{align-self:flex-start}.notification-meta-info{align-items:flex-start;flex-direction:column;gap:4px}.notification-body{-webkit-line-clamp:3}.header-actions{flex-wrap:wrap;gap:.5rem}.select-all-container{margin-right:.5rem}}.empty-state{color:#64748b;padding:4rem 2rem;text-align:center}.empty-icon{color:#cbd5e0;font-size:4rem;margin-bottom:1.5rem}.empty-state h3{color:#334155;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.empty-state p{font-size:1rem;line-height:1.5;margin:0}.loading-state{color:#64748b;padding:4rem 2rem;text-align:center}.spinner{border:4px solid #e2e8f0;border-top-color:#667eea;margin:0 auto 1.5rem}.spinning{animation:spin 1s linear infinite}.error-state{color:#ef4444;padding:4rem 2rem;text-align:center}.retry-btn{background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1.5rem;padding:.875rem 2rem;transition:all .3s ease}.retry-btn:hover{background:#dc2626;box-shadow:0 4px 15px #ef44444d;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:400px;padding:2rem;position:relative;width:100%}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;width:30px}.close-btn:hover{background:#f3f4f6;color:#6b7280}.modal-content h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 1rem;padding-right:2rem}.modal-content p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.driver-name{background:#f9fafb;border-radius:6px;color:#9ca3af;display:inline-block;font-size:.85rem;margin-bottom:1.5rem;padding:.5rem .75rem}.modal-buttons{display:flex;gap:.75rem;justify-content:flex-end}.btn-delete,.btn-mark{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s ease}.btn-mark{background:#10b981;color:#fff}.btn-mark:hover{background:#059669}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}@media (max-width:1024px){.notifications-page{padding:1.5rem .25rem}.page-header{flex-direction:column;gap:1.5rem;text-align:center}.header-actions,.header-stats{justify-content:center}.header-actions{align-items:center}.notifications-content .select-all-container{padding:.75rem 1rem}.bulk-actions{align-items:flex-end;flex-direction:column;gap:4px}.btn-sm{font-size:.75rem;padding:4px 8px}}@media (max-width:768px){.notifications-page{padding:1rem .25rem}.page-header{flex-direction:column;gap:1rem;text-align:center}.header-stats{justify-content:center}.controls{flex-direction:column;gap:1rem}.search-bar{max-width:none}.filters{flex-wrap:wrap;justify-content:center}.modal{margin:.5rem;padding:1.5rem}.modal-buttons{flex-direction:column;gap:.5rem}}@media (max-width:480px){.page-header h1{font-size:1.75rem}.header-actions,.header-stats{flex-direction:column;gap:.75rem}.header-actions{align-items:center;width:100%}.notifications-content .select-all-container{padding:.5rem .75rem}.notifications-content .select-all-container .select-all-section{align-items:flex-start;flex-direction:column;gap:.5rem}.bulk-actions{align-items:flex-start;flex-direction:column;gap:2px;width:100%}.btn-sm{font-size:.7rem;gap:4px;padding:2px 6px}.select-all-container{align-self:flex-start;margin-right:0}.checkbox-label{font-size:.8125rem}.checkbox-custom{height:14px;width:14px}.notification-checkbox{margin-right:10px}.filters select{font-size:.8125rem;min-width:auto}.modal{margin:.25rem;padding:1rem}.btn-delete,.btn-mark{font-size:.8rem;padding:.7rem 1rem}.avatar-image,.avatar-initials,.avatar-system{height:56px;width:56px}.avatar-initials,.avatar-system{font-size:20px}.notification-item{padding:14px 12px}.notification-text .driver-name{font-size:15px;text-shadow:none!important}.notification-text .notification-title{font-size:13px}.notification-text .notification-body{font-size:12px}.notification-meta .notification-time{font-size:11px}.notification-meta .notification-datetime{font-size:9px}}.privacy-policy-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:Inter,Segoe UI,sans-serif;min-height:100vh;padding:2rem 0}.privacy-policy-content{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:900px;overflow:hidden}.privacy-header{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;padding:3rem 2rem 2rem;text-align:center}.privacy-header h1{font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 1rem}.last-updated{font-size:1rem;font-weight:400;margin:0;opacity:.9}.privacy-section{border-bottom:1px solid #e9ecef;padding:2rem}.privacy-section:last-child{border-bottom:none}.privacy-section h2{border-bottom:2px solid #4caf50;color:#2c3e50;display:inline-block;font-size:1.5rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.privacy-section h3{color:#34495e;font-size:1.2rem;font-weight:600;margin:1.5rem 0 .75rem}.privacy-section p{color:#5a6c7d;font-size:1rem;line-height:1.7;margin:0 0 1rem}.privacy-section ul{color:#5a6c7d;line-height:1.7;margin:0 0 1rem 1.5rem;padding:0}.privacy-section li{font-size:1rem;margin:.5rem 0}.privacy-section li strong{color:#2c3e50;font-weight:600}.contact-info{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:12px;margin-top:1rem;padding:1.5rem}.contact-info p{font-size:.95rem;margin:.5rem 0}.contact-info strong{color:#2c3e50;font-weight:600}.privacy-footer{background:#2c3e50;color:#fff;margin:0;padding:1.5rem 2rem;text-align:center}.privacy-footer p{font-size:.9rem;margin:0;opacity:.8}@media (max-width:768px){.privacy-policy-container{padding:1rem}.privacy-policy-content{border-radius:12px;margin:0 .5rem}.privacy-header{padding:2rem 1.5rem 1.5rem}.privacy-header h1{font-size:2rem}.privacy-section{padding:1.5rem}.privacy-section h2{font-size:1.3rem}.privacy-section h3{font-size:1.1rem}.privacy-section ul{margin-left:1rem}.contact-info{padding:1rem}}@media (max-width:480px){.privacy-policy-container{padding:.5rem}.privacy-header h1{font-size:1.8rem}.privacy-section{padding:1rem}.privacy-section h2{font-size:1.2rem}.privacy-section li,.privacy-section p{font-size:.95rem}}*{box-sizing:border-box;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}:root{--primary-color:#4caf50;--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:#333;--text-secondary:#666;--background-light:#f5f5f5;--background-dark:#2a2f42;--background-darker:#222636;--background-darkest:#f0f0f0;--shadow-color:#0000001a;--header-height:60px;--sidebar-width:250px;--sidebar-collapsed-width:70px;--text-primary-dark:#fff;--text-secondary-dark:#ccc;--border-color-dark:#404040}body{background-color:#f5f5f5;background-color:var(--background-light);color:#333;color:var(--text-primary);font-size:16px;line-height:1.6;min-height:100vh}@media (max-width:768px){body{font-size:14px}}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:#4caf50;color:var(--primary-color)}ul{list-style:none}button{cursor:pointer;font-size:inherit}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:#4caf50;color:var(--primary-color)}.text-danger{color:#dc3545;color:var(--danger-color)}.text-success{color:#28a745;color:var(--success-color)}.text-warning{color:#ffc107;color:var(--warning-color)}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:500;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#4caf50;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#388e3c;background-color:var(--primary-dark)}.btn-secondary{background-color:initial;border:1px solid #4caf50;border:1px solid var(--primary-color);color:#4caf50;color:var(--primary-color)}.btn-secondary:hover{background-color:#e5f5e8;background-color:var(--primary-light)}.btn-danger{background-color:#dc3545;background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#c74545}.btn-outline{background-color:initial;border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#333;color:var(--dark-color)}.btn-outline:hover{background-color:#f0f0f0}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-sm{font-size:.85rem;padding:.5rem 1rem}.btn-lg{font-size:1.1rem;padding:1rem 2rem}.btn-icon{align-items:center;display:flex;gap:.5rem}.form-group{margin-bottom:1.5rem}.form-control{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#4caf50;border-color:var(--primary-color);box-shadow:0 0 0 2px #65c07a33;outline:none}.form-control.is-invalid{background-color:#fff8f8;border-color:#dc3545;border-color:var(--danger-color)}.invalid-feedback{color:#dc3545;color:var(--danger-color);font-size:.85rem;margin-top:.25rem}label{color:#333;color:var(--dark-color);display:block;font-weight:500;margin-bottom:.5rem}.form-text{color:#777;color:var(--gray-color);display:block;font-size:.8rem;margin-top:.25rem}.form-row{display:flex;gap:1rem}.form-row .half{flex:1 1}.form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.dashboard-container{display:flex;margin-left:250px;margin-left:var(--sidebar-width);margin-top:60px;margin-top:var(--header-height);min-height:calc(100vh - 60px);min-height:calc(100vh - var(--header-height))}.sidebar{background-color:#fff;border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color);height:calc(100vh - 60px);height:calc(100vh - var(--header-height));justify-content:space-between;left:0;overflow-y:auto;position:fixed;top:60px;top:var(--header-height);width:250px;width:var(--sidebar-width);z-index:100}.sidebar,.sidebar-main{display:flex;flex-direction:column}.sidebar-main{flex-grow:1}.sidebar-bottom{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;flex-direction:column;margin-top:1rem}.sidebar-item{align-items:center;color:#333;color:var(--text-primary);display:flex;font-size:.875rem;gap:.75rem;padding:.875rem 1.5rem;text-decoration:none;transition:background-color .2s}.sidebar-item:hover{background-color:#f8f9fa}.sidebar-item.active{background-color:#e5f5e8;background-color:var(--primary-light);color:#4caf50;color:var(--primary-color);font-weight:500}.sidebar-item .icon{color:#666;color:var(--text-secondary);font-size:1.25rem}.sidebar-item.active .icon{color:#4caf50;color:var(--primary-color)}.main-content{background-color:#f5f5f5;background-color:var(--background-light);margin-left:250px;margin-left:var(--sidebar-width);min-height:calc(100vh - 60px);min-height:calc(100vh - var(--header-height))}@media (max-width:768px){.dashboard-container{margin-left:0}.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar-visible .sidebar{transform:translateX(0)}.main-content{margin-left:0;padding:1rem;width:100%}.sidebar-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:60px;top:var(--header-height);z-index:90}.sidebar-visible .sidebar-overlay{display:block}}.dashboard-header{background-color:#f0f0f5;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);height:60px;height:var(--header-height);justify-content:space-between;left:0;padding:0 1.5rem;position:fixed;right:0;top:0;z-index:1000}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.mobile-menu-btn{background:none;border:none;border-radius:4px;color:#333;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.mobile-menu-btn:hover{background-color:var(--background-hover)}.logo{align-items:center;color:#4caf50;color:var(--primary-color);display:flex;font-size:1.25rem;font-weight:600;text-decoration:none}.logo-image{height:45px;max-width:250px;object-fit:contain;transform:scaleX(1.15);transform-origin:left center;width:auto}.page-title{color:#333;color:var(--text-primary);display:none;font-size:1.25rem;font-weight:500;margin:0}.header-center{flex:1 1;margin:0 2rem;max-width:600px}.search-form{width:100%}.search-input-wrapper{position:relative;width:100%}.search-icon{color:#666;color:var(--text-secondary);font-size:.875rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:#f5f5f5;background-color:var(--background-light);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-primary);font-size:.875rem;padding:.5rem 1rem .5rem 2.5rem;width:100%}.search-input:focus{background-color:var(--background-white);border-color:#4caf50;border-color:var(--primary-color);outline:none}.header-right{gap:1rem}.header-icon-btn,.header-right{align-items:center;display:flex}.header-icon-btn{background:none;border:none;border-radius:4px;color:#333;color:var(--text-primary);cursor:pointer;font-size:1.25rem;justify-content:center;padding:.5rem}.header-icon-btn:hover{background-color:var(--background-hover)}.notification-wrapper{position:relative}.notification-dropdown{background-color:var(--background-white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);margin-top:.5rem;position:absolute;right:0;top:100%;width:320px}.notification-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.notification-header h3{font-size:1rem;margin:0}.mark-all-read{background:none;border:none;color:#4caf50;color:var(--primary-color);cursor:pointer;font-size:.875rem}.notification-list{max-height:300px;overflow-y:auto}.notification-empty{color:#666;color:var(--text-secondary);padding:2rem;text-align:center}.profile-wrapper{position:relative}.profile-dropdown{background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;position:absolute;right:0;top:100%;width:280px;z-index:1000}.profile-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:1rem}.profile-name{color:#333;color:var(--text-primary);font-size:1rem;font-weight:600}.profile-email{color:#666;color:var(--text-secondary);font-size:.875rem;margin-top:.25rem;word-break:break-all}.profile-menu{background-color:#fff;padding:.5rem 0}.profile-menu-item{align-items:center;background:none;border:none;color:#333;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.profile-menu-item:hover{background-color:#f8f9fa}.profile-menu-item .menu-icon{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-size:1.125rem;height:20px;justify-content:center;width:20px}.profile-menu-divider{background-color:#e0e0e0;background-color:var(--border-color);height:1px;margin:.5rem 0}.logout-button{color:#dc3545!important;color:var(--danger-color)!important}@media (max-width:1024px){.header-center{margin:0 1rem;max-width:400px}.page-title{display:block}}@media (max-width:768px){.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}.notification-dropdown,.profile-dropdown{border:none;border-radius:0;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);box-shadow:0 4px 12px #0003;height:auto;margin-top:0;max-height:calc(100vh - 60px);max-height:calc(100vh - var(--header-height));overflow-y:auto;position:fixed;right:0;top:60px;top:var(--header-height);width:100%}.profile-menu-item{font-size:1rem;padding:1rem}.profile-menu-item .menu-icon{font-size:1.25rem}.sidebar{transform:translateX(-100%);transition:transform .3s ease;width:280px}.sidebar-visible .sidebar{transform:translateX(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080}.main-content{margin-left:0;padding:1rem}.dashboard-header{padding:0 1rem}.header-right{gap:.5rem}.mobile-menu-btn{display:block;margin-right:.5rem;padding:.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{border-radius:4px;margin-bottom:1rem;padding:1rem}.error-message{background-color:#fee;border-left:3px solid #dc3545;border-left:3px solid var(--danger-color);color:#dc3545;color:var(--danger-color)}.error-message,.success-message{border-radius:4px;margin-bottom:1rem;padding:.75rem}.success-message{background-color:#e5f5e8;border-left:3px solid #28a745;border-left:3px solid var(--success-color);color:#28a745;color:var(--success-color)}.warning-message{background-color:#fff8e1;border-left:3px solid #ffc107;border-left:3px solid var(--warning-color);color:#ffc107;color:var(--warning-color)}.info-message,.warning-message{border-radius:4px;margin-bottom:1rem;padding:.75rem}.info-message{background-color:#e8f0ff;border-left:3px solid #9f8fc7;border-left:3px solid var(--info-color);color:#9f8fc7;color:var(--info-color)}.loading-container{color:#777;color:var(--gray-color);min-height:200px;padding:2rem}.loading-container,.loading-screen{align-items:center;display:flex;justify-content:center}.loading-screen{background-color:#f5f7fa;background-color:var(--light-color);flex-direction:column;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top:4px solid var(--primary-color);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{margin:0 auto;max-width:800px;padding:3rem 2rem;text-align:center}.error-container h2{color:#dc3545;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{border-radius:50px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.badge-primary{background-color:#4caf50;background-color:var(--primary-color);color:#fff}.badge-secondary{background-color:#666;color:#fff}.badge-success{background-color:#28a745;background-color:var(--success-color);color:#fff}.badge-danger{background-color:#dc3545;background-color:var(--danger-color);color:#fff}.badge-warning{background-color:#ffc107;background-color:var(--warning-color);color:#333}.badge-info{background-color:#9f8fc7;background-color:var(--info-color);color:#fff}@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{font-size:1rem;padding:.75rem 1.25rem;width:100%}.card{border-radius:8px;margin-bottom:1rem;padding:1rem}.table-responsive{-webkit-overflow-scrolling:touch;margin:0 -1rem;overflow-x:auto;padding:0 1rem}.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{font-size:.875rem;padding:.625rem 1rem}.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{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1440px;padding:2rem;transition:all .3s ease;width:100%}@media (max-width:768px){.main-content{padding:1rem}.dashboard-container{margin-top:60px;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;max-height:calc(100vh - 60px);max-height:calc(100vh - var(--header-height));overflow-y:auto}}
/*# sourceMappingURL=main.b2766ea4.css.map*/