:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.error-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8d7da;background-image:linear-gradient(145deg,#f8d7da,#f1b0b7);color:#721c24;font-family:Arial,sans-serif;text-align:center;padding:20px;opacity:0;animation:fadeIn 1s forwards}.error-message{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 8px 16px #0000001a;width:80%;max-width:500px;animation:bounceIn 1.5s ease}.error-message h1{font-size:36px;margin-bottom:10px;font-weight:700;color:#a71d2a}.error-message p{font-size:18px;margin-bottom:20px;color:#a71d2a}.backToHome{background-color:#f44336;color:#fff;border:none;padding:12px 25px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;animation:buttonShake 1s ease-in-out infinite}.backToHome:hover{background-color:#d32f2f}.backToHome:focus{outline:none}@keyframes fadeIn{to{opacity:1}}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.1)}80%{transform:scale(.95)}to{transform:scale(1)}}@media (max-width: 600px){.error-message{padding:20px;width:90%;max-width:100%}.error-message h1{font-size:28px}.error-message p{font-size:16px}.backToHome{padding:10px 20px;font-size:14px}}@media (max-width: 1024px){.error-message{width:75%;max-width:400px}.error-message h1{font-size:32px}.error-message p{font-size:18px}}.dash-container{max-width:1200px;margin:30px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000080;font-family:Segoe UI,Tahoma,sans-serif;display:flex;flex-direction:column;gap:20px}.dash-search{display:flex;align-items:center;gap:10px;background:#f8f9fa;padding:10px 15px;border-radius:8px;margin-bottom:20px}.dash-search input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#333}.dash-search svg{color:#666}.table-scroll{overflow-x:auto;overflow-y:auto;max-height:336px;border-radius:12px;border:1px solid #ddd;background:#fff;box-shadow:inset 0 0 5px #0000000d;padding:8px;-webkit-overflow-scrolling:touch;white-space:nowrap}.dash-vehicle-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;table-layout:auto}.dash-vehicle-table th,.dash-vehicle-td{white-space:nowrap;padding:10px 12px}.dash-vehicle-table th{position:sticky;top:0;background:linear-gradient(90deg,#4a90e2,#357abd);color:#fff;font-weight:600;padding:10px 12px;text-align:left;z-index:2}.dash-vehicle-table tr{height:48px}.dash-vehicle-td{padding:10px 12px;border-bottom:1px solid #eee;background-color:#fafafa;color:#333;line-height:1.5;max-width:30ch;overflow-wrap:break-word;white-space:normal}.dash-vehicle-table tbody tr:nth-child(2n) .dash-vehicle-td{background-color:#f1f3f6}.dash-vehicle-table tbody tr:hover .dash-vehicle-td{background-color:#dbe9ff;transition:.3s}.edit-btn{border:none;background-color:#e6f4ea;color:#198754;cursor:pointer;padding:6px 10px;border-radius:6px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease,transform .2s ease,box-shadow .3s ease}.edit-btn:hover{background-color:#198754;color:#fff;transform:scale(1.08);box-shadow:0 4px 10px #00000026}.edit-btn:active{background-color:#145c32;color:#fff;transform:scale(.95);box-shadow:0 2px 6px #0003}.no-data{text-align:center;color:red;font-weight:500;padding:15px 0}.row-toggle-btn{padding:6px 12px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.row-toggle-btn:hover{background-color:#0056b3;transform:scale(1.05)}.row-toggle-btn:active{background-color:#004080;transform:scale(.98)}.row-toggle-btn.expanded{background-color:#28a745}.row-toggle-btn.expanded:hover{background-color:#218838}.nested-row td{padding:10px;background:#f9f9f9}.dash-approval-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000000d;table-layout:fixed}.dash-approval-table th,.dash-approval-table td{padding:8px 10px;border-bottom:1px solid #ddd;background-color:#fff;line-height:1.4;text-align:left;word-wrap:break-word;word-break:break-word}.dash-approval-table th{white-space:nowrap}.dash-approval-table tbody tr:nth-child(2n) td{background-color:#f1f3f6}.dash-approval-table tbody tr:hover td{background-color:#dbe9ff}.dash-approval-table td.approval-trip{min-width:180px}.dash-approval-table td.approval-updated{min-width:140px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-form{background:#fff;padding:25px 30px;border-radius:12px;width:450px;max-width:90%;box-shadow:0 8px 25px #0000004d;display:flex;flex-direction:column;gap:15px;position:relative}.popup-form h2{margin-bottom:10px;color:#333;font-size:20px;font-weight:600}.popup-form label{font-size:14px;color:#555}.popup-form input,.popup-form select,.popup-form textarea{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #ccc;outline:none;font-size:14px;color:#333}.popup-form textarea{resize:vertical;min-height:60px}.popup-actions{display:flex;justify-content:flex-end;gap:10px}.popup-actions button[type=submit]{padding:8px 15px;border-radius:6px;border:none;background-color:#28a745;color:#fff;cursor:pointer;font-weight:500;transition:.3s}.popup-actions button[type=submit]:hover{background-color:#218838}.popup-actions button[type=button]{padding:8px 12px;border-radius:6px;border:none;background-color:#dc3545;color:#fff;cursor:pointer;transition:.3s}.popup-actions button[type=button]:hover{background-color:#b02a37}@media (max-width: 768px){.dash-container{padding:15px}.dash-vehicle-table{min-width:700px;font-size:13px}.nested-row td{padding:5px}.dash-approval-table{font-size:12px;min-width:600px}.table-scroll{max-height:350px}.popup-form{width:90%;padding:20px}}@media (max-width: 480px){.dash-vehicle-table{min-width:600px;font-size:12px}.dash-vehicle-table th,.dash-vehicle-td{padding:6px 8px}.table-scroll{max-height:300px}.dash-approval-table{font-size:11px;min-width:500px}}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;margin:0;padding:0;width:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background-color:#fff;box-shadow:0 2px 6px #0000001a;position:sticky;top:0;z-index:999;width:100%}.header-logo{display:flex;align-items:center;gap:16px}.header-logo img{height:50px;width:auto;object-fit:contain}.header-right{display:flex;align-items:center;gap:16px}.bell-icon-container{position:relative;cursor:pointer}.bell-icon{color:#ffb343;transition:all .2s ease}.bell-icon-container:hover .bell-icon{color:#007bff}.bell-count{position:absolute;top:-6px;right:-6px;background-color:#ff4d4f;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:50%}.bell-popup{position:absolute;top:60px;right:24px;width:280px;max-width:90%;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1002;padding:12px;animation:fadeIn .2s ease-in-out}.bell-popup .error-message{color:#ff4d4f;font-size:14px;margin-bottom:8px;text-align:center}.dashboard-stats{display:flex;flex-direction:column;gap:10px}.dashboard-stats .stat{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f0f0f0;border-radius:6px}.dashboard-stats .stat h3{display:flex;align-items:center;gap:6px;font-size:14px;margin:0}.dashboard-stats .stat p{font-size:14px;font-weight:700;margin:0}.header-hamburger,.kebab-btn{display:none;font-size:28px;background:none;border:none;cursor:pointer;z-index:1001}.header-nav{display:flex;align-items:center;gap:20px}.nav-link,.nav-btn{text-decoration:none;color:#333;font-weight:500;padding:8px 14px;border-radius:6px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.nav-link:hover,.nav-btn:hover{background-color:#f0f0f0;color:#000}.nav-icon{font-size:18px;color:#007bff}.logout-btn{background-color:#ff4d4f;color:#fff;border:none;cursor:pointer}.logout-btn:hover{background-color:#e60000}.highlight-nav{background-color:#fffae6;color:#d35400;border-radius:5px;transition:background-color .3s ease;padding:5px 10px}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-btn{background:none;border:none;color:#333;cursor:pointer;font-size:16px;padding:8px 12px;border-radius:6px}.nav-dropdown-btn:hover{background-color:#f0f0f0;color:#000}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#007bff;min-width:150px;border-radius:5px;overflow:hidden;z-index:10}.dropdown-item{display:block;padding:8px 12px;color:#fff;text-decoration:none;font-size:14px}.dropdown-item:hover{background-color:#0056b3}.user-dropdown-container{position:relative}.user-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-weight:500;color:#333}.user-btn:hover{color:#007bff}.user-fullname{font-size:14px}.user-dropdown-menu{position:absolute;top:110%;right:0;background-color:#007bff;min-width:150px;max-width:90%;border-radius:6px;overflow:hidden;z-index:1002;box-shadow:0 4px 12px #00000026}.user-dropdown-menu .dropdown-item{color:#fff}.user-dropdown-menu .dropdown-item:hover{background-color:#0056b3}@media (max-width: 768px){.header-hamburger,.kebab-btn{display:block}.header-nav{position:fixed;top:0;right:-100%;height:100%;width:100%;max-width:300px;flex-direction:column;align-items:flex-start;background:#fff;padding:20px;box-shadow:-2px 0 6px #0003;transition:right .3s ease-in-out;z-index:1000;overflow-y:auto}.header-nav.open{right:0}.nav-link,.nav-btn{width:100%;padding:12px 0;border-radius:0;justify-content:flex-start}.dropdown-menu{position:relative;top:0;left:0;width:100%;border-radius:0;margin-top:4px}.dropdown-item{width:100%}.bell-popup{top:60px;right:5%;width:90%;max-width:280px}.user-dropdown-menu{right:5%;top:60px;min-width:140px;max-width:90%}.user-dropdown-container{display:none}.kebab{display:block}.kebab-container{display:block;position:relative}}.kebab-btn{font-size:26px;background:none;border:none;cursor:pointer}.kebab-dropdown{position:absolute;top:40px;right:0;background-color:#007bff;color:#fff;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;white-space:nowrap;z-index:1002}.kebab-dropdown div,.kebab-dropdown a{padding:10px 12px;cursor:pointer;text-decoration:none;color:#fff}.kebab-dropdown div:hover,.kebab-dropdown a:hover{background-color:#0056b3}.kebab-expanded{position:fixed;top:0;right:0;width:100%;max-width:300px;height:100%;background-color:#fff;z-index:1002;padding:20px;box-shadow:-2px 0 6px #0003;overflow-y:auto;transition:transform .3s ease-in-out}.user-item{padding:12px;cursor:pointer;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;font-weight:500}.user-item.active{background-color:#f0f0f0}.mobile-overlay.active{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.role-badge{font-size:.6rem;font-weight:600;color:#fff;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.user-fullname{font-size:.9rem;font-weight:500}.user-info-dropdown{padding:8px 12px;border-bottom:1px solid #eee;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;gap:8px}.user-name{font-weight:500;font-size:.9rem}.user-info-kebab{padding:8px 12px;border-bottom:1px solid #eee;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;gap:8px}@media (max-width: 768px){.user-info{display:none}.user-info-kebab{flex-direction:column;align-items:flex-start;gap:4px}.role-badge{font-size:.6rem;padding:1px 4px}}.app-footer{background-color:#1a1a1a;color:#f0f0f0;padding:40px 20px 20px;font-family:Arial,sans-serif}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;max-width:1200px;margin:0 auto}.footer-section{flex:1;min-width:220px}.footer-section h4{font-size:18px;margin-bottom:10px;color:#fc0}.footer-section p{font-size:14px;line-height:1.6;margin:4px 0}.footer-socials{display:flex;gap:15px;margin-top:8px}.social-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#f0f0f0;background-color:#333;width:36px;height:36px;border-radius:50%;transition:all .3s}.social-link:hover{background-color:#fc0;color:#1a1a1a}.footer-bottom{text-align:center;font-size:13px;margin-top:25px;border-top:1px solid #333;padding-top:15px}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-section{min-width:100%}.footer-socials{justify-content:center}}html,body,#root{height:100%;margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}*{margin:0;padding:0}.vehicleRequest{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;padding:2rem}.vehicleRequest .head-image{display:flex;margin-top:-40px}.vehicleRequest .head-image img{width:250px}.vehicleRequest form{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:10px;width:400px;padding:3rem;border-radius:6px;border-top:5px solid #c2137cff;box-shadow:1px 1px 9px 1px #00000080}.vehicleRequest h2{color:#2bb1bd}.vehicleRequest span{color:#c2137c}form div{display:flex;justify-content:start;align-items:start;gap:13rem}form input,select,textarea{width:100%;height:35px;outline:none;padding-left:5px;border:1px solid #c4c3c3;border-radius:3px}form textarea{padding:8px}form button{border:none;background-color:transparent;color:#2bb1bd}form input[type=submit]{background-color:#2bb1bd;border:none;color:#fff;font-weight:700;border-radius:4px}.vr-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;padding:2rem;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.vr-form{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:15px;width:100%;max-width:400px;padding:2rem;border-radius:6px;border-top:5px solid #c2137cff;box-shadow:1px 1px 9px 1px #00000080;background:#fff}.vr-head-image{display:flex;justify-content:center;width:100%;margin-bottom:1rem}.vr-head-image img{width:200px;height:auto}.vr-icons{display:flex;justify-content:center;align-items:center;gap:2rem;width:100%;margin:10px 0}.vr-title{color:#2bb1bd;text-align:center;width:100%;margin-bottom:1rem;font-size:1.5rem}.vr-label{font-weight:600;color:#333;font-size:.9rem}.vr-recommended{color:#c2137c;font-size:.8rem;font-weight:400}.vr-input,.vr-select,.vr-textarea{width:100%;height:40px;outline:none;padding:0 10px;border:1px solid #c4c3c3;border-radius:4px;font-size:14px;transition:border-color .3s ease}.vr-textarea{padding:10px;height:80px;resize:vertical;min-height:80px}.vr-input:focus,.vr-select:focus,.vr-textarea:focus{border-color:#2bb1bd;box-shadow:0 0 0 2px #2bb1bd1a}.vr-add-new-input{display:flex;gap:.5rem;align-items:stretch;width:100%;margin-bottom:10px}.vr-new-input{flex:1;padding:8px 12px;border:1px solid #c4c3c3;border-radius:4px;font-size:14px;outline:none;background:#fff;min-height:40px;box-sizing:border-box}.vr-new-input:focus{border-color:#2bb1bd;box-shadow:0 0 0 2px #2bb1bd1a}.vr-add-new-actions{display:flex;gap:.25rem;align-items:center}.vr-add-btn,.vr-cancel-btn{padding:8px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.vr-add-btn{background:#28a745;color:#fff}.vr-add-btn:hover:not(:disabled){background:#218838;transform:scale(1.05)}.vr-add-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none!important}.vr-cancel-btn{background:#dc3545;color:#fff}.vr-cancel-btn:hover{background:#c82333;transform:scale(1.05)}.vr-buttons{display:flex;gap:10px;width:100%;margin-top:1rem}.vr-reset-btn{display:flex;align-items:center;justify-content:center;gap:5px;background:#6b7280;color:#fff;border:none;padding:12px 15px;border-radius:4px;cursor:pointer;font-weight:600;flex:1;transition:all .2s ease}.vr-reset-btn:hover{background:#4b5563;transform:scale(1.02)}.vr-submit-btn{background:#2bb1bd;color:#fff;border:none;padding:12px 15px;border-radius:4px;cursor:pointer;font-weight:700;flex:2;transition:all .2s ease}.vr-submit-btn:hover{background:#219cae;transform:scale(1.02)}@media (max-width: 480px){.vr-container{padding:1rem}.vr-form{padding:1.5rem;max-width:100%}.vr-head-image img{width:150px}.vr-add-new-input{flex-direction:column;gap:.5rem}.vr-add-new-actions{width:100%;justify-content:stretch}.vr-add-btn,.vr-cancel-btn{flex:1;min-height:40px}.vr-buttons{flex-direction:column}}@media (min-width: 768px){.vr-form{max-width:450px}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-form{background-color:#fff;padding:2.5rem 3rem;border-radius:12px;box-shadow:0 6px 18px #0000001a;width:100%;max-width:400px;box-sizing:border-box}.login-title{text-align:center;font-weight:700;font-size:2.25rem;margin-bottom:2rem;color:#333;letter-spacing:2px}.login-input-group{position:relative;margin-bottom:1.6rem;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;color:#7a7a7a;pointer-events:none}.login-input-field{width:100%;padding:12px 12px 12px 44px;font-size:1rem;border:2px solid #ddd;border-radius:8px;transition:border-color .3s ease;outline-offset:2px}.login-input-field:focus{border-color:#4f46e5;box-shadow:0 0 5px #4f46e580}.login-btn-submit{width:100%;background-color:#4f46e5;color:#fff;font-weight:600;font-size:1.1rem;padding:14px 0;border:none;border-radius:10px;cursor:pointer;margin-top:1.4rem;transition:background-color .3s ease}.login-btn-submit:hover:not(:disabled){background-color:#4338ca}.login-btn-submit:disabled{background-color:#a5b4fc;cursor:not-allowed}.login-signup-text{margin-top:1.6rem;text-align:center;font-size:.95rem;color:#555}.login-signup-link{margin-left:6px;color:#4f46e5;font-weight:600;text-decoration:none;transition:color .3s ease}.login-signup-link:hover,.login-signup-link:focus{color:#4338ca;text-decoration:underline}.login-error-message{margin-top:1rem;text-align:center;color:#dc2626;font-weight:600;font-size:.95rem}.approvalAdmin-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.approvalAdmin-form{background-color:#fff;padding:25px;width:420px;border-radius:10px;box-shadow:0 6px 20px #00000040;display:flex;flex-direction:column;gap:12px;position:relative}.approvalAdmin-form h2{color:#007bff;margin-bottom:5px;text-align:center;font-size:1.4rem;font-weight:600}.approvalAdmin-form label{font-weight:500;margin-top:8px;margin-bottom:4px;font-size:14px;color:#333}.approvalAdmin-form input[type=text],.approvalAdmin-form select,.approvalAdmin-form textarea{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #ccc;outline:none;font-size:14px;font-family:inherit}.approvalAdmin-form input[type=text]:focus,.approvalAdmin-form select:focus,.approvalAdmin-form textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.approvalAdmin-form textarea{min-height:80px;resize:vertical;line-height:1.4}.approvalAdmin-form input[readonly]{background-color:#f8f9fa;color:#6c757d}.approvalAdmin-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;align-items:center}.approvalAdmin-actions input[type=submit]{background-color:#28a745;color:#fff;font-weight:500;border-radius:6px;padding:8px 16px;border:none;cursor:pointer;font-size:14px;min-width:80px}.approvalAdmin-actions button{background-color:#dc3545;color:#fff;border-radius:6px;padding:8px 16px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;min-width:70px;gap:4px}.approvalAdmin-actions button:first-child{background-color:#6c757d}.approvalAdmin-actions button:last-child{background-color:#17a2b8}.approvalAdmin-actions button:hover,.approvalAdmin-actions input[type=submit]:hover{opacity:.9;transform:translateY(-1px);transition:all .2s ease}.approvalAdmin-actions input[type=submit]:disabled,.approvalAdmin-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.bulk-indicator{background:#e3f2fd;padding:12px 16px;border-radius:8px;margin-bottom:15px;border-left:4px solid #2196f3;display:flex;justify-content:space-between;align-items:center}.bulk-requester{font-weight:600;color:#1976d2;font-size:14px}.bulk-progress{font-size:13px;color:#666;font-weight:500}.add_vin_group{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#e3f2fd,#fff);border:1px solid #d0e3fa;border-radius:12px;padding:14px 18px;box-shadow:0 3px 10px #007bff26;transition:.3s ease;margin-top:16px}.add_vin_group:hover{box-shadow:0 5px 15px #007bff40;transform:translateY(-1px)}.add_vin_group label{font-weight:500;font-size:11px;color:#0d47a1;text-transform:uppercase;letter-spacing:.5px;margin-right:8px;white-space:nowrap}.input_with_btn{display:flex;align-items:center;gap:10px;flex:1}.vin_input{flex:1;padding:10px 14px;border:1px solid #b0bec5;border-radius:8px;font-size:15px;font-family:Inter,sans-serif;letter-spacing:2px;background:#fff;transition:.2s ease;box-shadow:inset 0 1px 2px #0000000d}.vin_input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d233}.add_vin_btn{background:linear-gradient(90deg,#1976d2,#00bcd4);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;font-size:15px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #1976d259;white-space:nowrap}.add_vin_btn:hover{transform:scale(1.05);background:linear-gradient(90deg,#1565c0,#0097a7);box-shadow:0 6px 15px #1976d280}.add_vin_btn:active{transform:scale(.97)}.add_vin_btn:disabled{background:#90a4ae;box-shadow:none;cursor:not-allowed}.vin_success_message{background:#d4edda;color:#155724;padding:8px 12px;border-radius:6px;border:1px solid #c3e6cb;margin-left:10px;font-size:14px;font-weight:500;animation:fadeIn .4s ease-in-out;box-shadow:0 0 6px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.add_vin_group{flex-direction:column;align-items:stretch;text-align:center}.input_with_btn{flex-direction:column}.vin_success_message{margin-left:0;margin-top:10px}}.add-vin-input{display:flex;gap:8px;align-items:center}.vin-input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.vin-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.vin-actions{display:flex;gap:5px}.add-vin-btn,.cancel-vin-btn{padding:10px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.add-vin-btn{background:#28a745;color:#fff}.add-vin-btn:hover:not(:disabled){background:#218838;transform:scale(1.05)}.add-vin-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.cancel-vin-btn{background:#dc3545;color:#fff}.cancel-vin-btn:hover{background:#c82333;transform:scale(1.05)}.approvalAdmin-form select{width:100%;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;transition:border-color .3s ease}.approvalAdmin-form select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rr-highlighted{background-color:#ffc!important;border-left:4px solid #007bff!important;animation:pulse-highlight 2s ease-in-out;box-shadow:0 0 10px #007bff4d}.rr-highlighted td{background-color:#ffc!important;position:relative;animation:cell-pulse 2s ease-in-out}.rr-highlighted td:first-child{border-left:4px solid #007bff!important}.rr-highlighted td:last-child{border-right:2px solid #007bff!important}.rr-highlighted .rr-highlight-cell{background:linear-gradient(135deg,#fff9c4,#fff59d)!important;color:#333!important;font-weight:500;animation:cell-glow 2s ease-in-out;border-bottom:1px solid #ffd54f!important}.rr-highlighted .rr-highlight-id{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:700;font-size:14px;animation:id-pulse 2s ease-in-out;box-shadow:0 2px 8px #667eea66}.rr-highlighted .rr-highlight-status{background:linear-gradient(135deg,#ffd89b,#19547b)!important;color:#fff!important;font-weight:700;animation:status-glow 2s ease-in-out}.rr-highlighted .rr-highlight-actions{background:linear-gradient(135deg,#a8edea,#fed6e3)!important;animation:actions-pulse 2s ease-in-out}.rr-highlighted .rr-approval-link,.rr-highlighted .rr-reject-link,.rr-highlighted .rr-view-link{background:#fff!important;border:2px solid!important;font-weight:700;transform:scale(1.05);box-shadow:0 2px 8px #0003;transition:all .3s ease}.rr-highlighted .rr-approval-link{color:#28a745!important;border-color:#28a745!important}.rr-highlighted .rr-reject-link{color:#dc3545!important;border-color:#dc3545!important}.rr-highlighted .rr-view-link{color:#4299e1!important;border-color:#4299e1!important}.rr-highlighted .rr-approval-link:hover{background:#28a745!important;color:#fff!important;transform:scale(1.1)}.rr-highlighted .rr-reject-link:hover{background:#dc3545!important;color:#fff!important;transform:scale(1.1)}.rr-highlighted .rr-view-link:hover{background:#4299e1!important;color:#fff!important;transform:scale(1.1)}@keyframes cell-glow{0%{background:linear-gradient(135deg,#fff9c4,#fff59d)!important}50%{background:linear-gradient(135deg,#fff59d,#fff176)!important}to{background:linear-gradient(135deg,#fff9c4,#fff59d)!important}}@keyframes id-pulse{0%{transform:scale(1);box-shadow:0 2px 8px #667eea66}50%{transform:scale(1.02);box-shadow:0 4px 16px #667eea99}to{transform:scale(1);box-shadow:0 2px 8px #667eea66}}@keyframes status-glow{0%{box-shadow:0 0 5px #ffd89b80}50%{box-shadow:0 0 15px #ffd89bcc}to{box-shadow:0 0 5px #ffd89b80}}@keyframes actions-pulse{0%{background:linear-gradient(135deg,#a8edea,#fed6e3)!important}50%{background:linear-gradient(135deg,#fed6e3,#a8edea)!important}to{background:linear-gradient(135deg,#a8edea,#fed6e3)!important}}.rr-notification-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .5s ease-out;box-shadow:0 4px 12px #667eea4d;border-left:4px solid #ffd32a}.rr-notification-banner:before{content:"🔔";margin-right:8px;font-size:18px}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.rr-notification-close{background:#fff3;border:none;color:#fff;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.rr-notification-close:hover{background:#ffffff4d;transform:scale(1.1)}.rr-container{width:100%;max-width:1300px;margin:20px auto;padding:20px;font-family:Inter,Arial,sans-serif;background-color:#f7f8fa;border-radius:12px;box-shadow:0 6px 25px #0000004d;color:#333;overflow-x:hidden}.rr-search{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px;padding:10px 12px;border-radius:10px;border:1px solid #ccc;background-color:#fff;flex-wrap:wrap}.rr-search svg{color:#999;flex-shrink:0}.rr-search input,.rr-status-filter{flex:1 1 48%;min-width:160px;border:1px solid #ccc;border-radius:6px;outline:none;font-size:14px;padding:6px 8px}.rr-search input:focus,.rr-status-filter:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e24d}@media (max-width: 600px){.rr-search{flex-direction:column;align-items:stretch}.rr-search input,.rr-status-filter{flex:1 1 100%;width:100%}}.rr-bulk-toolbar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #667eea33}.rr-bulk-info{font-weight:600;font-size:14px;color:#fff!important}.rr-bulk-actions{display:flex;gap:8px}.rr-bulk-approve,.rr-bulk-reject,.rr-bulk-clear{border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:13px;transition:all .2s ease;color:#fff}.rr-bulk-approve{background:#10b981}.rr-bulk-reject{background:#ef4444}.rr-bulk-clear{background:#6b7280}.rr-bulk-approve:hover:not(:disabled){background:#059669}.rr-bulk-reject:hover:not(:disabled){background:#dc2626}.rr-bulk-clear:hover:not(:disabled){background:#4b5563}.rr-bulk-approve:disabled,.rr-bulk-reject:disabled,.rr-bulk-clear:disabled{opacity:.5;cursor:not-allowed}.rr-row-selected td{background:linear-gradient(135deg,#f093fb,#f5576c)!important;color:#fff!important;border-bottom-color:#ffffff4d!important}.rr-row-selected .rr-status-cell,.rr-row-selected .destinationPlace,.rr-row-selected .tripPlace{color:#fff!important}.rr-table-wrapper{max-height:432px;overflow-y:auto;overflow-x:auto;border-radius:10px;border:1px solid #ddd;background-color:#fff;box-shadow:inset 0 0 5px #0000000d;padding:8px;width:100%}.rr-table{width:auto;min-width:900px;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:auto}.rr-table th{padding:10px 12px;text-align:left;font-weight:600;color:#fff;background:linear-gradient(90deg,#4a90e2,#357abd);position:sticky;top:0;z-index:10;white-space:nowrap}.rr-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee;background-color:#fafafa;color:#333;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.rr-table th:first-child,.rr-table td:first-child{width:40px;min-width:40px;max-width:40px;text-align:center}.rr-table th:nth-child(2),.rr-table td:nth-child(2){width:80px;min-width:80px;max-width:80px}.rr-table th:nth-child(3),.rr-table td:nth-child(3),.rr-table th:nth-child(4),.rr-table td:nth-child(4){width:120px;min-width:120px;max-width:120px}.rr-table th:nth-child(5),.rr-table td:nth-child(5){width:150px;min-width:150px;max-width:150px}.rr-table th:nth-child(6),.rr-table td:nth-child(6){width:180px;min-width:180px;max-width:180px}.rr-table th:nth-child(7),.rr-table td:nth-child(7),.rr-table th:nth-child(8),.rr-table td:nth-child(8){width:200px;min-width:200px;max-width:200px;white-space:normal;overflow-wrap:break-word}.rr-table th:nth-child(9),.rr-table td:nth-child(9){width:120px;min-width:120px;max-width:120px}.rr-table th:nth-child(10),.rr-table td:nth-child(10){width:100px;min-width:100px;max-width:100px}.rr-table th:nth-child(11),.rr-table td:nth-child(11){width:200px;min-width:200px;max-width:200px;white-space:nowrap}.rr-table tbody tr:nth-child(2n) td{background-color:#f1f3f6}.rr-table tbody tr:hover td{background-color:#dbe9ff;transition:.3s}.rr-no-data{text-align:center;color:#999;font-weight:500;padding:15px 0}.rr-approval-link{display:inline-block;padding:4px 8px;background-color:#28a745;color:#fff;border:none;border-radius:4px;text-decoration:none;font-size:12px;transition:background .3s;margin:2px;white-space:nowrap}.rr-reject-link{display:inline-block;padding:4px 8px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;text-decoration:none;font-size:12px;transition:background .3s;margin:2px;white-space:nowrap}.rr-view-link{background:#4299e1;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:.85rem;cursor:pointer;margin:2px;transition:background .2s ease;white-space:nowrap}.rr-reject-link:hover{background-color:#c82333}.rr-approval-link:hover{background-color:#218838}.rr-view-link:hover{background:#3182ce}.rr-row td.destinationPlace,.rr-row td.tripPlace{white-space:normal;max-width:200px;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.rr-approval-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.rr-status-cell{position:relative;cursor:default}.rr-tooltip{visibility:hidden;opacity:0;position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:#333;color:#fff;padding:3px 6px;border-radius:4px;white-space:nowrap;font-size:12px;transition:opacity .2s ease;margin-left:8px;z-index:10}.rr-status-cell:hover .rr-tooltip{visibility:visible;opacity:1}.rr-table input[type=checkbox]{width:16px;height:16px;cursor:pointer}.rr-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.rr-confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:2000}.rr-confirm-box{background:#fff;padding:20px 25px;border-radius:8px;box-shadow:0 2px 8px #0003;text-align:center;min-width:280px}.rr-confirm-actions{display:flex;justify-content:space-around;margin-top:15px}.rr-confirm-yes{background:#d9534f;color:#fff;border:none;padding:6px 14px;border-radius:5px;cursor:pointer}.rr-confirm-yes:hover{background:#c9302c}.rr-confirm-no{background:#6c757d;color:#fff;border:none;padding:6px 14px;border-radius:5px;cursor:pointer}.rr-confirm-no:hover{background:#5a6268}.rr-confirm-close{background:#007bff;color:#fff;border:none;padding:6px 14px;border-radius:5px;cursor:pointer}.rr-confirm-close:hover{background:#0056b3}.rr-reject-message{font-weight:700;color:#d9534f;margin-bottom:12px}.rr-reject-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rr-reject-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rr-reject-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1e5e9;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.rr-reject-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.rr-reject-modal-close{background:none;border:none;font-size:24px;color:#fff;cursor:pointer;padding:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.rr-reject-modal-close:hover{background:#fff3}.rr-reject-modal-body{padding:24px}.rr-reject-modal-info{margin:0 0 20px;color:#666;line-height:1.5;font-size:.95rem}.rr-reject-reason-input label{display:block;margin-bottom:8px;font-weight:600;color:#333}.rr-reject-textarea{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s;background:#fafbfc}.rr-reject-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.rr-reject-textarea::placeholder{color:#999}.rr-reject-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e1e5e9;background:#f8f9fa}.rr-reject-cancel{padding:10px 20px;border:2px solid #dc3545;border-radius:6px;background:#fff;color:#dc3545;font-weight:600;cursor:pointer;transition:all .2s}.rr-reject-cancel:hover{background:#dc3545;color:#fff}.rr-reject-confirm{padding:10px 20px;border:none;border-radius:6px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.rr-reject-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.rr-reject-confirm:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.rr-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.rr-detail-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;animation:rr-modal-appear .3s ease-out}@keyframes rr-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.rr-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1e5e9;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.rr-detail-modal-header h3{margin:0;font-size:1.4rem;font-weight:600}.rr-detail-modal-close{background:#fff3;border:none;color:#fff;font-size:24px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.rr-detail-modal-close:hover{background:#ffffff4d}.rr-detail-content{padding:24px}.rr-detail-section{margin-bottom:24px}.rr-detail-section h4{margin:0 0 16px;color:#2d3748;font-size:1.1rem;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.rr-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rr-detail-item{display:flex;flex-direction:column;gap:4px}.rr-detail-item.full-width{grid-column:1 / -1}.rr-detail-item strong{color:#4a5568;font-size:.9rem;font-weight:600}.rr-detail-item span{color:#2d3748;font-size:1rem;word-break:break-word}.rr-rejection-reason{background:#fff5f5;border:1px solid #fed7d7;border-radius:6px;padding:12px;color:#c53030;font-style:italic;margin-top:4px}.rr-detail-modal-actions{padding:16px 24px;border-top:1px solid #e1e5e9;display:flex;justify-content:flex-end;background:#f7fafc;border-radius:0 0 12px 12px}.rr-detail-close{background:#667eea;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s ease}.rr-detail-close:hover{background:#5a6fd8}.rr-error{color:#d9534f;background:#f8d7da;padding:10px 15px;border-radius:6px;margin:10px 0;border:1px solid #f5c6cb;font-weight:500}@media (max-width: 768px){.rr-table th,.rr-table td{font-size:12px;padding:6px 8px}.rr-table-wrapper{max-height:315px;overflow-x:auto}.rr-container{width:98%;padding:15px;margin:10px auto}.rr-table{min-width:800px}.rr-bulk-toolbar{flex-direction:column;gap:10px;align-items:flex-start}.rr-bulk-actions{width:100%;justify-content:space-between}.rr-detail-modal{width:95%;margin:20px}.rr-detail-grid{grid-template-columns:1fr}.rr-detail-modal-header{padding:16px 20px}.rr-detail-content{padding:20px}}@media (max-width: 480px){.rr-table{min-width:700px}.rr-container{padding:10px;margin:5px auto;width:calc(100% - 20px)}.rr-bulk-actions{flex-direction:column;gap:5px}.rr-bulk-approve,.rr-bulk-reject,.rr-bulk-clear{width:100%;text-align:center}}.signup-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;box-sizing:border-box}.signup-form-container{background-color:#fff;padding:2.5rem 3rem;border-radius:12px;box-shadow:0 6px 18px #0000001a;width:100%;max-width:400px;box-sizing:border-box}.signup-title-header{text-align:center;font-weight:700;font-size:2.25rem;margin-bottom:2rem;color:#333;letter-spacing:2px}.signup-input-group{position:relative;margin-bottom:1.6rem;display:flex;align-items:center}.signup-input-icon{position:absolute;left:14px;color:#7a7a7a;pointer-events:none}.signup-input-field{width:100%;padding:12px 12px 12px 44px;font-size:1rem;border:2px solid #ddd;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease;outline-offset:2px;background-color:#fff;color:#333}.signup-input-field::placeholder{color:#bbb}.signup-input-field:focus{border-color:#4f46e5;box-shadow:0 0 5px #4f46e580;outline:none}.signup-btn-submit{width:100%;background-color:#4f46e5;color:#fff;font-weight:600;font-size:1.1rem;padding:14px 0;border:none;border-radius:10px;cursor:pointer;margin-top:1.4rem;transition:background-color .3s ease}.signup-btn-submit:hover:not(:disabled){background-color:#4338ca}.signup-btn-submit:disabled{background-color:#a5b4fc;cursor:not-allowed}.signup-login-prompt{margin-top:1.6rem;text-align:center;font-size:.95rem;color:#555}.signup-login-link{margin-left:6px;color:#4f46e5;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-login-link:hover,.signup-login-link:focus{color:#4338ca;text-decoration:underline}.signup-error-message{margin-top:1rem;text-align:center;color:#dc2626;font-weight:600;font-size:.95rem}.signup-password-toggle{position:absolute;right:14px;color:#4f46e5;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem}.signup-password-toggle:hover{color:#4338ca}.signup-role-group{position:relative;margin-bottom:1.6rem}.signup-role-select{width:100%;border:1px solid #ddd;border-radius:8px;background-color:#fff;color:#333;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;text-align:left}.signup-role-group:after{content:"▾";position:absolute;top:50%;right:12px;transform:translateY(-50%);pointer-events:none;color:#7a7a7a;font-size:1rem}.signup-role-select option{color:#333;background-color:#fff}.signup-success-message{color:#28a745;margin-top:10px;text-align:center;font-weight:700}@media (max-width: 480px){.signup-form-container{padding:2rem}.signup-title-header{font-size:1.8rem}.signup-input-field{padding:10px 10px 10px 40px;font-size:.95rem}.signup-password-toggle{font-size:.8rem}.signup-btn-submit{font-size:1rem;padding:12px 0}}.customerSatisfaction{max-width:1200px;margin:20px auto;padding:15px;font-family:Arial,sans-serif;display:flex;flex-direction:column}.search{display:flex;align-items:center;margin-bottom:15px}.search input{width:100%;padding:8px 10px;margin-left:8px;border-radius:5px;border:1px solid #ccc;outline:none}.container-customerSatisfaction-table{overflow-y:auto;overflow-x:auto;flex:1}.customerSatisfaction-table{width:100%;min-width:600px;border-collapse:collapse}.customerSatisfaction-table th,.customerSatisfaction-table td{border:1px solid #ddd;padding:8px;text-align:left}.customerSatisfaction-table th{background-color:#f2f2f2;position:sticky;top:0;z-index:5}.co{width:35%}.customerSatisfaction-table tbody tr:nth-child(2n) td{background-color:#f9f9f9}.customerSatisfaction-table tbody tr:hover td{background-color:#e2f0ff;transition:.3s}@media (max-width: 768px){.co{width:auto}.customerSatisfaction-table th,.customerSatisfaction-table td{font-size:14px;padding:6px}}.drivers{max-width:750px;margin:0 auto;padding:10px;font-family:Arial,sans-serif;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0003;border-top:5px solid #c2137c;border-bottom:5px solid #c2137c}.drivers h1{text-align:center;color:#333;margin-bottom:15px;font-size:1.6em}.form-container{display:flex;flex-direction:column}fieldset{border:1px solid #ccc;border-radius:8px;padding:20px}legend{font-size:1.2em;font-weight:700;color:#555}.form-container div{display:flex;flex-wrap:wrap;gap:16px}.form-container div>div{flex-basis:calc(33.33% - 10.67px);box-sizing:border-box}label{display:block;font-weight:700;margin-bottom:5px;color:#333}input,select{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc;font-size:.95em;background-color:#fff}input:focus,select:focus{border-color:#007bff;outline:none;box-shadow:0 0 4px #007bff40}.submit-button{display:block;margin:20px auto 0;padding:10px 18px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:.3s}.submit-button:hover{background-color:#0056b3}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:10px}.modal-content{background:#fff;padding:20px;width:75%;max-width:750px;border-radius:10px;max-height:80vh;overflow-y:auto;box-shadow:0 6px 20px #0003}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.modal-buttons button{padding:6px 12px;border:none;border-radius:5px;cursor:pointer;font-size:.95em}.modal-buttons button:first-child{background-color:#007bff;color:#fff}.modal-buttons button:first-child:hover{background-color:#0056b3}.modal-buttons button:last-child{background-color:#aaa;color:#fff}.modal-buttons button:last-child:hover{background-color:#888}.modal-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.modal-form-grid input{width:100%;padding:8px 12px;border-radius:5px;border:1px solid #ccc;font-size:14px}.trip{max-width:1200px;margin:20px auto;padding:15px;font-family:Arial,sans-serif;display:flex;flex-direction:column;gap:15px;height:50vh}.add-trip-btn{padding:10px 18px;border:none;background-color:#007bff;color:#fff;border-radius:6px;cursor:pointer;font-weight:700;transition:.3s;width:fit-content}.add-trip-btn:hover{background-color:#0056b3}.table-wrapper{overflow-x:auto;max-height:60vh;padding:15px;border-radius:12px;background:linear-gradient(135deg,#fdfbfb,#ebedee);box-shadow:0 6px 20px #0000001a;margin-top:20px}table{width:100%;min-width:900px;border-collapse:collapse;table-layout:auto;font-family:Arial,sans-serif;font-size:14px;background-color:#fff}thead th{position:sticky;top:0;background:linear-gradient(90deg,#4a90e2,#007bff);color:#fff;font-weight:600;padding:12px 10px;text-align:center;border-bottom:2px solid #0056b3;white-space:nowrap}tbody td{padding:10px 8px;border-bottom:1px solid #eee;text-align:center;white-space:nowrap;color:#333;transition:background .2s ease}tbody tr:nth-child(2n) td{background-color:#f8f9fb}tbody tr:hover td{background-color:#e6f2ff}tbody td:nth-child(3),tbody td:nth-child(4),tbody td:nth-child(5),tbody td:nth-child(6){font-weight:700;color:#007bff}.error{color:red;font-weight:700;margin:10px 0}.success{color:green;font-weight:700;margin:10px 0}@media (max-width: 1024px){table th,table td{font-size:13px;padding:8px 6px}}@media (max-width: 768px){.modal-content{width:90%;max-height:85vh}table{min-width:700px}table th,table td{font-size:12px;padding:6px 4px}.form-container div>div{flex-basis:100%}.modal-form-grid{grid-template-columns:1fr}.submit-button{width:100%}}@media (max-width: 480px){table{min-width:600px}table th,table td{font-size:11px;padding:5px 3px}}.report-container{max-width:1200px;margin:20px auto;padding:20px;font-family:Inter,Arial,sans-serif;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 15px #00000026;display:flex;flex-direction:column;gap:15px}.report-title{font-size:24px;font-weight:700;text-align:center;color:#222;margin-bottom:10px}.report-error{color:#d9534f;background-color:#f8d7da;padding:12px 15px;border-radius:6px;margin-bottom:15px;border:1px solid #f5c6cb;font-size:14px;font-weight:500}.report-loading{text-align:center;padding:20px;color:#007bff;font-size:16px;font-weight:500;background-color:#e7f3ff;border-radius:6px;border:1px solid #b3d9ff}.report-export-buttons{display:flex;justify-content:flex-start;gap:10px;margin-bottom:10px}.report-export-buttons button{padding:8px 16px;border:none;border-radius:6px;background-color:#007bff;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:120px}.report-export-buttons button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.report-export-buttons button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.report-filter{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;align-items:flex-end;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.report-filter-label{display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:5px;margin:0;min-width:150px}.report-filter-input{padding:8px 12px;border-radius:6px;border:1px solid #ced4da;font-size:14px;transition:all .2s ease;background-color:#fff}.report-filter-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.report-filter-input:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.7}.report-filter-button{padding:8px 20px;background-color:#28a745;color:#fff;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;min-width:120px;height:fit-content}.report-filter-button:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.report-filter-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.report-reset-button{padding:8px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;min-width:100px;height:fit-content}.report-reset-button:hover:not(:disabled){background-color:#545b62;transform:translateY(-1px)}.report-reset-button:disabled{background-color:#868e96;cursor:not-allowed;opacity:.6;transform:none}.report-summary{display:flex;gap:30px;justify-content:center;font-size:15px;font-weight:500;color:#444;margin-bottom:5px;padding:15px;background-color:#e7f3ff;border-radius:8px;border:1px solid #b3d9ff}.report-summary p{margin:0;display:flex;align-items:center;gap:5px}.report-summary p strong{color:#0056b3}.report-section{display:flex;flex-direction:column;gap:10px}.report-section-title{font-size:20px;font-weight:600;margin-bottom:5px;border-bottom:2px solid #007bff;padding-bottom:8px;color:#2c3e50}.report-section-description{font-size:14px;color:#555;margin-bottom:8px;line-height:1.5}.report-table-container{overflow-x:auto;overflow-y:auto;max-height:440px;border-radius:8px;box-shadow:0 2px 12px #0000001a;border:1px solid #dee2e6;background-color:#fff}.report-table{width:100%;border-collapse:collapse;min-width:1200px}.report-table th,.report-table td{border:1px solid #dee2e6;padding:12px 15px;text-align:left;font-size:14px;line-height:1.4}.report-table th{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;font-weight:600;position:sticky;top:0;z-index:2;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.report-table tbody tr:nth-child(2n){background-color:#f8f9fa}.report-table tbody tr:hover{background-color:#e3f2fd;transition:all .2s ease;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.report-table tbody tr:nth-child(2n):hover{background-color:#e3f2fd}.report-table td:contains("Approved"){color:#28a745;font-weight:600}.report-table td:contains("Rejected"){color:#dc3545;font-weight:600}.report-table td:contains("Pending"){color:#ffc107;font-weight:600}@media (max-width: 1200px){.report-container{margin:15px;padding:15px}.report-table-container{max-height:400px}}@media (max-width: 1024px){.report-container{padding:15px}.report-summary{gap:20px;flex-direction:column;align-items:flex-start}.report-filter{gap:12px}.report-filter-label{flex:1 1 calc(50% - 12px);min-width:140px}.report-filter-button,.report-reset-button{flex:1 1 100%}.report-export-buttons{flex-wrap:wrap}.report-export-buttons button{flex:1 1 calc(33.333% - 10px);min-width:100px}}@media (max-width: 768px){.report-title{font-size:22px}.report-section-title{font-size:18px}.report-filter{flex-direction:column;align-items:stretch}.report-filter-label{flex:1 1 100%}.report-filter-input{width:100%}.report-filter-button,.report-reset-button{width:100%;margin-left:0!important}.report-table th,.report-table td{font-size:12px;padding:8px 10px}.report-table-container{max-height:355px}.report-summary{padding:12px;font-size:14px}.report-export-buttons button{padding:6px 12px;font-size:13px}}@media (max-width: 480px){.report-title{font-size:20px}.report-section-title{font-size:16px}.report-table{min-width:1000px}.report-table th,.report-table td{padding:6px 8px;font-size:11px}.report-table-container{max-height:310px}.report-summary{flex-direction:column;gap:8px;padding:10px}.report-filter{padding:12px}.report-error,.report-loading{padding:10px 12px;font-size:13px}}@media print{.no-print{display:none!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0;padding:0}.report-container{box-shadow:none;background-color:#fff;max-width:100%;margin:0;padding:10px;gap:10px}.report-table-container{overflow:visible!important;max-height:none!important;box-shadow:none!important;border:1px solid #000!important}.report-table{min-width:auto!important;width:100%!important}.report-table th,.report-table td{font-size:9px!important;padding:4px 6px!important;border:1px solid #000!important}.report-table th{background:#f0f0f0!important;color:#000!important;-webkit-print-color-adjust:exact}.report-section-title{font-size:14px!important;border-bottom:1px solid #000!important}.report-title{font-size:18px!important;margin-bottom:5px!important}.report-summary{font-size:11px!important;gap:10px!important;padding:8px!important;background:#f8f8f8!important;border:1px solid #ddd!important}.report-table tr{page-break-inside:avoid}.report-table tbody tr:hover{background-color:transparent!important;transform:none!important;box-shadow:none!important}}.text-success{color:#28a745!important}.text-danger{color:#dc3545!important}.text-warning{color:#ffc107!important}.bg-success{background-color:#d4edda!important}.bg-danger{background-color:#f8d7da!important}.bg-warning{background-color:#fff3cd!important}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Segoe UI,Tahoma,sans-serif}.DriversReport{max-width:1200px;margin:10px auto;padding:15px;background-color:#fdfdfd;border-radius:10px;box-shadow:0 4px 25px #0000001a}.DriversReport h2{font-size:28px;margin-bottom:20px;color:#2c3e50}.DriversReport h3{font-size:20px;margin:20px 0 10px;color:#34495e}.report-export-buttons{display:flex;gap:10px;justify-content:flex-end;margin-bottom:15px}.report-export-buttons button{padding:8px 15px;border:none;border-radius:5px;background-color:#2980b9;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.report-export-buttons button:hover{background-color:#1f6391}.container-date{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:15px 20px;background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap}.left-dates{display:flex;gap:15px}.left-dates label{display:flex;flex-direction:column;font-size:14px;color:#2c3e50}.left-dates input{height:36px;padding:8px 12px;border-radius:8px;border:1px solid #ccc;font-size:14px;box-sizing:border-box}.left-dates input:focus{border-color:#2980b9;box-shadow:0 0 5px #2980b94d;outline:none}.center-filter{display:flex;justify-content:center;flex:1}.center-filter button{height:36px;padding:8px 18px;border:none;border-radius:8px;background-color:#27ae60;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.center-filter button:hover{background-color:#1e8449;transform:translateY(-1px)}.right-search input{height:36px;padding:8px 12px;border-radius:8px;border:1px solid #ccc;font-size:14px;width:250px;transition:all .2s ease}.right-search input:focus{border-color:#2980b9;box-shadow:0 0 5px #2980b94d;outline:none}.report-summary{margin-bottom:15px;font-size:14px;color:#34495e}.report-summary p{margin-bottom:5px}.report-section{width:100%;max-height:500px;overflow-y:auto;overflow-x:auto;border:1px solid #ddd;border-radius:8px;padding:5px;background-color:#fff}.DriversReport-table{width:100%;border-collapse:collapse;min-width:1200px}.DriversReport-table th,.DriversReport-table td{padding:10px 8px;border:1px solid #ddd;text-align:center;font-size:13px;white-space:nowrap}.DriversReport-table th{background-color:#2980b9;color:#fff;position:sticky;top:0;z-index:2}.DriversReport-table tbody tr:nth-child(2n){background-color:#f9f9f9}.DriversReport-table tbody tr:hover{background-color:#eaf1fb}@media (max-width: 1024px){.DriversReport-table th,.DriversReport-table td{font-size:12px;padding:8px 6px}}@media (max-width: 768px){.DriversReport{padding:15px}.DriversReport-table th,.DriversReport-table td{font-size:11px;padding:6px 5px}.container-date{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.left-dates,.center-filter,.right-search{justify-content:center;width:100%}.right-search input{width:100%}}@media (max-width: 480px){.DriversReport h2{font-size:22px}.DriversReport h3{font-size:18px}.DriversReport-table th,.DriversReport-table td{font-size:10px;padding:5px 4px}.center-filter button,.report-export-buttons button,.container-date label{width:100%}}.boss-dashboard-container{max-width:1200px;margin:30px auto;padding:20px;font-family:Arial,sans-serif;background-color:#f8f9fa;border-radius:10px;box-shadow:0 3px 12px #0000001a}.boss-dashboard-title{font-size:28px;font-weight:700;margin-bottom:20px;color:#333;text-align:center}.boss-dashboard-error{color:red;font-weight:500;margin-bottom:15px;text-align:center}.boss-dashboard-search{width:100%;padding:10px 15px;margin-bottom:20px;font-size:16px;border-radius:6px;border:1px solid #ccc;outline:none;transition:.2s}.boss-dashboard-search:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d}.driver-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0;margin:0;list-style:none}.boss-dashboard-empty{text-align:center;font-size:18px;color:#666;grid-column:1 / -1}.driver-item{display:flex;flex-direction:column;background-color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:.2s}.driver-item:hover{box-shadow:0 4px 12px #0000001a}.driver-name{font-size:18px;font-weight:700;color:#007bff;margin-bottom:8px;text-align:center}.driver-coord{font-size:14px;color:#333;text-align:center;margin-bottom:5px;word-wrap:break-word}.driver-updated{font-size:12px;color:#666;text-align:center}@media (max-width: 1024px){.driver-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.driver-list{grid-template-columns:repeat(2,1fr)}.boss-dashboard-title{font-size:24px}.driver-name{font-size:16px}.driver-coord{font-size:13px}.driver-updated{font-size:11px}}@media (max-width: 480px){.driver-list{grid-template-columns:1fr}.boss-dashboard-title{font-size:20px}.driver-item{padding:12px 15px}.driver-name{font-size:15px}.driver-coord{font-size:13px}}.driver-delete-btn{margin-top:10px;padding:8px 12px;font-size:14px;font-weight:500;color:#fff;background-color:#dc3545;border:none;border-radius:6px;cursor:pointer;align-self:center;transition:.2s}.driver-delete-btn:hover{background-color:#c82333;box-shadow:0 2px 6px #0003}.sid-container{max-width:1400px;margin:30px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 15px #0000001a}.sid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sid-header h2{margin:0;text-align:left}.sid-show-deleted-wrapper{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px 8px;border-radius:6px;transition:background .2s}.sid-show-deleted-wrapper:hover{background-color:#f1f1f1}.sid-show-deleted-wrapper input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #ccc;border-radius:6px;position:relative;cursor:pointer;transition:all .2s ease}.sid-show-deleted-wrapper input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}.sid-show-deleted-wrapper input[type=checkbox]:checked:after{content:"✓";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px}.sid-show-deleted-wrapper input[type=checkbox]:hover{border-color:#007bff}.sid-container h2{text-align:center;margin-bottom:25px;color:#333;font-size:28px;font-weight:600}.sid-error-msg,.sid-success-msg{text-align:center;padding:10px 15px;border-radius:6px;margin-bottom:20px;font-weight:500}.sid-error-msg{background-color:#fde2e1;color:#d32f2f}.sid-success-msg{background-color:#e0f7e9;color:#2e7d32}.sid-register-btn,.sid-return-all-btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.sid-register-btn{background-color:#007bff;color:#fff}.sid-register-btn:hover{background-color:#0056b3}.sid-return-all-btn{background-color:#ffc107;color:#212529}.sid-return-all-btn:hover{background-color:#e0a800}.sid-search-input,.sid-status-filter{padding:8px 12px;border-radius:6px;border:1px solid #ccc;outline:none;transition:all .2s ease}.sid-search-input:focus,.sid-status-filter:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66}.sid-table-wrapper{max-height:385px;overflow-y:auto;overflow-x:auto;border-radius:10px;box-shadow:0 2px 8px #0000000d;background:#fff}.sid-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden}.sid-table th,.sid-table td{padding:12px 15px;text-align:center;height:55px;box-sizing:border-box}.sid-table th{background-color:#007bff;color:#fff;font-weight:600;position:sticky;top:0;z-index:10}.sid-table tbody tr{background-color:#fff;transition:all .2s ease,box-shadow .2s ease}.sid-table tbody tr:hover{background-color:#f1f7ff;box-shadow:inset 0 0 5px #0000000d}.sid-action-btn{padding:6px 12px;border-radius:5px;border:none;cursor:pointer;font-weight:500;margin:0 3px;transition:all .2s ease}.sid-action-btn:hover{opacity:.85}.sid-action-btn.delete{background-color:#dc3545;color:#fff}.sid-action-btn:not(.delete){background-color:#28a745;color:#fff}.sid-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.sid-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.sid-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.sid-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sid-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.sid-modal{background:#fff;padding:25px 30px;border-radius:12px;width:380px;max-width:400px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 20px #0003;position:relative;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.sid-modal h3{text-align:center;font-size:22px;color:#007bff;margin-bottom:10px}.sid-modal input,.sid-modal select{padding:10px;border-radius:6px;border:1px solid #ccc;outline:none;transition:all .2s ease}.sid-modal input:focus,.sid-modal select:focus{border-color:#007bff;box-shadow:0 0 6px #007bff4d}.sid-modal-actions{display:flex;justify-content:space-between;margin-top:10px}.sid-modal-actions button{padding:8px 14px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.sid-modal-actions button:first-child{background-color:#28a745;color:#fff}.sid-cancel-btn{background-color:#dc3545;color:#fff}.sid-modal-actions button:hover{opacity:.9}@media (max-width: 768px){.sid-controls{flex-direction:column;align-items:stretch}.sid-search-input,.sid-status-filter{width:100%}.sid-modal{width:90%}.sid-table-wrapper{max-height:350px}.sid-table th,.sid-table td{padding:10px 12px;height:50px;font-size:.9rem}}@media (max-width: 480px){.sid-table-wrapper{max-height:315px}.sid-table th,.sid-table td{padding:8px 10px;height:45px;font-size:.85rem}}.sid-deleted-row{background-color:#fde2e1!important;color:#a32f2f;font-style:italic}.hover-label{position:relative;cursor:help}.hover-label:after{content:attr(data-label);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.hover-label:hover:after{opacity:1}.tooltip{position:absolute;background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;pointer-events:none;white-space:nowrap;z-index:10000;opacity:0;transition:opacity .2s ease}.tooltip.show{opacity:1}.sid-input-error{border:2px solid red;box-shadow:0 0 5px red;outline:none}.sid-export-btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;background-color:#17a2b8;color:#fff;transition:all .2s ease;margin-left:8px}.sid-export-btn:hover{background-color:#138496}.sid-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.sid-controls .export-wrapper{margin-left:auto;display:flex;gap:8px}.change-password-page{display:flex;justify-content:center;align-items:center;min-height:50vh;background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;box-sizing:border-box}.change-password-container{background-color:#fff;padding:2.5rem 3rem;border-radius:12px;box-shadow:0 6px 18px #0000001a;width:100%;max-width:500px;box-sizing:border-box}.change-password-header{text-align:center;margin-bottom:2rem}.change-password-header h2{font-weight:700;font-size:2rem;margin-bottom:.5rem;color:#333;letter-spacing:1px}.change-password-header p{font-size:.95rem;color:#666}.change-input-group{display:flex;align-items:center;margin-bottom:1.5rem;gap:14px}.change-input-group label{width:150px;flex-shrink:0;font-weight:500;color:#333;white-space:nowrap;text-align:left;margin-right:8px}.change-input-group input{flex:1;min-width:0;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box}.change-password-form.dark{background:#1f2937;color:#f9fafb}.change-password-form.dark .change-input-group label{color:#e5e7eb}.change-password-form.dark .change-input-group input{background:#374151;border-color:#4b5563;color:#f9fafb}.change-password-form.dark .change-input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.change-password-form.dark .change-input-group input:disabled{background:#4b5563;color:#9ca3af}.change-password-form.dark .change-input-group input::placeholder{color:#6b7280}.change-password-form button{width:100%;background-color:#4f46e5;color:#fff;font-weight:600;font-size:1.1rem;padding:14px 0;border:none;border-radius:10px;cursor:pointer;margin-top:1.4rem;transition:background-color .3s ease}.change-password-form button:hover:not(:disabled){background-color:#4338ca}.change-password-form button:disabled{background-color:#a5b4fc;cursor:not-allowed}.message{margin-top:1rem;text-align:center;font-weight:600;font-size:.95rem}.message.success{color:#28a745}.message.error{color:#dc2626}@media (max-width: 768px){.change-password-container{padding:2rem;max-width:460px}.change-password-header h2{font-size:1.6rem}.change-input-group{flex-direction:column;align-items:stretch;gap:8px}.change-input-group label{width:100%;margin-bottom:.5rem;font-size:.95rem;text-align:left}.change-input-group input{width:100%;font-size:1rem;padding:.7rem}.change-password-form button{font-size:1rem;padding:12px 0}}.gatepass-attachment-receipt{max-width:1200px;margin:0 auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.receipt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e1e8ed}.receipt-title h2{color:#2c3e50;margin:0 0 8px;font-size:28px;font-weight:700}.receipt-title p{color:#7f8c8d;margin:0;font-size:16px}.sunssiter-logo{display:flex;flex-direction:column;align-items:center}.sunssiter-logo img{width:200px;height:auto}.sunssiter-logo h2{color:#2c3e50;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0;padding-bottom:5px}.receipt-meta{text-align:right}.receipt-number span,.receipt-date span{display:block;background:#f8f9fa;padding:8px 16px;border-radius:6px;font-weight:600;color:#2c3e50;margin-bottom:8px}.middle{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.employee-info,.store-keeper-info{flex:1;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.store-keeper-info{border-left-color:#28a745}.info-row{margin-bottom:12px;display:flex;align-items:center}.info-row strong{min-width:150px;color:#2c3e50;font-weight:600}.info-row .strongName{color:#2c3e50;margin-left:8px;font-weight:600}.store-keeper-info .two-columns{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:40px}.store-keeper-info .column{flex:1;min-width:0;display:flex;align-items:center}.store-keeper-info .column .info-row{margin-bottom:0;width:100%}.store-keeper-info .column:first-child,.store-keeper-info .column:last-child{margin:0}.status-info{font-weight:700;padding:8px;background-color:#fff3cd;border-radius:4px;margin-top:10px}.attachments-receipt{margin-bottom:32px}.receipt-section h3{margin:0 0 20px;color:#2c3e50;padding-bottom:12px;border-bottom:1px solid #e1e8ed}.receipt-table-container{width:100%;overflow-x:auto;border:1px solid #e1e8ed;border-radius:8px;background:#fff}.receipt-table{width:100%;min-width:800px;border-collapse:collapse}.receipt-table th,.receipt-table td{padding:16px 12px;text-align:left;border-bottom:1px solid #e1e8ed;white-space:nowrap}.receipt-table th{background:#34495e;color:#fff;font-weight:600;font-size:14px;position:sticky;top:0}.receipt-table tbody tr{transition:background .3s ease}.receipt-table tbody tr:hover{background:#f8f9fa}.receipt-table tbody tr:last-child td{border-bottom:none}.receipt-table th:nth-child(1),.receipt-table td:nth-child(1){min-width:180px}.receipt-table th:nth-child(2),.receipt-table td:nth-child(2){min-width:200px;white-space:normal}.receipt-table th:nth-child(3),.receipt-table td:nth-child(3){min-width:100px;text-align:center}.receipt-table th:nth-child(4),.receipt-table td:nth-child(4){min-width:200px;white-space:normal}.receipt-table th:nth-child(5),.receipt-table td:nth-child(5){min-width:150px}.receipt-table th:nth-child(6),.receipt-table td:nth-child(6){min-width:120px;text-align:center}.file-display{display:flex;align-items:center;gap:8px}.file-name{font-weight:600;color:#2c3e50}.receipt-footer{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-bottom:32px;padding-top:24px;border-top:1px solid #e1e8ed}.footer-notes h4{margin:0 0 12px;color:#2c3e50}.footer-notes ul{margin:0;padding-left:20px;color:#7f8c8d}.footer-notes li{margin-bottom:8px;line-height:1.4}.footer-signature{text-align:center}.signature-line{width:200px;height:1px;background:#2c3e50;margin:0 auto 8px}.footer-signature p{margin:0;color:#7f8c8d;font-size:14px}.signature-area{margin-top:10px}.sigCanvas{border:1px solid #e1e8ed;border-radius:4px;background-color:#f8f9fa;width:100%;max-width:300px;height:100px;display:block;margin:0 auto 8px;cursor:crosshair}.sigCanvas:focus{outline:2px solid #007bff}.signature-buttons{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}.sig-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;min-width:100px}.sig-btn:not(.clear-btn):not(.reject-btn){background:#28a745;color:#fff}.sig-btn:not(.clear-btn):not(.reject-btn):hover:not(:disabled){background:#218838;transform:translateY(-1px)}.sig-btn.clear-btn{background:#6c757d;color:#fff}.sig-btn.clear-btn:hover:not(:disabled){background:#545b62;transform:translateY(-1px)}.sig-btn.reject-btn{background:#dc3545;color:#fff}.sig-btn.reject-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.sig-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;opacity:.6}.saved-signature{margin-top:10px}.typed-signature{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;border:1px solid #e1e8ed;border-radius:4px;box-shadow:0 2px 4px #0000001a}.signature-status{margin-top:8px;font-size:12px;text-align:center}.signature-status.approved{color:#28a745;font-weight:700}.signature-status.rejected{color:#dc3545;font-weight:700}.signature-status.pending{color:#ffc107;font-weight:700}.employee-info{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.info-row{margin-bottom:8px;display:flex;align-items:center}.info-row strong,.info-row .strongName{min-width:140px;color:#2c3e50}.status-info{font-weight:700}.gatepass-attachment-page{padding:20px;max-width:1200px;margin:0 auto;background:#f8f9fa;min-height:100vh}.page-header{margin-bottom:20px}.back-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s ease;font-weight:600}.back-btn:hover{background:#0056b3;transform:translateY(-1px)}.loading,.error{text-align:center;padding:50px;font-size:18px;color:#6c757d}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}@media (max-width: 768px){.gatepass-attachment-receipt{padding:16px}.receipt-header{flex-direction:column;gap:16px;text-align:center}.receipt-meta{text-align:center}.receipt-footer{grid-template-columns:1fr;gap:24px}.middle{flex-direction:column;gap:16px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.info-row strong{min-width:auto}.store-keeper-info .two-columns{flex-direction:column;gap:12px}.store-keeper-info .column{width:100%}.store-keeper-info .column:first-child,.store-keeper-info .column:last-child{margin:0}.signature-buttons{flex-direction:column;align-items:center}.sig-btn{width:100%;max-width:200px}.receipt-table-container{position:relative}.receipt-table-container:after{content:"← Scroll →";position:absolute;top:50%;right:10px;transform:translateY(-50%);background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:.8}}@media (max-width: 480px){.gatepass-attachment-page{padding:10px}.receipt-title h2{font-size:24px}.sunssiter-logo h2{font-size:1.5rem}.receipt-table th,.receipt-table td{padding:12px 8px;font-size:12px}.sigCanvas{max-width:250px;height:80px}.store-keeper-info .two-columns{gap:12px}}.receipt-table-container::-webkit-scrollbar{height:8px}.receipt-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.receipt-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.receipt-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes signatureSave{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.sig-btn:active:not(:disabled){animation:signatureSave .2s ease}.sig-btn:focus{outline:2px solid #007bff;outline-offset:2px}.back-btn:focus{outline:2px solid #0056b3;outline-offset:2px}.approved-by{color:#28a745;font-weight:600}.security-guard{color:#007bff;font-weight:600}.rejected-by{color:#dc3545;font-weight:600}.store-coordinator{color:#6f42c1;font-weight:600}.download-btn{background:#28a745;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease}.download-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.back-btn{background:#6c757d;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.back-btn:hover{background:#5a6268}.gp-wrapper{width:100%;max-width:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-text-size-adjust:100%;touch-action:manipulation}.gp-card{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:0;border-radius:0;box-shadow:none;position:relative;gap:0}.gp-reset-btn-top{position:fixed;top:1rem;right:1rem;border:none;background:#2bb1bd;color:#fff;padding:.75rem;border-radius:50%;cursor:pointer;font-size:1.25rem;z-index:1000;box-shadow:0 4px 12px #00000026;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.gp-reset-btn-top:hover{background:#219cae;transform:scale(1.1)}.gp-form{display:flex;flex-direction:column;gap:1.25rem;width:100%;padding:1rem}.gp-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:0;margin:0;padding-top:.5rem}.gp-icon{display:flex;justify-content:center;margin:0}.gp-title{color:#2bb1bd;font-size:1.75rem;margin:0;font-weight:700;line-height:1.2;padding:0}.gp-error{color:#dc3545;font-weight:600;text-align:center;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;font-size:.9rem;margin:0}.gp-success{color:#059669;font-weight:600;text-align:center;padding:1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem;font-size:.9rem;margin:0}.gp-input-group{display:flex;flex-direction:column;position:relative;width:100%;margin:0}.gp-input-group input,.gp-input-group select,.gp-input-group textarea{padding:1rem 1rem 1rem 3rem;border-radius:.75rem;border:2px solid #e2e8f0;font-size:1rem;outline:none;width:100%;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:3.5rem;box-sizing:border-box;margin:0}.gp-input-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:3rem}.gp-input-group textarea{padding-left:1rem;min-height:6rem;resize:vertical;line-height:1.5}.gp-input-group input:focus,.gp-input-group select:focus,.gp-input-group textarea:focus{border-color:#2bb1bd;box-shadow:0 0 0 3px #2bb1bd1a;transform:translateY(-1px)}.gp-input-group label{position:absolute;left:3rem;top:50%;transform:translateY(-50%);background:#fff;padding:0 .5rem;font-size:1rem;color:#6b7280;pointer-events:none;transition:all .2s ease}.gp-input-group textarea+label,.gp-input-group select+label{left:1rem}.gp-input-group input:focus+label,.gp-input-group input:not(:placeholder-shown)+label,.gp-input-group select:focus+label,.gp-input-group select:not([value=""])+label,.gp-input-group textarea:focus+label,.gp-input-group textarea:not(:placeholder-shown)+label{top:-.5rem;left:1rem;font-size:.875rem;color:#2bb1bd;font-weight:600}.gp-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.25rem;z-index:2}.gp-items-section{display:flex;flex-direction:column;gap:1rem;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;margin:0}.gp-items-header{display:flex;flex-direction:column;gap:1rem;align-items:stretch;margin:0}.gp-items-header h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:700;text-align:center}.gp-btn-add-item{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 1.5rem;border-radius:.75rem;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.5rem;touch-action:manipulation;margin:0}.gp-btn-add-item:active{transform:scale(.98)}.items-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;margin:0}.items-table{width:100%;min-width:300px;border-collapse:collapse;font-size:.9rem;margin:0}.items-table th{background:#2bb1bd;color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.875rem;white-space:nowrap;margin:0}.items-table td{padding:0;border-bottom:1px solid #f1f5f9;margin:0}.item-table-row:last-child td{border-bottom:none}.table-input-group{padding:.75rem;margin:0}.table-input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;outline:none;background:#fff;min-height:3rem;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.table-input:focus{border-color:#2bb1bd;box-shadow:0 0 0 2px #2bb1bd1a}.table-remove-btn{background:#dc3545;color:#fff;border:none;width:2.5rem;height:2.5rem;border-radius:.5rem;cursor:pointer;font-size:1.125rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin:0 auto;touch-action:manipulation}.table-remove-btn:active{transform:scale(.9)}.unit-select{min-width:100px}.items-table th:nth-child(3),.items-table td:nth-child(3){width:120px}@media (max-width: 768px){.unit-select{min-width:80px}.items-table th:nth-child(3),.items-table td:nth-child(3){width:100px}}.gp-item-display{margin:2px 0;padding:2px 4px;background:#f5f5f5;border-radius:3px;font-size:.9em}.gp-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;position:sticky;bottom:0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem;margin:auto 0 0}.gp-btn-cancel,.gp-btn-submit{padding:1.25rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;color:#fff;font-size:1.125rem;font-weight:600;min-height:3.5rem;transition:all .2s ease;touch-action:manipulation;width:100%;box-sizing:border-box;margin:0}.gp-btn-cancel{background:#6b7280;order:2}.gp-btn-cancel:active{background:#4b5563;transform:scale(.98)}.gp-btn-submit{background:linear-gradient(135deg,#2bb1bd,#219cae);order:1}.gp-btn-submit:active:not(:disabled){transform:scale(.98)}.save-all-btn{background:linear-gradient(135deg,#10b981,#059669)!important;order:0}.gp-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.gp-preview{margin-top:2rem;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 2px 8px #00000014}.gp-preview h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1rem;text-align:center}.gp-preview table{width:100%;min-width:600px;border-collapse:collapse;font-size:.875rem;margin:0}.gp-preview th,.gp-preview td{padding:.75rem;border:1px solid #e2e8f0;text-align:left;white-space:nowrap;margin:0}.gp-preview th{background:#2bb1bd;color:#fff;font-weight:600;font-size:.8rem}.gp-preview tr:nth-child(2n){background:#f8fafc}.gp-item-display{margin-bottom:.25rem;font-size:.8rem;color:#4b5563}.gp-item-display:last-child{margin-bottom:0}.gp-btn-edit,.gp-btn-remove{padding:.5rem .75rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease;touch-action:manipulation;min-width:3rem;margin:0}.gp-btn-edit{background:#f59e0b;color:#fff}.gp-btn-edit:active{background:#d97706;transform:scale(.95)}.gp-btn-remove{background:#dc3545;color:#fff}.gp-btn-remove:active{background:#b91c1c;transform:scale(.95)}.gp-add-vin-input{display:flex;gap:.5rem;align-items:stretch;width:100%;margin-top:0}.gp-vin-input{flex:1;padding:1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;outline:none;background:#fff;min-height:3.5rem;box-sizing:border-box;margin:0}.gp-vin-input:focus{border-color:#2bb1bd;box-shadow:0 0 0 3px #2bb1bd1a}.gp-vin-actions{display:flex;gap:.5rem;align-items:center}.gp-add-vin-btn,.gp-cancel-vin-btn{padding:1rem;border:none;border-radius:.75rem;cursor:pointer;font-size:1.125rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:3.5rem;min-height:3.5rem;touch-action:manipulation;margin:0}.gp-add-vin-btn{background:#28a745;color:#fff}.gp-add-vin-btn:hover:not(:disabled){background:#218838;transform:scale(1.05)}.gp-add-vin-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none!important}.gp-cancel-vin-btn{background:#dc3545;color:#fff}.gp-cancel-vin-btn:hover{background:#c82333;transform:scale(1.05)}.gp-input-group select+label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:#fff;padding:0 .5rem;font-size:1rem;color:#6b7280;pointer-events:none;transition:all .2s ease;z-index:1}.gp-input-group select:focus+label,.gp-input-group select:not([value=""])+label{top:-.5rem;left:1rem;font-size:.875rem;color:#2bb1bd;font-weight:600}@media (max-width: 480px){.gp-card{padding:0;gap:0}.gp-form{padding:.75rem;gap:1rem}.gp-header{padding-top:.25rem;gap:.5rem}.gp-title{font-size:1.5rem}.gp-input-group input,.gp-input-group select,.gp-input-group textarea{padding:.875rem .875rem .875rem 2.5rem;font-size:16px;min-height:3rem}.gp-input-icon{left:.75rem;font-size:1.125rem}.gp-input-group label{left:2.5rem}.gp-items-section{padding:1rem}.items-table th,.items-table td{padding:.5rem}.table-input{padding:.5rem;font-size:16px;min-height:2.5rem}.gp-buttons{gap:.75rem;padding:.75rem}.gp-btn-cancel,.gp-btn-submit{padding:1rem 1.25rem;font-size:1rem;min-height:3rem}.gp-add-vin-input{flex-direction:column;gap:.5rem}.gp-vin-actions{width:100%;justify-content:stretch}.gp-add-vin-btn,.gp-cancel-vin-btn{flex:1;min-height:3rem}}@media (min-width: 768px){.gp-wrapper{max-width:768px;margin:0 auto;padding:0}.gp-card{min-height:auto;border-radius:0;box-shadow:none;padding:0}.gp-form{padding:1.5rem}.gp-header{padding-top:0}.gp-items-header{flex-direction:row;justify-content:space-between;align-items:center}.gp-items-header h3{text-align:left}.gp-buttons{flex-direction:row;position:static;background:transparent;padding:1rem 0 0}.gp-btn-cancel,.gp-btn-submit{width:auto;flex:1}.gp-add-vin-input,.gp-vin-actions{flex-direction:row}}@media (min-width: 1024px){.gp-wrapper{max-width:900px}.gp-form{padding:2rem}}@media screen and (max-width: 768px){html{-webkit-text-size-adjust:100%}}.gp-wrapper{-webkit-overflow-scrolling:touch;overflow-x:hidden}@supports (-webkit-touch-callout: none){.gp-card{min-height:-webkit-fill-available}}*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0}.gatepass-list{width:100%;max-width:1200px;margin:20px auto;padding:20px;font-family:Inter,Arial,sans-serif;background-color:#f7f8fa;border-radius:12px;box-shadow:0 6px 25px #0000004d;color:#333}.add-gatepass-btn-wrapper{display:flex;justify-content:flex-end;margin-bottom:15px}.add-gatepass-btn{background:linear-gradient(90deg,#4a90e2,#357abd);color:#fff;font-weight:600;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;transition:.3s ease}.add-gatepass-btn:hover{background:#357abd}.search{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:10px 12px;border-radius:10px;border:1px solid #ccc;background-color:#fff}.search input{flex:1;border:none;outline:none;font-size:14px;padding:6px 8px}.search svg{color:#999}.gatepass-table-wrapper{max-height:432px;overflow-y:auto;overflow-x:auto;border-radius:10px;border:1px solid #ddd;background-color:#fff;box-shadow:inset 0 0 5px #0000000d;padding:8px;white-space:nowrap}.gatepass-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:auto}.gatepass-table th{padding:10px 12px;text-align:left;font-weight:600;color:#fff;background:linear-gradient(90deg,#4a90e2,#357abd);position:sticky;top:0;z-index:10;white-space:nowrap}.gatepass-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee;background-color:#fafafa;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gatepass-table tbody tr:nth-child(2n) td{background-color:#f1f3f6}.gatepass-table tbody tr:hover td{background-color:#dbe9ff;transition:.3s}.no-data{text-align:center;color:#999;font-weight:500;padding:15px 0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;padding:1.5rem;box-shadow:0 8px 25px #0003;display:flex;flex-direction:column}.action-buttons{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.btn-approve,.btn-reject,.btn-complete{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;transition:all .3s ease;min-width:30px;position:relative}.btn-approve{background-color:#6c757d;color:#fff;cursor:not-allowed}.btn-approve.active{background-color:#28a745;cursor:pointer}.btn-approve.active:hover:not(:disabled){background-color:#218838}.btn-reject{background-color:#dc3545;color:#fff}.btn-reject:hover:not(:disabled){background-color:#c82333}.btn-complete{background-color:#007bff;color:#fff}.btn-complete:hover:not(:disabled){background-color:#0056b3}.btn-approve:disabled,.btn-reject:disabled,.btn-complete:disabled{opacity:.6;cursor:not-allowed}.btn-approve:after{content:"Signature Required - Use Attachment Page";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}.btn-approve:hover:after{opacity:1}.no-actions{color:#6c757d;font-size:12px;font-style:italic}.highlight-row td{background-color:#fffae6!important;color:#d35400!important;border-radius:5px;transition:background-color .3s ease}.gatepass-table tbody tr.highlight-row:nth-child(2n) td{background-color:#fff4d6!important}.gatepass-table tbody tr.highlight-row:hover td{background-color:#fffae6!important}.gatepass-table tbody tr.highlight-row:nth-child(2n):hover td{background-color:#fff4d6!important}.gatepass-table tbody tr:not(.highlight-row) td{background-color:#fafafa!important}.gatepass-table tbody tr:not(.highlight-row):nth-child(2n) td{background-color:#f1f3f6!important}.gatepass-table tbody tr:not(.highlight-row):hover td{background-color:#dbe9ff!important}@media (max-width: 768px){.action-buttons{flex-direction:column;gap:3px}.btn-approve,.btn-reject,.btn-complete{padding:4px 8px;font-size:11px}.btn-approve:after{font-size:10px;white-space:normal;width:120px}}.gatepass-table th:nth-child(12),.gatepass-table td:nth-child(12){width:120px;text-align:center}@media (max-width: 768px){.gatepass-table th,.gatepass-table td{font-size:12px;padding:6px 8px}.gatepass-table-wrapper{max-height:315px}.gatepass-list{width:98%;padding:15px}}@media (max-width: 480px){.gatepass-table{min-width:600px;font-size:11px}.gatepass-table th,.gatepass-table td{padding:5px 6px}.gatepass-table-wrapper{max-height:300px}}.message-modal{max-width:400px}.reject-modal{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e1e8ed}.modal-header.success{background:#d4edda;color:#155724}.modal-header.error{background:#f8d7da;color:#721c24}.modal-header.warning{background:#fff3cd;color:#856404}.modal-header.info{background:#d1ecf1;color:#0c5460}.modal-header h3{margin:0;font-size:18px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:inherit;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-body{padding:20px}.modal-body p{margin:0;line-height:1.5}.remarks-textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;resize:vertical;margin-top:10px}.remarks-textarea:focus{outline:none;border-color:#007bff}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #e1e8ed}.btn-success{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-error{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-warning{background:#ffc107;color:#212529;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-info{background:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-cancel{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-reject-modal{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-reject-modal:disabled{opacity:.6;cursor:not-allowed}.remarks-cell{max-width:200px;word-wrap:break-word;font-size:12px;color:#666}@media (max-width: 768px){.message-modal,.reject-modal{max-width:90%;margin:20px}.modal-footer{flex-direction:column}.remarks-cell{max-width:150px}}.gatepass-report-container{max-width:1400px;margin:20px auto;background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.report-header h2{color:#2c3e50;margin:0;font-size:1.8rem;font-weight:600}.header-actions{display:flex;gap:15px}.refresh-btn{background:#17a2b8;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#138496;transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:25px}.stat-card{padding:20px;border-radius:10px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-3px)}.stat-card h3{margin:0 0 10px;font-size:.9rem;color:#666;text-transform:uppercase;font-weight:600}.stat-card span{font-size:2rem;font-weight:700;color:#2c3e50}.stat-card.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.total span{color:#fff}.stat-card.pending{background:#fff3e0;border-left:4px solid #ff9800}.stat-card.approved{background:#e8f5e8;border-left:4px solid #4caf50}.stat-card.rejected{background:#ffebee;border-left:4px solid #f44336}.stat-card.completed{background:#e3f2fd;border-left:4px solid #2196f3}.report-filters{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:8px}.filter-group{display:flex;flex-wrap:wrap;gap:15px;align-items:center;flex:1}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #ddd;padding:8px 12px;border-radius:6px;min-width:280px;transition:border-color .3s ease}.search-box:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.search-box input{border:none;outline:none;padding:5px;flex:1;font-size:.95rem}.status-filter,.date-filters input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.95rem;background:#fff}.date-filters{display:flex;gap:15px}.date-input{display:flex;flex-direction:column;gap:5px}.date-input label{font-size:.85rem;color:#666;font-weight:500}.reset-filters-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:background .3s ease}.reset-filters-btn:hover{background:#5a6268}.export-section{display:flex;align-items:center;gap:15px}.results-count{color:#666;font-size:.9rem;font-weight:500}.export-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;transition:all .3s ease}.export-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.export-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.report-table-wrapper{max-height:420px;overflow-y:auto;overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;background:#fff}.report-table{width:100%;border-collapse:collapse;background:#fff}.report-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 12px;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.report-table td{padding:12px;border-bottom:1px solid #f0f0f0;font-size:.9rem;height:60px;box-sizing:border-box}.report-table tbody tr:hover{background:#f8f9fa}.report-table tbody tr:last-child td{border-bottom:none}.pass-number{font-family:Courier New,monospace;font-weight:700;color:#2c3e50}.employee-name{font-weight:500}.vehicle-number{font-family:Courier New,monospace}.items-cell{max-width:200px}.item-row{padding:2px 0;font-size:.85rem}.item-row:not(:last-child){border-bottom:1px dashed #f0f0f0}.purpose-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.report-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.report-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.report-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-state{text-align:center;padding:40px;color:#666;display:flex;flex-direction:column;align-items:center;gap:15px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.no-data{text-align:center;padding:60px 20px;color:#666;font-size:1.1rem;background:#f8f9fa;border-radius:8px}.auth-error{text-align:center;color:#dc3545;background:#f8d7da;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}@media (max-width: 1024px){.gatepass-report-container{margin:10px;padding:15px}.report-filters{flex-direction:column;align-items:stretch}.filter-group{justify-content:center}.export-section{justify-content:space-between}}@media (max-width: 768px){.stats-cards{grid-template-columns:repeat(2,1fr)}.search-box{min-width:100%}.date-filters{flex-direction:column;width:100%}.report-table{font-size:.8rem}.report-table th,.report-table td{padding:8px 6px}.report-table-wrapper{max-height:355px}.report-table td{height:50px}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr}.report-header{flex-direction:column;gap:15px;text-align:center}.filter-group{flex-direction:column;align-items:stretch}.report-table-wrapper{max-height:320px}.report-table td{height:45px}}