.modal_modalPopup__xU6Nn{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal_modalContent__YT-XZ{border-radius:4px;left:50%;max-height:115vh;overflow-y:auto;padding:2rem;position:fixed;top:53%;transform:translate(-50%,-50%);width:900px}.modal_closeBtn__CSL24{background:none;border:none;color:#000;cursor:pointer;font-size:1.5rem;position:absolute;right:50px;top:10px;z-index:10}.modal_closeBtn__CSL24:hover{color:red}.modal_closeBtnLogin__6oOdS{background:none;border:none;color:#000;cursor:pointer;font-size:1.5rem;position:absolute;right:260px;top:170px;z-index:10}.modal_closeBtnLogin__6oOdS:hover{color:red}.modal_modalHeader__TJjgc{display:flex;font-size:1.5rem;font-weight:700;justify-content:center;margin-bottom:1rem}.modal_tabBtn__FrG-J{background:#f0f0f0;border:none;border-radius:5px;cursor:pointer;margin:0 .5rem;padding:.7rem 1.2rem;transition:background-color .3s ease}.modal_tabBtn__FrG-J.modal_active__Bb6Mh{background:#007bff;color:#fff}.modal_tabBtn__FrG-J:hover{background:#0056b3;color:#fff}@media (max-width:768px){.modal_modalContent__YT-XZ{max-height:90vh;width:95%}.modal_tabBtn__FrG-J{font-size:.9rem;padding:.5rem}}.modal_header2__PYXJr .modal_logoContainer__Co5O5 img{height:110px;width:150px}.modal_header2__PYXJr h1{color:#333;font-size:1000px}.modal_modalContent__YT-XZ *{box-sizing:border-box}.login_loginContainer__dzTA3{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}.login_loginForm__jQ1sK{background:#bae6fd;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.login_logoContainer1__xYeT3{display:flex;justify-content:center;margin-bottom:2rem;margin-top:-20px}.login_logoImage5__MqQPD{height:160px;object-fit:cover;width:160px}.login_formGroup__zyrk6{margin-bottom:1.5rem}label{font-weight:500}.login_formInput__TGTjT{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.login_passwordInputContainer__F47kO{align-items:center;display:flex;position:relative;width:100%}.login_passwordToggleBtn__ThIRT{align-items:center;background:none;border:none;color:#1e3a8a;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.login_passwordToggleBtn__ThIRT:hover{color:#1e40af}.login_passwordToggleBtn__ThIRT:focus{outline:none}.login_passwordEyeIcon__2QRX-{height:18px;width:18px}.login_passwordInputContainer__F47kO .login_formInput__TGTjT{box-sizing:border-box;padding-right:40px;width:100%}.login_forgotPassword__qMZ6N{margin-bottom:1.5rem;text-align:left}.login_forgotPassword__qMZ6N a{color:#000;font-size:.875rem;text-decoration:none}.login_loginButton__XwYOZ{background-color:#1e3a8a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1.5rem;padding:.75rem;width:100%}.login_loginButton__XwYOZ:hover{background-color:#1e40af}.login_newProfile__ShpTe{text-align:center}.login_newProfile__ShpTe a{color:#3b82f6;font-size:.875rem;text-decoration:none}.login_linkButton__DM57-{background:none;border:none;color:#007bff;cursor:pointer;font-size:1rem;text-decoration:underline}.login_linkButton__DM57-:hover{color:#0056b3}.login_errorMessage__82LDU{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:10px;text-align:center}.login_loginForm__jQ1sK h2{font-size:1.5rem;margin-bottom:1.5rem;margin-top:-30px;text-align:center}.register_registerContainer__D4CKU{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:-5px;margin-top:-50px;position:relative}.register_registerForm__\+ZGU5{background:#bae6fd;border-radius:4px;box-sizing:border-box;margin-bottom:20px;max-width:850px;padding:1.5rem 2rem 1rem;width:100%}.register_logoContainer1__67q\+e{align-items:center;display:flex;height:100px;justify-content:center;margin-bottom:-5px;width:100px}.register_logoImage1__W5x3i{max-height:100%;max-width:100%;object-fit:contain}.register_registerTitle__10g\+r{margin-bottom:-8px;margin-left:2px;text-align:center}.register_formRow__iWnCE{display:flex;gap:1rem;margin-bottom:.5rem}.register_formGroup__aO23C{flex:1 1;margin-bottom:.5rem;min-width:0}.register_threeFields__za\+X4 .register_formGroup__aO23C{flex:1 1 30%}label{display:block;margin-bottom:.5rem}.register_formInput__aNVLN{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:.75rem;width:100%}.register_loginLink__G7J7G{margin:.5rem 0;text-align:center}.register_linkButton__I8Kro{background:none;border:none;color:#1e3a8a;cursor:pointer;font-size:.95rem;text-decoration:underline}.register_submitButton1__-ECxj{background-color:#1e3a8a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:.5rem auto;padding:.6rem;width:200px}.register_visilyLogo__zW4SS{bottom:1rem;color:#666;font-size:.75rem;left:1rem;position:absolute}@media (max-width:768px){.register_formRow__iWnCE{flex-direction:column}.register_threeFields__za\+X4 .register_formGroup__aO23C{flex:1 1 100%}.register_registerForm__\+ZGU5{max-width:90%}}.register_inputError__0IhO\+{border:1px solid red!important}.register_errorPopup__xyCQ7{animation:register_slideDown__axbR3 .3s ease-out forwards;left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}@keyframes register_slideDown__axbR3{0%{opacity:0;top:-100px}to{opacity:1;top:20px}}.register_errorPopupContent__1-V4j{background-color:#fff;border-left:4px solid #dc3545;border-radius:4px;box-shadow:0 4px 12px #00000026;max-width:500px;min-width:300px;padding:15px 20px;position:relative}.register_closePopup__IUzX4{color:#666;cursor:pointer;font-size:18px;font-weight:700;position:absolute;right:15px;top:10px}.register_closePopup__IUzX4:hover{color:#333}.register_errorPopupContent__1-V4j p{color:#dc3545;font-weight:500;margin:0}.register_passwordInputContainer__wq-rX{align-items:center;display:flex;position:relative}.register_validPassword__v8x91{border-color:#28a745!important}.register_invalidPassword__nDTcb{border-color:#dc3545!important}.register_passwordToggleBtn__8fsJh{align-items:center;background:none;border:none;color:#1e3a8a;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:1}.register_passwordToggleBtn__8fsJh:hover{color:#1e40af}.register_passwordToggleBtn__8fsJh:focus{outline:none}.register_passwordEyeIcon__wcnck{height:18px;width:18px}.register_passwordIndicator__TxsQa{font-size:14px;font-weight:700;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.register_passwordIndicator__TxsQa.register_valid__TPZ4S{color:#28a745}.register_passwordIndicator__TxsQa.register_invalid__fWzK7{color:#dc3545}.register_passwordInputContainer__wq-rX .register_formInput__aNVLN{box-sizing:border-box;padding-right:60px;width:100%}.register_successPopup__6UNZf{animation:register_slideDown__axbR3 .3s ease-out forwards;left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.register_successPopupContent__\+4jht{background-color:#fff;border-left:4px solid #28a745;border-radius:4px;box-shadow:0 4px 12px #00000026;max-width:500px;min-width:300px;padding:15px 20px;position:relative}.register_successPopupContent__\+4jht p{color:#28a745;font-weight:500;margin:0}.register_fourFields__t-Ro3{display:flex;gap:10px;margin-bottom:1px}.register_fourFields__t-Ro3 .register_formGroup__aO23C{flex:1 1;min-width:0}@media (max-width:1200px){.register_fourFields__t-Ro3{flex-wrap:wrap}.register_fourFields__t-Ro3 .register_formGroup__aO23C{flex-basis:calc(50% - 5px)}}@media (max-width:768px){.register_fourFields__t-Ro3 .register_formGroup__aO23C{flex-basis:100%}}.register_fourFields__t-Ro3 .register_formInput__aNVLN{box-sizing:border-box;width:100%}.register_fourFields__t-Ro3 label{font-size:.9rem}.register_fourFields__t-Ro3 small{font-size:10px!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing{margin-left:100px;margin-top:80px}.dashboard-container{margin:0 auto;max-width:1200px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}@media (max-width:768px){.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.dashboard-grid{grid-template-columns:1fr}}.header2{align-items:center;background:#bae6fd;box-shadow:0 2px 4px #0000001a;display:flex;left:0;padding:15px 20px;position:fixed;top:0;width:100%;z-index:1000}.logo-container{justify-content:center;margin-right:15px;padding:5px}.logo-img{height:120px;margin-top:20px;width:120px}.logo-img:hover{transform:scale(1.05)}.header2 h1{color:#333;font-size:24px;margin:0}.header-buttons1{display:flex;gap:10px;margin-right:70px}.header-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.login-btn{background-color:green;border:1px solid #4a90e2;color:#fff}.login-btn:hover{background-color:#f0f7ff}.register-btn{background-color:#4a90e2;color:#fff}.register-btn:hover{background-color:#3a80d2}body,html{background-color:#fff;height:100%;margin:0;padding:0;width:100%}.card{border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease-in-out;width:250px}.card-image-container{height:160px;overflow:hidden;width:100%}.card img{height:100%;object-fit:cover;width:100%}.card-title{background-color:#bae6fd;padding:15px;text-align:center;.logout-container{align-items:center;display:flex;gap:20px;justify-content:flex-start}}.card h3{color:#333;font-size:16px;font-weight:500}.card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.dashboard-container{padding:20px}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.dashboard-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-5px)}.dashboard-card h2{color:#333;margin-top:0}.dashboard-card p{color:#666;margin-bottom:0}.dashboard{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px;padding:0 20px}.dashboard-row{align-items:stretch;display:flex;gap:60px;justify-content:center}.top-row{justify-content:space-between}.bottom-row{gap:70px;justify-content:center}.debtors-container{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.header-actions{left:20px;position:absolute;top:20px;z-index:10}.debtors-grid{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:450px;margin-top:0}@media (max-width:768px){.debtors-grid{flex-direction:column;gap:20px}.debtors-container{padding:10px}}Unique wrapper for ControllerInstructions component only
.controller-instructions-unique-wrapper{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:flex-start;margin-top:-2000px;min-height:100vh;padding:0 20px 10px!important;position:relative}.controller-instructions-unique-wrapper .controller-instructions-header{margin-bottom:0;margin-top:0;max-width:1500px;width:100%}.controller-instructions-unique-wrapper .controller-instructions-back-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;left:20px;padding:8px 16px;position:relative;top:-20px;z-index:1000}.controller-instructions-unique-wrapper .controller-instructions-logout-button{position:absolute;right:20px;top:10px}.controller-instructions-unique-wrapper .controller-instructions-form-container{background-color:#e6f2ff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;margin-bottom:20px!important;margin-left:auto;margin-right:auto;margin-top:-90px!important;max-width:2000px;overflow:visible;padding:20px;position:relative;width:98%}.controller-instructions-unique-wrapper .controller-instructions-form-section{background-color:#e6f2ff;border:none;margin-bottom:4px;padding:4px 0}.controller-instructions-unique-wrapper hr{border:none;display:none;height:0;margin:0}.controller-instructions-unique-wrapper .controller-instructions-form-section:last-child{border-bottom:none}.controller-instructions-unique-wrapper .controller-instructions-client-info-section{background-color:#e6f2ff!important;border-bottom:none;margin-bottom:8px;padding:0!important;position:relative;width:100%}.controller-instructions-unique-wrapper .controller-instructions-client-info-section:after{background-color:#ccc;bottom:-8px;content:"";height:2px;left:-15px;position:absolute;right:-15px;width:calc(100% + 30px)}.controller-instructions-unique-wrapper .controller-instructions-client-info-section .controller-instructions-form-row{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:4px;width:100%}.controller-instructions-unique-wrapper .controller-instructions-client-info-section .controller-instructions-form-field{box-sizing:border-box;flex-basis:calc(16.666% - 15px);flex-grow:1;flex-shrink:1;max-width:100%;min-width:180px}@media (max-width:1400px){.controller-instructions-unique-wrapper .controller-instructions-client-info-section .controller-instructions-form-field{flex-basis:calc(33.333% - 15px);flex-grow:1;flex-shrink:1}}@media (max-width:768px){.controller-instructions-unique-wrapper .controller-instructions-client-info-section .controller-instructions-form-field{flex:1 1 100%}}.controller-instructions-unique-wrapper .controller-instructions-container-section{align-items:flex-start;display:flex;flex-direction:row;gap:30px;margin-bottom:4px;margin-top:8px;padding:4px 0}.controller-instructions-unique-wrapper .controller-instructions-container-group{flex:1 1;max-width:350px}.controller-instructions-unique-wrapper .controller-instructions-container-label{font-weight:600;margin-bottom:12px;text-align:center}.controller-instructions-unique-wrapper .controller-instructions-trailer-size-label{display:block;font-size:14px;font-weight:600;margin:4px 0 8px;text-align:center}.controller-instructions-unique-wrapper .controller-instructions-container-inputs{display:flex;flex-direction:column;gap:8px}.controller-instructions-unique-wrapper .controller-instructions-container-input{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:15px;margin-bottom:12px;padding:4px 0;width:100%}.controller-instructions-unique-wrapper .controller-instructions-container-input label{color:#333;font-size:14px;font-weight:500;min-width:60px;text-align:left}.controller-instructions-unique-wrapper .controller-instructions-container-rate-group{display:contents}.controller-instructions-unique-wrapper .controller-instructions-container-input input[type=number]{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;height:32px;padding:4px 8px;text-align:center;width:80px}.controller-instructions-unique-wrapper .controller-instructions-container-input input[type=text],.controller-instructions-unique-wrapper .controller-instructions-container-rate-group input[type=text]{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;height:32px;padding:4px 8px;width:100px}.controller-instructions-unique-wrapper .controller-instructions-booking-rates-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.controller-instructions-unique-wrapper .controller-instructions-booking-rates-row{display:flex;gap:15px}.controller-instructions-unique-wrapper .controller-instructions-booking-rates-row .controller-instructions-form-field{flex:1 1}.controller-instructions-unique-wrapper .controller-instructions-vessel-info-section{margin-bottom:4px;margin-top:4px}.controller-instructions-unique-wrapper .controller-instructions-vessel-info-section .controller-instructions-form-row{align-items:flex-end;display:flex;gap:15px}.controller-instructions-unique-wrapper .controller-instructions-vessel-info-section .controller-instructions-form-field{flex:1 1}.controller-instructions-unique-wrapper .controller-instructions-shipment-task-row{display:flex;gap:15px;margin-bottom:4px}.controller-instructions-unique-wrapper .controller-instructions-shipment-task-row .controller-instructions-form-field{flex:1 1}.controller-instructions-unique-wrapper .controller-instructions-location-row{display:flex;gap:15px;margin-bottom:4px}.controller-instructions-unique-wrapper .controller-instructions-location-row .controller-instructions-form-field{flex:1 1}.controller-instructions-unique-wrapper .controller-instructions-time-date-row{display:flex;gap:15px;margin-bottom:4px}.controller-instructions-unique-wrapper .controller-instructions-time-date-row .controller-instructions-form-field{flex:1 1}.controller-instructions-unique-wrapper .controller-instructions-stack-deadline-row{display:flex;gap:15px;margin-bottom:4px}.controller-instructions-unique-wrapper .controller-instructions-stack-deadline-row .controller-instructions-form-field{flex:1 1}.controller-instructions-unique-wrapper .controller-instructions-checkbox-section{display:flex;gap:30px;justify-content:center;margin:8px 0}.controller-instructions-unique-wrapper .controller-instructions-checkbox-group{align-items:center;display:flex;gap:8px}.controller-instructions-unique-wrapper .controller-instructions-checkbox-group input[type=checkbox]{height:16px;width:16px}.controller-instructions-unique-wrapper .controller-instructions-checkbox-group label{font-size:14px;margin:0}.controller-instructions-unique-wrapper .controller-instructions-vessel-bottom-row{display:flex;gap:15px;margin-bottom:4px}.controller-instructions-unique-wrapper .controller-instructions-vessel-bottom-row .controller-instructions-form-field{flex:1 1}.controller-instructions-unique-wrapper .controller-instructions-vessel-bottom-row .controller-instructions-form-field:last-child{flex:2 1}.controller-instructions-unique-wrapper .controller-instructions-button-container{display:flex;justify-content:center;margin-bottom:8px;margin-top:-60px;padding:4px 0}.controller-instructions-unique-wrapper .controller-instructions-add-container-button{align-items:center;background-color:#4a90e2;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:48px;padding:14px 28px;transition:all .2s ease}.controller-instructions-unique-wrapper .controller-instructions-add-container-button:hover{background-color:#3a80d2;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.controller-instructions-unique-wrapper .controller-instructions-add-container-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.controller-instructions-unique-wrapper .controller-instructions-add-container-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.controller-instructions-unique-wrapper .controller-instructions-form-field label{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.controller-instructions-unique-wrapper .controller-instructions-dropdown,.controller-instructions-unique-wrapper .controller-instructions-form-input,.controller-instructions-unique-wrapper .controller-instructions-form-textarea,.controller-instructions-unique-wrapper input[type=email],.controller-instructions-unique-wrapper input[type=text],.controller-instructions-unique-wrapper select{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;font-size:14px;height:36px;margin:0;padding:8px 12px;transition:border-color .2s;width:100%}.controller-instructions-unique-wrapper input[type=date]{min-width:200px;padding-right:30px}.controller-instructions-unique-wrapper .controller-instructions-date-input-group{align-items:center;width:100%}.controller-instructions-unique-wrapper .controller-instructions-calendar-button{align-items:center;background:none;display:flex;justify-content:center;padding:5px;right:8px}.controller-instructions-unique-wrapper .controller-instructions-form-textarea{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;font-size:14px;margin:0;min-height:100px;padding:8px 12px;resize:vertical;width:100%}.controller-instructions-unique-wrapper select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27%23333%27/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.controller-instructions-unique-wrapper .controller-instructions-dropdown:focus,.controller-instructions-unique-wrapper .controller-instructions-form-input:focus,.controller-instructions-unique-wrapper .controller-instructions-form-textarea:focus,.controller-instructions-unique-wrapper input[type=email]:focus,.controller-instructions-unique-wrapper input[type=text]:focus,.controller-instructions-unique-wrapper select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.controller-instructions-unique-wrapper .controller-instructions-select-wrapper{position:relative;width:100%}.controller-instructions-unique-wrapper .controller-instructions-input-wrapper,.controller-instructions-unique-wrapper .controller-instructions-textarea-wrapper{position:relative}.controller-instructions-unique-wrapper .controller-instructions-date-input-group{display:flex;position:relative}.controller-instructions-unique-wrapper .controller-instructions-calendar-button{background:#0000;border:none;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.controller-instructions-unique-wrapper .controller-instructions-error-field{border-color:#ff4d4f}.controller-instructions-unique-wrapper .controller-instructions-error-tooltip{background-color:#ff4d4f;border-radius:4px;box-shadow:0 4px 6px #0000004d;color:#fff;font-size:12px;left:50%;padding:4px 8px;position:absolute;top:calc(100% + 5px);transform:translateX(-50%);white-space:nowrap;z-index:10}.controller-instructions-unique-wrapper .controller-instructions-error-tooltip:before{border-bottom:5px solid #ff4d4f;border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:0}.controller-instructions-unique-wrapper .controller-instructions-container-error-message{color:#ff4d4f;font-size:12px;margin-top:5px}.controller-instructions-unique-wrapper .controller-instructions-error-field,.controller-instructions-unique-wrapper .controller-instructions-form-field .controller-instructions-input-wrapper .controller-instructions-form-input.controller-instructions-error-field,.controller-instructions-unique-wrapper .controller-instructions-form-field .controller-instructions-input-wrapper .controller-instructions-form-textarea.controller-instructions-error-field{background-color:#ffebee!important;border:2px solid #d32f2f!important;box-shadow:0 0 0 1px #d32f2f!important;outline:none!important}.controller-instructions-unique-wrapper .controller-instructions-error-message{color:#d32f2f;font-size:.75rem;margin-top:4px}.controller-instructions-unique-wrapper .controller-instructions-checkbox-container{align-items:center;display:flex;margin:5px 0}.controller-instructions-unique-wrapper .controller-instructions-checkbox-container input[type=checkbox]{height:16px;margin-right:8px;width:16px}.controller-instructions-unique-wrapper .controller-instructions-checkbox-container .controller-instructions-checkmark{margin-left:8px}@media (max-width:768px){.controller-instructions-unique-wrapper .controller-instructions-client-info-section .controller-instructions-form-row,.controller-instructions-unique-wrapper .controller-instructions-location-row,.controller-instructions-unique-wrapper .controller-instructions-shipment-task-row,.controller-instructions-unique-wrapper .controller-instructions-stack-deadline-row,.controller-instructions-unique-wrapper .controller-instructions-time-date-row,.controller-instructions-unique-wrapper .controller-instructions-vessel-bottom-row,.controller-instructions-unique-wrapper .controller-instructions-vessel-info-section .controller-instructions-form-row{flex-direction:column;gap:8px}.controller-instructions-unique-wrapper .controller-instructions-container-section{flex-direction:column;gap:15px}.controller-instructions-unique-wrapper .controller-instructions-booking-rates-row{flex-direction:column;gap:8px}.controller-instructions-unique-wrapper .controller-instructions-checkbox-section{align-items:center;flex-direction:column;gap:10px}.controller-instructions-unique-wrapper .controller-instructions-container-input{gap:8px;grid-template-columns:1fr;text-align:center}}.fc-controller-instructions-unique-wrapper{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:flex-start;min-height:100vh;padding:0 20px 10px!important;position:relative}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-header{margin-bottom:0;margin-top:0;max-width:1500px;width:100%}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-back-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;left:20px;padding:8px 16px;position:absolute;top:10px;z-index:1000}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-logout-button{position:absolute;right:20px;top:10px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-form-container{background-color:#e6f2ff;border-radius:8px;margin-bottom:20px!important;margin-left:auto;margin-right:auto;margin-top:40px!important;max-width:1800px;overflow:visible;padding:15px;position:relative}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-form-section{background-color:#e6f2ff;border:none;margin-bottom:4px;padding:4px 0}.fc-controller-instructions-unique-wrapper hr{border:none;display:none;height:0;margin:0}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-form-section:last-child{border-bottom:none}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-client-info-section{background-color:#e6f2ff!important;border-bottom:none;margin-bottom:8px;padding:0!important;position:relative}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-client-info-section:after{background-color:#ccc;bottom:-8px;content:"";height:2px;left:-15px;position:absolute;right:-15px;width:calc(100% + 30px)}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-client-info-section .fc-controller-instructions-form-row{display:flex;gap:15px;margin-bottom:4px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-client-info-section .fc-controller-instructions-form-field{flex:1 1;min-width:200px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-section{align-items:flex-start;display:flex;flex-direction:row;gap:30px;margin-bottom:4px;margin-top:8px;padding:4px 0}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-group{flex:1 1;max-width:350px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-label{font-weight:600;margin-bottom:12px;text-align:center}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-trailer-size-label{display:block;font-size:14px;font-weight:600;margin:4px 0 8px;text-align:center}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-inputs{display:flex;flex-direction:column;gap:8px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-input{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:80px 70px 90px;margin-bottom:8px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-input label{font-weight:500;justify-self:start;text-align:left}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-rate-group{display:contents}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-input input[type=number]{border:1px solid #ddd;border-radius:4px;height:32px;justify-self:center;padding:4px;text-align:center;width:60px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-rate-group input[type=text]{border:1px solid #ddd;border-radius:4px;height:32px;justify-self:start;padding:4px 8px;width:80px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-input input[type=text]{border:1px solid #ddd;border-radius:4px;height:32px;padding:4px 8px;width:80px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-booking-rates-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-booking-rates-row{display:flex;gap:15px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-booking-rates-row .fc-controller-instructions-form-field{flex:1 1}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-vessel-info-section{margin-bottom:4px;margin-top:4px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-vessel-info-section .fc-controller-instructions-form-row{align-items:flex-end;display:flex;gap:15px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-vessel-info-section .fc-controller-instructions-form-field{flex:1 1}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-shipment-task-row{display:flex;gap:15px;margin-bottom:4px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-shipment-task-row .fc-controller-instructions-form-field{flex:1 1}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-location-row{display:flex;gap:15px;margin-bottom:4px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-location-row .fc-controller-instructions-form-field{flex:1 1}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-time-date-row{display:flex;gap:15px;margin-bottom:4px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-time-date-row .fc-controller-instructions-form-field{flex:1 1}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-stack-deadline-row{display:flex;gap:15px;margin-bottom:4px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-stack-deadline-row .fc-controller-instructions-form-field{flex:1 1}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-checkbox-section{display:flex;gap:30px;justify-content:center;margin:8px 0}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-checkbox-group{align-items:center;display:flex;gap:8px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-checkbox-group input[type=checkbox]{height:16px;width:16px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-checkbox-group label{font-size:14px;margin:0}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-vessel-bottom-row{display:flex;gap:15px;margin-bottom:4px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-vessel-bottom-row .fc-controller-instructions-form-field{flex:1 1}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-vessel-bottom-row .fc-controller-instructions-form-field:last-child{flex:2 1}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-button-container{display:flex;justify-content:center;margin-top:5px;padding:10px 0}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-add-container-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-add-container-button:hover{background-color:#3a80d2}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-add-container-button:disabled{background-color:#ccc;cursor:not-allowed}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-form-field label{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-dropdown,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-form-input,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-form-textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;height:36px;padding:6px 10px;width:100%}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-form-textarea{height:auto;min-height:80px;resize:vertical}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-select-wrapper{position:relative;width:100%}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-input-wrapper,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-textarea-wrapper{position:relative}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-date-input-group{display:flex;position:relative}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-calendar-button{background:#0000;border:none;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-error-field{border-color:#ff4d4f}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-error-tooltip{background-color:#ff4d4f;border-radius:4px;box-shadow:0 4px 6px #0000004d;color:#fff;font-size:12px;left:50%;padding:4px 8px;position:absolute;top:calc(100% + 5px);transform:translateX(-50%);white-space:nowrap;z-index:10}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-error-tooltip:before{border-bottom:5px solid #ff4d4f;border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:0}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-error-message{color:#ff4d4f;font-size:12px;margin-top:5px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-checkbox-container{align-items:center;display:flex;margin:5px 0}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-checkbox-container input[type=checkbox]{height:16px;margin-right:8px;width:16px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-checkbox-container .fc-controller-instructions-checkmark{margin-left:8px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-small-field{flex:1 1;min-width:200px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-small{max-width:120px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-date-time-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-date-time-row-1,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-date-time-row-2{display:flex;gap:15px;margin-bottom:8px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-booking-vertical-group{display:flex;flex-direction:column;gap:8px;max-width:220px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-description-field{flex:1 1 180px;max-width:180px;min-width:160px}@media (max-width:768px){.fc-controller-instructions-unique-wrapper .fc-controller-instructions-client-info-section .fc-controller-instructions-form-row,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-date-time-row-1,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-date-time-row-2,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-location-row,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-shipment-task-row,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-stack-deadline-row,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-time-date-row,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-vessel-bottom-row,.fc-controller-instructions-unique-wrapper .fc-controller-instructions-vessel-info-section .fc-controller-instructions-form-row{flex-direction:column;gap:8px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-section{flex-direction:column;gap:15px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-booking-rates-row{flex-direction:column;gap:8px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-checkbox-section{align-items:center;flex-direction:column;gap:10px}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-container-input{gap:8px;grid-template-columns:1fr;text-align:center}.fc-controller-instructions-unique-wrapper .fc-controller-instructions-booking-vertical-group{max-width:100%}}.view-controller-instructions-unique-wrapper .view-controller-instructions-back-button{padding:8px 16px;top:10px}.view-controller-instructions-unique-wrapper .view-controller-instructions-logout-button{position:absolute;right:20px;top:10px}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-container{margin-top:40px!important;max-width:1800px;padding:15px}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-section{margin-bottom:4px;padding:4px 0}.view-controller-instructions-unique-wrapper .view-controller-instructions-client-info-section:after{width:calc(100% + 30px)}.view-controller-instructions-unique-wrapper .view-controller-instructions-client-info-section .view-controller-instructions-form-row{display:flex;gap:15px;margin-bottom:4px}.view-controller-instructions-unique-wrapper .view-controller-instructions-client-info-section .view-controller-instructions-form-field{flex:1 1;min-width:200px}.view-controller-instructions-unique-wrapper .view-controller-instructions-booking-rates-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.view-controller-instructions-unique-wrapper .view-controller-instructions-booking-rates-row{display:flex;gap:15px}.view-controller-instructions-unique-wrapper .view-controller-instructions-booking-rates-row .view-controller-instructions-form-field{flex:1 1}.view-controller-instructions-unique-wrapper .view-controller-instructions-vessel-info-section .view-controller-instructions-form-row{align-items:flex-end;display:flex;gap:15px}.view-controller-instructions-unique-wrapper .view-controller-instructions-shipment-task-row .view-controller-instructions-form-field,.view-controller-instructions-unique-wrapper .view-controller-instructions-vessel-info-section .view-controller-instructions-form-field{flex:1 1}.view-controller-instructions-unique-wrapper .view-controller-instructions-location-row{display:flex;gap:15px;margin-bottom:4px}.view-controller-instructions-unique-wrapper .view-controller-instructions-location-row .view-controller-instructions-form-field{flex:1 1}.view-controller-instructions-unique-wrapper .view-controller-instructions-time-date-row{display:flex;gap:15px;margin-bottom:4px}.view-controller-instructions-unique-wrapper .view-controller-instructions-time-date-row .view-controller-instructions-form-field{flex:1 1}.view-controller-instructions-unique-wrapper .view-controller-instructions-stack-deadline-row{display:flex;gap:15px;margin-bottom:4px}.view-controller-instructions-unique-wrapper .view-controller-instructions-stack-deadline-row .view-controller-instructions-form-field{flex:1 1}.view-controller-instructions-unique-wrapper .view-controller-instructions-checkbox-section{display:flex;gap:30px;justify-content:center;margin:8px 0}.view-controller-instructions-unique-wrapper .view-controller-instructions-checkbox-group{align-items:center;display:flex;gap:8px}.view-controller-instructions-unique-wrapper .view-controller-instructions-checkbox-group input[type=checkbox]{height:16px;width:16px}.view-controller-instructions-unique-wrapper .view-controller-instructions-checkbox-group label{font-size:14px;margin:0}.view-controller-instructions-unique-wrapper .view-controller-instructions-vessel-bottom-row{display:flex;gap:15px;margin-bottom:4px}.view-controller-instructions-unique-wrapper .view-controller-instructions-vessel-bottom-row .view-controller-instructions-form-field{flex:1 1}.view-controller-instructions-unique-wrapper .view-controller-instructions-vessel-bottom-row .view-controller-instructions-form-field:last-child{flex:2 1}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-field label{font-size:14px;margin-bottom:4px}.view-controller-instructions-unique-wrapper .view-controller-instructions-dropdown,.view-controller-instructions-unique-wrapper .view-controller-instructions-form-input,.view-controller-instructions-unique-wrapper .view-controller-instructions-form-textarea{border-radius:4px;font-size:14px;height:36px;padding:6px 10px}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-textarea{min-height:80px}.view-controller-instructions-unique-wrapper .view-controller-instructions-checkbox-container .view-controller-instructions-checkmark{margin-left:8px}.view-controller-instructions-unique-wrapper .view-controller-instructions-small{max-width:120px}.view-controller-instructions-unique-wrapper .view-controller-instructions-rate-input{position:relative}.view-controller-instructions-unique-wrapper .view-controller-instructions-trailer-container{display:flex;flex-direction:column;gap:8px}@media (max-width:768px){.view-controller-instructions-unique-wrapper .view-controller-instructions-client-info-section .view-controller-instructions-form-row,.view-controller-instructions-unique-wrapper .view-controller-instructions-date-time-row-1,.view-controller-instructions-unique-wrapper .view-controller-instructions-date-time-row-2,.view-controller-instructions-unique-wrapper .view-controller-instructions-location-row,.view-controller-instructions-unique-wrapper .view-controller-instructions-shipment-task-row,.view-controller-instructions-unique-wrapper .view-controller-instructions-stack-deadline-row,.view-controller-instructions-unique-wrapper .view-controller-instructions-time-date-row,.view-controller-instructions-unique-wrapper .view-controller-instructions-vessel-bottom-row,.view-controller-instructions-unique-wrapper .view-controller-instructions-vessel-info-row,.view-controller-instructions-unique-wrapper .view-controller-instructions-vessel-info-section .view-controller-instructions-form-row{flex-direction:column;gap:8px}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-section{flex-direction:column;gap:15px}.view-controller-instructions-unique-wrapper .view-controller-instructions-booking-rates-row{flex-direction:column;gap:8px}.view-controller-instructions-unique-wrapper .view-controller-instructions-checkbox-section{align-items:center;flex-direction:column;gap:10px}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-input{gap:8px;grid-template-columns:1fr;text-align:center}.view-controller-instructions-unique-wrapper .view-controller-instructions-booking-vertical-group{max-width:100%}}.container-details-wrapper{font-family:Arial,sans-serif;position:relative;width:100vw}.container-details-wrapper,.content{align-items:center;display:flex;flex-direction:column}.content{border-radius:5px;box-shadow:0 2px 4px #0000001a;margin:10px 10px 10px 5px;max-width:1200px;padding:0;width:95%}.content-title{font-size:28px;margin-bottom:20px;margin-top:0;text-align:center;text-decoration:underline}.navigation-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:20px;width:100%}.add-container-button,.back-button,.logout-button,.submit-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 30px}.back-button{background-color:#8de0a6}.logout-button{background-color:#f89999}.add-container-section{display:flex;justify-content:flex-start;width:100%}.add-container-button{background-color:#8cc7f0;border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:10px 20px}.container-table-wrapper{border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;max-width:1200px;overflow-x:auto;width:100%}.container-table{border-collapse:collapse;min-width:1000px;width:100%}.container-table1 thead{background-color:#8cc7f0}.container-table td,.container-table th{border-bottom:1px solid #8cc7f0;font-weight:700;padding:12px 15px;text-align:left}.container-table .even-row{background-color:#8cc7f0}.container-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.container-table1{border-collapse:collapse;width:100%}.container-table1 td,.container-table1 th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.container-table1 th{background-color:#f2f2f2;font-weight:700}.container-table1 tr:hover{background-color:#f5f5f5}.even-row{background-color:#f9f9f9}.submit-section{display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}.submit-button{background-color:#8cc7f0;font-size:16px;padding:10px 20px}.submit-button:hover{background-color:#45a049}.input-cell,.input-wrapper{position:relative}.error-field{background-color:#fff1f0!important;border:2px solid #ff4d4f!important}.error-tooltip{background-color:#ff4d4f;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:12px;left:0;padding:5px 10px;position:absolute;top:-40px;white-space:nowrap;z-index:100}.tooltip-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #ff4d4f;bottom:-5px;height:0;left:10px;position:absolute;width:0}@media (max-width:768px){.navigation-buttons{align-items:center;flex-direction:column;gap:10px}.container-table{min-width:auto}}.back-button{left:20px;margin-top:90px;position:absolute;top:55px}.logout{background:#ff7b7b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-left:auto;padding:8px 20px;transition:background-color .2s}.logout:hover{background:#ff5a5a}.header{background:#bae6fd;justify-content:space-between;padding:15px 20px;width:100%}.header,.logo-container{align-items:center;display:flex}.logo-img{height:110px;margin-top:2px;object-fit:contain;transition:transform .3s ease-in-out;width:150px}.user-info{gap:10px}.user-img{border-radius:50%;height:40px;width:40px}h1{color:#333;flex-grow:1;font-size:24px;text-align:center}@media (max-width:900px){.dashboard-row{flex-wrap:wrap;justify-content:center}.card{margin-bottom:20px}}@media (max-width:768px){.header{flex-direction:column;gap:10px;padding:15px}h1{color:#333;flex-grow:1;font-size:24px;margin-left:20px;text-align:center}.card{max-width:300px;width:100%}}.client-payments-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.client-payments-header{border-bottom:1px solid #eee;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.header-buttons{display:flex;gap:10px}.payments-table-container{overflow-x:auto}.payments-table{border-collapse:collapse;width:100%}.payments-table td,.payments-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.payments-table th{background-color:#f2f2f2;font-weight:700}.payments-table tr:hover{background-color:#f5f5f5}.upload-button{background-color:#2196f3}.upload-container{border:1px solid #ddd;border-radius:8px;padding:20px}.upload-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.close-button{font-size:24px}.invoice-input{margin-bottom:20px}.invoice-input label{display:block;font-weight:700;margin-bottom:5px}.invoice-input input{border:1px solid #ddd;border-radius:4px;max-width:200px;padding:8px;width:100%}.drop-area{border:2px dashed #ccc;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center}.drop-icon{margin-bottom:10px}.supported-formats{color:#888;font-size:14px;margin:5px 0}.or-text{color:#888;margin:10px 0}.browse-button{background-color:#f0f0f0;border-radius:4px;display:inline-block;margin-top:10px;padding:8px 16px}.browse-button:hover{background-color:#e0e0e0}.selected-file{color:#2196f3;margin-top:10px}.upload-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}.cancel-button{background-color:#f0f0f0}.upload-submit-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.upload-submit-button:disabled{background-color:#b0b0b0;cursor:not-allowed}.submit-container{margin-top:20px;text-align:center}.submit-proof-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.filter-section{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.filter-button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px;transition:.3s}.filter-button.active{background-color:#007bff;color:#fff}.filter-button.outline{background-color:initial;border:2px solid #007bff;color:#007bff}.filter-button:hover{background-color:#0056b3;color:#fff}.footer{align-items:center;background:#bae6fd;bottom:0;color:#333;display:flex;font-size:14px;justify-content:center;left:0;padding:15px 0;position:relative;position:fixed;width:100%}.popup-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;z-index:50}.popup-container{background-color:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:28rem;opacity:0;overflow-y:auto;position:relative;transform:scale(.9);width:100%}.popup-show{animation:popup-in .3s ease-out forwards}@keyframes popup-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popup-close{background:none;border:none;color:#f5f5f5;cursor:pointer;padding:.25rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.popup-close:hover{color:#1f2937}.close-icon{height:1.5rem;width:1.5rem}.popup-header{background:linear-gradient(90deg,#f59e0b,#f97316);border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;color:#fff;padding:1.5rem}.header-content{gap:.75rem}.warning-icon{flex-shrink:0;height:2rem;width:2rem}.animate-pulse{animation:pulse 1.5s infinite}.popup-header h3{font-size:1.25rem;font-weight:700;margin:0}.popup-header p{color:#fef3c7;font-size:.875rem;margin:0 80px 0 0;text-align:center}.popup-content{padding:1.5rem}.countdown{margin-bottom:1.5rem;text-align:center}.timer-circle{align-items:center;background:linear-gradient(to bottom right,#fee2e2,#fed7aa);border-radius:50%;display:inline-flex;height:6rem;justify-content:center;margin-bottom:1rem;width:6rem}.timer-circle span{color:#dc2626;font-size:1.875rem;font-weight:700}.countdown p{color:#4b5563;font-size:1.125rem;margin:0}.progress-bar{background-color:#e5e7eb;border-radius:9999px;height:.5rem;margin-bottom:1.5rem}.progress-fill{background:linear-gradient(90deg,#ef4444,#f97316);transition:width 1s linear}.action-buttons{flex-direction:column;gap:.75rem}.continue-button{background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.continue-button:hover{background:linear-gradient(90deg,#2563eb,#1d4ed8);box-shadow:0 4px 6px -1px #0000001a;transform:scale(1.05)}.secondary-buttons{display:flex;gap:.75rem}.dismiss-button,.logout-button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-weight:500;padding:.625rem 1rem;transition:all .2s ease}.dismiss-button{background-color:#f3f4f6;color:#374151 0}.dismiss-button:hover{background-color:#e5e7eb}.logout-button{background-color:#fee2e2;color:#b91c1c}.logout-button:hover{background-color:#fecaca}.popup-footer{background-color:#f9fafb;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;padding:1rem 1.5rem;text-align:center}.popup-footer p{color:#6b7280;font-size:.75rem;margin:0}@media (max-width:640px){.secondary-buttons{flex-direction:column}}.modal-overlay{z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:500px;padding:25px;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{color:#666;font-size:1.5rem;line-height:1;padding:5px}.close-button:hover{color:#000}.modal-body{margin-bottom:20px;text-align:center}.modal-icon{font-size:3rem;line-height:1;margin-bottom:15px}.modal-body p{color:#555;font-size:1.1rem;line-height:1.5;margin:0}.modal-footer{border-top:1px solid #eee;padding-top:15px}.modal-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 16px;transition:background-color .2s}.modal-button:hover{background-color:#0056b3}button:disabled{cursor:not-allowed;opacity:.7}.spinner-border{animation:spinner-border .75s linear infinite;border:.2em solid;border-radius:50%;border-right:.2em solid #0000;display:inline-block;height:1rem;vertical-align:text-bottom;width:1rem}@keyframes spinner-border{to{transform:rotate(1turn)}}.me-2{margin-right:.5rem!important}.error-modal .modal-header h2,.error-modal .modal-icon{color:#d32f2f}.success-modal{text-align:center}.success-modal .modal-header{border:none;justify-content:center}.success-modal .modal-header h2{color:#2e7d32}.success-modal .modal-icon{animation:bounceIn .5s;color:#2e7d32;font-size:4rem;margin:10px 0 20px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:.5;transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.company-instruction-view-wrapper{background-color:#f5f5f5;font-family:Arial,sans-serif;min-height:100vh;text-align:center;width:100%}.company-instruction-view-header{background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;margin-bottom:20px;padding:20px}.company-instruction-view-header-content{max-width:1000px;text-align:left;width:100%}.company-instruction-view-back-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.company-instruction-view-back-button:hover{background-color:#45a049}.company-instruction-view-table-container{display:flex;justify-content:center;padding:0 20px}.company-instruction-view-table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:-80px;max-width:1000px;overflow:hidden;width:100%}.company-instruction-view-table{border-collapse:collapse;font-size:14px;width:100%}.company-instruction-view-table thead{background-color:#93c5fd}.company-instruction-view-table th{border-bottom:2px solid #e5e7eb;color:#1f2937;font-weight:700;padding:12px;text-align:left}.company-instruction-view-table td{border-bottom:1px solid #e5e7eb;color:#374151;padding:12px}.company-instruction-view-table tbody tr:hover{background-color:#f9fafb}.company-instruction-view-table tbody tr.border-t{border-top:1px solid #e5e7eb}.company-instruction-view-centered-cell{text-align:center}.company-instruction-view-bell-header{align-items:center;display:flex;gap:5px;justify-content:center}.company-instruction-view-view-button{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:background-color .3s ease}.company-instruction-view-view-button:hover{background-color:#2563eb}.company-instruction-view-view-button.red-state{background-color:#ef4444}.company-instruction-view-view-button.red-state:hover{background-color:#dc2626}.company-instruction-view-loading{color:#6b7280;font-size:16px;padding:40px;text-align:center}.company-instruction-view-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:16px;margin:20px;padding:40px;text-align:center}.company-instruction-view-no-data{color:#6b7280;font-size:16px;padding:40px;text-align:center}.company-instruction-view-pagination-container{display:flex;justify-content:center;margin-top:20px;padding:20px}.company-instruction-view-pagination{align-items:center;display:flex;gap:8px}.company-instruction-view-pagination-button{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.company-instruction-view-pagination-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.company-instruction-view-pagination-button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.company-instruction-view-pagination-button:disabled{cursor:not-allowed;opacity:.5}.company-instruction-view-pagination-info{color:#6b7280;font-size:14px;margin-right:16px}@keyframes company-instruction-view-bell-shake{0%{transform:rotate(0)}15%{transform:rotate(5deg)}30%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}85%{transform:rotate(-2deg)}92%{transform:rotate(1deg)}to{transform:rotate(0)}}.company-instruction-view-bell-icon{display:inline-block;position:relative}.company-instruction-view-bell-icon.shake{animation:company-instruction-view-bell-shake 2s infinite}.company-instruction-view-bell-count{color:#000;font-size:12px;font-weight:700;position:absolute;right:-8px;top:-8px}.company-instruction-view-row-bell-count{color:#000;font-size:10px;font-weight:700;position:absolute;right:-8px;top:-8px}@media (max-width:768px){.company-instruction-view-header{flex-direction:column;gap:10px;text-align:center}.company-instruction-view-table-container{padding:0 10px}.company-instruction-view-table{font-size:12px}.company-instruction-view-table td,.company-instruction-view-table th{padding:8px 4px}.company-instruction-view-pagination{flex-wrap:wrap;gap:4px}.company-instruction-view-pagination-button{font-size:12px;padding:6px 8px}.company-instruction-view-table-wrapper{margin-top:-40px}}@media (max-width:480px){.company-instruction-view-table-wrapper{overflow-x:auto}.company-instruction-view-table{min-width:600px}}.client-payment-dashboard-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.client-payment-dashboard-wrapper *,.client-payment-dashboard-wrapper :after,.client-payment-dashboard-wrapper :before{box-sizing:inherit}.client-payment-dashboard-wrapper .upload-container{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:20px}.client-payment-dashboard-wrapper .header-actions{display:flex;justify-content:flex-start;margin-bottom:20px;max-width:1200px;width:100%}.client-payment-dashboard-wrapper .back-button{background-color:#4caf50;border:none;border-radius:4px;cursor:pointer;font-family:inherit;padding:8px 16px;top:38px}.client-payment-dashboard-wrapper .back-button:hover{background-color:#5a6268}.client-payment-dashboard-wrapper .upload-content{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.client-payment-dashboard-wrapper .upload-form{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:800px;padding:30px;width:100%}.client-payment-dashboard-wrapper .upload-form h2{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:25px;padding-bottom:15px;text-align:center}.client-payment-dashboard-wrapper .form-row{display:flex;gap:20px;margin-bottom:20px}.client-payment-dashboard-wrapper .form-row.full-width{flex-direction:column}.client-payment-dashboard-wrapper .form-row.two-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.client-payment-dashboard-wrapper .form-row.upload-row{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:1.2fr .8fr}.client-payment-dashboard-wrapper .upload-column{min-height:200px}.client-payment-dashboard-wrapper .requirements-column{align-items:flex-start;display:flex;padding-top:25px}.client-payment-dashboard-wrapper .amount-field{margin-bottom:0;position:relative}.client-payment-dashboard-wrapper .amount-field label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.client-payment-dashboard-wrapper .amount-field input,.client-payment-dashboard-wrapper .amount-field select{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.client-payment-dashboard-wrapper .amount-field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.client-payment-dashboard-wrapper .amount-field input:focus,.client-payment-dashboard-wrapper .amount-field select:focus{border-color:#4169e1;box-shadow:0 0 0 3px #4169e11a;outline:none}.client-payment-dashboard-wrapper .amount-field input:disabled,.client-payment-dashboard-wrapper .amount-field select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.client-payment-dashboard-wrapper .selected-info{color:#666;font-size:12px;margin-top:5px}.client-payment-dashboard-wrapper .view-proof-section{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:center;padding:40px 20px}.client-payment-dashboard-wrapper .view-button.centered{background:linear-gradient(135deg,#4169e1,#5a7bff);border:none;border-radius:8px;box-shadow:0 2px 10px #4169e14d;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.client-payment-dashboard-wrapper .view-button.centered:hover:not(:disabled){box-shadow:0 4px 15px #4169e166;transform:translateY(-2px)}.client-payment-dashboard-wrapper .file-upload-section.compact{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px dashed #dee2e6;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:140px;padding:20px;position:relative;text-align:center;transition:all .3s ease}.client-payment-dashboard-wrapper .file-upload-section.compact:hover{background:linear-gradient(135deg,#f1f5ff,#fff);border-color:#4169e1}.client-payment-dashboard-wrapper .upload-icon{color:#4169e1;font-size:32px;margin-bottom:8px}.client-payment-dashboard-wrapper .upload-text{color:#495057;font-size:14px;font-weight:500;margin-bottom:12px}.client-payment-dashboard-wrapper .file-input-wrapper{display:inline-block;position:relative}.client-payment-dashboard-wrapper .file-input-wrapper input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.client-payment-dashboard-wrapper .browse-button{background:linear-gradient(135deg,#4169e1,#5a7bff);border:none;border-radius:6px;box-shadow:0 2px 8px #4169e14d;color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:10px 20px;transition:all .3s ease}.client-payment-dashboard-wrapper .browse-button:hover{box-shadow:0 3px 12px #4169e166;transform:translateY(-1px)}.client-payment-dashboard-wrapper .selected-file{background-color:#e8f5e8;border:1px solid #c3e6c3;border-radius:6px;color:#2d5a2d;font-size:12px;font-weight:500;margin-top:10px;padding:8px}.client-payment-dashboard-wrapper .upload-specs.compact{background-color:#f8f9fa;border-left:4px solid #4169e1;border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:15px;text-align:left}.client-payment-dashboard-wrapper .upload-specs.compact h4{align-items:center;color:#495057;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:10px}.client-payment-dashboard-wrapper .upload-specs.compact ul{color:#6c757d;font-size:12px;line-height:1.5;margin:0;padding-left:16px}.client-payment-dashboard-wrapper .upload-specs.compact li{margin-bottom:3px}.client-payment-dashboard-wrapper .submit-button{background:linear-gradient(135deg,#28a745,#34ce57);border:none;border-radius:8px;box-shadow:0 2px 10px #28a7454d;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.client-payment-dashboard-wrapper .submit-button:hover:not(:disabled){box-shadow:0 4px 15px #28a74566;transform:translateY(-2px)}.client-payment-dashboard-wrapper .submit-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.client-payment-dashboard-wrapper .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-weight:500;margin-bottom:20px;padding:12px 16px}.client-payment-dashboard-wrapper .view-button{background:linear-gradient(135deg,#4169e1,#5a7bff);border:none;border-radius:6px;box-shadow:0 2px 8px #4169e14d;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;padding:10px 20px;transition:all .3s ease}.client-payment-dashboard-wrapper .view-button:hover:not(:disabled){box-shadow:0 4px 12px #4169e166;transform:translateY(-1px)}.client-payment-dashboard-wrapper .view-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.client-payment-dashboard-wrapper .no-file{background-color:#f8f9fa;border-radius:6px;color:#666;font-style:italic;padding:20px;text-align:center}.client-payment-dashboard-wrapper .pagination-info{color:#6c757d;font-size:14px;font-weight:500;margin-bottom:15px;text-align:center}.client-payment-dashboard-wrapper .pagination-container{align-items:center;background:#0000;border:1px solid #0000;display:flex;flex-direction:column;gap:15px;margin-top:20px}.client-payment-dashboard-wrapper .pagination-controls{align-items:center;display:flex;gap:10px}.client-payment-dashboard-wrapper .pagination-btn{background:linear-gradient(135deg,#4169e1,#5a7bff);border:none;border-radius:6px;box-shadow:0 2px 6px #4169e14d;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.client-payment-dashboard-wrapper .pagination-btn:hover:not(:disabled){box-shadow:0 3px 10px #4169e166;transform:translateY(-1px)}.client-payment-dashboard-wrapper .pagination-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.client-payment-dashboard-wrapper .pagination-numbers{align-items:center;display:flex;gap:5px}.client-payment-dashboard-wrapper .pagination-number{background:#fff;border:2px solid #4169e1;border-radius:6px;color:#4169e1;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;min-width:40px;padding:6px 12px;transition:all .3s ease}.client-payment-dashboard-wrapper .pagination-number:hover{background:#4169e1;color:#fff;transform:translateY(-1px)}.client-payment-dashboard-wrapper .pagination-number.active{background:#4169e1;box-shadow:0 2px 8px #4169e14d;color:#fff}.client-payment-dashboard-wrapper .pagination-ellipsis{color:#6c757d;font-weight:500;padding:6px 8px}.client-payment-dashboard-wrapper .pagination-summary{color:#6c757d;font-size:13px;font-weight:500}.client-payment-dashboard-wrapper .client-payment-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;font-family:inherit;margin:0 auto;max-width:1200px;padding:20px}.client-payment-dashboard-wrapper .client-payments-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.client-payment-dashboard-wrapper .payment-table1{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:inherit;margin:20px auto 0;max-width:1000px;overflow:hidden;width:100%}.client-payment-dashboard-wrapper .payment-table1 td,.client-payment-dashboard-wrapper .payment-table1 th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.client-payment-dashboard-wrapper .payment-table1 th{background-color:#f8f9fa;color:#495057;font-weight:600}.client-payment-dashboard-wrapper .table-header{background-color:#e6e6fa;display:flex;padding:10px 0}.client-payment-dashboard-wrapper .upload-button{background:linear-gradient(135deg,#2196f3,#42a5f5);border:none;border-radius:6px;box-shadow:0 2px 8px #2196f34d;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;padding:12px 24px;transition:all .3s ease}.client-payment-dashboard-wrapper .upload-button:hover{box-shadow:0 4px 12px #2196f366;transform:translateY(-1px)}.client-payment-dashboard-wrapper .action-bar{display:flex;justify-content:center;margin-bottom:20px;width:100%}.client-payment-dashboard-wrapper .filter-section46{align-items:center;display:flex;gap:15px;justify-content:center}.client-payment-dashboard-wrapper .dropdown-container{display:flex;gap:15px;margin-top:20px}.client-payment-dashboard-wrapper .dropdown{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-family:inherit;padding:8px 30px 8px 12px}.client-payment-dashboard-wrapper .upload-section{border-top:1px solid #eee;margin-top:30px;padding-top:20px;text-align:center}.client-payment-dashboard-wrapper .p-3{padding:12px}.client-payment-dashboard-wrapper .text-center{text-align:center}.client-payment-dashboard-wrapper .proof-modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.client-payment-dashboard-wrapper .proof-modal-content{background-color:#fff;border-radius:8px;max-height:80%;max-width:80%;overflow:auto;padding:20px;position:relative}.client-payment-dashboard-wrapper .proof-modal-close{color:#333;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.client-payment-dashboard-wrapper .proof-image{display:block;margin:15px auto 0;max-height:70vh;max-width:100%}.client-payment-dashboard-wrapper .proof-pdf{border:none;height:500px;width:100%}@media (max-width:768px){.client-payment-dashboard-wrapper .form-row.two-columns,.client-payment-dashboard-wrapper .form-row.upload-row{gap:15px;grid-template-columns:1fr}.client-payment-dashboard-wrapper .requirements-column{padding-top:0}.client-payment-dashboard-wrapper .upload-form{padding:20px}.client-payment-dashboard-wrapper .payment-table1{margin-left:0;width:100%}.client-payment-dashboard-wrapper .filter-section46{align-items:stretch;flex-direction:column}.client-payment-dashboard-wrapper .dropdown-container{flex-direction:column}.client-payment-dashboard-wrapper .pagination-controls,.client-payment-dashboard-wrapper .pagination-numbers{flex-wrap:wrap;justify-content:center}}body{background-color:#f5f5f5;font-family:Arial,sans-serif;margin:0;padding:0}.client-payments-header{align-items:center;display:flex;margin:20px 0;padding:0 20px}.back-button{background-color:#007bff;margin-right:20px;padding:8px 15px}.client-name{flex-grow:1;font-size:24px;font-weight:700;margin-right:20px;text-align:center}.dropdown-container74{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:-15px}.dropdown74{background-color:#fff;border:1px solid #ddd;border-radius:4px;min-width:150px;padding:8px 15px}.button-group{flex-wrap:wrap;margin-bottom:15px}.button-group,.filter-buttons{align-items:center;display:flex;justify-content:center}.filter-buttons{gap:7px;margin-top:10px}.btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .3s ease}.btn-green{background-color:#28a745;color:#fff}.btn-blue{background-color:#007bff;color:#fff}.btn-red{background-color:#dc3545;color:#fff}.btn.active{background-color:#0056b3;color:#fff;font-weight:700}.btn:hover{opacity:.8}.table-container{align-items:center;justify-content:center;padding:0 10px}.tables-container{display:flex;justify-content:center;width:100%}table td,table th{border-bottom:1px solid #eee;font-size:13px;padding:12px 5px 5px 10px;text-align:left}.t2{margin-left:0}table{border-radius:6px;box-shadow:0 0 5px #0000000d;margin-bottom:20px;overflow:hidden;width:1000px}table th{background-color:#bae6fd;color:#333;font-weight:400}table tr:nth-child(2n){background-color:#fcfcfc}table tr:hover{background-color:#f9f9f9}.view-btn{background-color:#007bff;border-radius:3px;padding:10px 20px}.view-btn:hover{background-color:#0056b3}@media screen and (max-width:768px){.container{padding:10px;width:100%}.client-payments-header{align-items:flex-start;flex-direction:column;gap:10px}.client-name{margin-right:0}.button-group,.dropdown-container74{flex-direction:column;gap:10px}.button-group{align-items:stretch}.filter-buttons{flex-wrap:wrap;justify-content:center}table{border-radius:6px;display:block;margin:0 auto;max-width:1000px;overflow-x:auto;white-space:nowrap;width:100%}td,th{padding:15px}.btn,td,th{font-size:12px}.btn{padding:8px 12px}}.view-client-instruction-wrapper{background-color:#f5f5f5;font-family:Arial,sans-serif;min-height:100vh;width:100%}.view-client-instruction-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.view-client-instruction-back-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.view-client-instruction-back-button:hover{background-color:#45a049}.view-client-instruction-table-container{align-items:center;display:flex;flex-direction:column;padding:0 20px}.view-client-instruction-table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:1200px;overflow:hidden;width:100%}.view-client-instruction-table{border-collapse:collapse;font-size:14px;width:100%}.view-client-instruction-table thead{background-color:#93c5fd}.view-client-instruction-table th{border-bottom:2px solid #e5e7eb;color:#1f2937;font-weight:700;padding:12px;text-align:left}.view-client-instruction-table td{border-bottom:1px solid #e5e7eb;color:#374151;padding:12px}.view-client-instruction-table tbody tr:hover{background-color:#f9fafb}.view-client-instruction-table tbody tr.border-t{border-top:1px solid #e5e7eb}.view-client-instruction-centered-cell{text-align:center}.view-client-instruction-bell-header{align-items:center;display:flex;gap:5px;justify-content:center}.view-client-instruction-view-button{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:background-color .3s ease}.view-client-instruction-view-button:hover{background-color:#2563eb}.view-client-instruction-view-button.bg-red-500{background-color:#ef4444}.view-client-instruction-view-button.bg-red-500:hover{background-color:#dc2626}.view-client-instruction-loading{color:#6b7280;font-size:16px;padding:40px;text-align:center}.view-client-instruction-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:16px;margin:20px;padding:40px;text-align:center}.view-client-instruction-no-data{color:#6b7280;font-size:16px;padding:40px;text-align:center}.view-client-instruction-pagination-container{display:flex;justify-content:center;margin-top:20px;padding:20px}.view-client-instruction-pagination{align-items:center;display:flex;gap:8px}.view-client-instruction-pagination-button{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.view-client-instruction-pagination-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.view-client-instruction-pagination-button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.view-client-instruction-pagination-button:disabled{cursor:not-allowed;opacity:.5}.view-client-instruction-pagination-info{color:#6b7280;font-size:14px;margin-right:16px}@keyframes view-client-instruction-bell-shake{0%{transform:rotate(0)}15%{transform:rotate(5deg)}30%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}85%{transform:rotate(-2deg)}92%{transform:rotate(1deg)}to{transform:rotate(0)}}.view-client-instruction-bell-icon{display:inline-block;position:relative}.view-client-instruction-bell-icon.shake{animation:view-client-instruction-bell-shake 2s infinite}.view-client-instruction-bell-count{color:#000;font-size:12px;font-weight:700;position:absolute;right:-8px;top:-8px}.view-client-instruction-row-bell-count{color:#000;font-size:10px;font-weight:700;position:absolute;right:-8px;top:-8px}@media (max-width:768px){.view-client-instruction-header{flex-direction:column;gap:10px;text-align:center}.view-client-instruction-table-container{padding:0 10px}.view-client-instruction-table{font-size:12px}.view-client-instruction-table td,.view-client-instruction-table th{padding:8px 4px}.view-client-instruction-pagination{flex-wrap:wrap;gap:4px}.view-client-instruction-pagination-button{font-size:12px;padding:6px 8px}}@media (max-width:480px){.view-client-instruction-table-wrapper{overflow-x:auto}.view-client-instruction-table{min-width:600px}}.view-controller-instructions-unique-wrapper{align-items:center;background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:flex-start;margin-top:-40;min-height:100vh;padding:0 20px 10px!important;position:relative;width:100%}.view-controller-instructions-unique-wrapper .container-details{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;box-sizing:border-box;display:flex;flex-direction:column;margin:15px auto;max-width:1200px;padding:15px;width:100%}.view-controller-instructions-unique-wrapper .container-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.view-controller-instructions-unique-wrapper .container-header h3{color:#333;font-size:18px;margin:0}.view-controller-instructions-unique-wrapper .container-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.view-controller-instructions-unique-wrapper .container-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:15px;transition:all .3s ease}.view-controller-instructions-unique-wrapper .container-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.view-controller-instructions-unique-wrapper .container-info{margin-bottom:10px}.view-controller-instructions-unique-wrapper .container-info p{color:#555;display:flex;font-size:14px;justify-content:space-between;margin:5px 0}.view-controller-instructions-unique-wrapper .container-info p span:first-child{color:#333;font-weight:600;margin-right:10px}.view-controller-instructions-unique-wrapper .status-indicator{border-radius:50%;display:inline-block;height:10px;margin-right:5px;width:10px}.view-controller-instructions-unique-wrapper .status-active{background-color:#4caf50}.view-controller-instructions-unique-wrapper .status-inactive{background-color:#f44336}.view-controller-instructions-unique-wrapper .action-buttons{border-top:1px solid #f0f0f0;display:flex;gap:10px;margin-top:15px;padding-top:10px}.view-controller-instructions-unique-wrapper .btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;padding:6px 12px;transition:all .2s}.view-controller-instructions-unique-wrapper .btn-edit{background-color:#2196f3;color:#fff}.view-controller-instructions-unique-wrapper .btn-delete{background-color:#f44336;color:#fff}.view-controller-instructions-unique-wrapper .btn:hover{opacity:.9;transform:translateY(-1px)}.view-controller-instructions-unique-wrapper .no-containers{color:#666;grid-column:1/-1;padding:30px;text-align:center}@media (max-width:768px){.view-controller-instructions-unique-wrapper .container-list{grid-template-columns:1fr}.view-controller-instructions-unique-wrapper .action-buttons{flex-direction:column}.view-controller-instructions-unique-wrapper .btn{margin-bottom:5px;width:100%}}.view-controller-instructions-unique-wrapper .view-controller-instructions-header{margin-bottom:0;margin-top:0;max-width:1500px;width:100%}.view-controller-instructions-unique-wrapper .view-controller-instructions-back-button{background-color:#4a90e2;border:none;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;font-size:13px;left:20px;padding:6px 12px;position:absolute;top:-35px;transition:background-color .2s;z-index:1000}.view-controller-instructions-unique-wrapper .view-controller-instructions-back-button:hover{background-color:#3a80d2}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-container{background-color:#e6f2ff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;margin-bottom:20px!important;margin-left:auto;margin-right:auto;margin-top:0!important;max-width:1200px;opacity:.95;overflow:visible;padding:15px 20px;position:relative;width:98%}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-section{background-color:#e6f2ff;border:none;margin-bottom:2px;padding:2px 0}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-section:last-child{border-bottom:none}.view-controller-instructions-unique-wrapper .view-controller-instructions-client-info-section{background-color:#e6f2ff!important;border-bottom:none;margin-bottom:8px;padding:0!important;position:relative;width:100%}.view-controller-instructions-unique-wrapper .view-controller-instructions-client-info-section:after{background-color:#ccc;bottom:-8px;content:"";height:2px;left:-15px;position:absolute;right:-15px}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2px;width:100%}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-row:last-child{margin-bottom:0}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-field{flex:1 1;margin-bottom:6px;min-width:160px}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-field label{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:2px}.view-controller-instructions-unique-wrapper .view-controller-instructions-dropdown,.view-controller-instructions-unique-wrapper .view-controller-instructions-form-input,.view-controller-instructions-unique-wrapper .view-controller-instructions-form-textarea{background-color:#fff;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;font-family:Arial,sans-serif;font-size:13px;height:30px;padding:4px 8px;width:100%}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-textarea{height:auto;line-height:1.3;min-height:60px;resize:vertical}.view-controller-instructions-unique-wrapper .view-controller-instructions-select-wrapper{position:relative;width:100%}.view-controller-instructions-unique-wrapper .view-controller-instructions-select-wrapper.view-controller-instructions-small{max-width:120px}.view-controller-instructions-unique-wrapper .view-controller-instructions-input-wrapper,.view-controller-instructions-unique-wrapper .view-controller-instructions-textarea-wrapper{position:relative;width:100%}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-section{align-items:flex-start;display:flex;flex-direction:row;gap:30px;margin-bottom:4px;margin-top:8px;padding:4px 0}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-group{flex:1 1;max-width:350px}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-label{font-size:14px;font-weight:600;margin-bottom:12px;text-align:center}.view-controller-instructions-unique-wrapper .view-controller-instructions-trailer-size-label{display:block;font-size:14px;font-weight:600;margin:4px 0 8px;text-align:center}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-inputs{display:flex;flex-direction:column;gap:8px}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-input{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:80px 70px 90px;margin-bottom:8px}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-input label{font-size:14px;font-weight:500;justify-self:start;margin-bottom:4px;text-align:left}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-rate-group{display:contents}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-input input[type=number]{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-family:Arial,sans-serif;font-size:14px;height:32px;justify-self:center;padding:4px;text-align:center;width:60px}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-rate-group input[type=text]{justify-self:start}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-input input[type=text],.view-controller-instructions-unique-wrapper .view-controller-instructions-container-rate-group input[type=text]{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-family:Arial,sans-serif;font-size:14px;height:32px;padding:4px 8px;width:80px}.view-controller-instructions-unique-wrapper .view-controller-instructions-date-time-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.view-controller-instructions-unique-wrapper .view-controller-instructions-date-time-row-1,.view-controller-instructions-unique-wrapper .view-controller-instructions-date-time-row-2{display:flex;gap:15px;margin-bottom:8px}.view-controller-instructions-unique-wrapper .view-controller-instructions-shipment-task-row{display:flex;gap:15px;margin-bottom:4px}.view-controller-instructions-unique-wrapper .view-controller-instructions-small-field{flex:1 1;min-width:200px}.view-controller-instructions-unique-wrapper .view-controller-instructions-date-input-group{display:flex;position:relative;width:100%}.view-controller-instructions-unique-wrapper .view-controller-instructions-calendar-button{background:#0000;border:none;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%);visibility:hidden}.view-controller-instructions-unique-wrapper .view-controller-instructions-booking-vertical-group{display:flex;flex-direction:column;gap:8px;max-width:220px}.view-controller-instructions-unique-wrapper .view-controller-instructions-vessel-info-section{margin-bottom:4px;margin-top:4px}.view-controller-instructions-unique-wrapper .view-controller-instructions-vessel-info-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;width:100%}.view-controller-instructions-unique-wrapper .view-controller-instructions-description-field{flex:1 1 180px;max-width:180px;min-width:160px}.view-controller-instructions-unique-wrapper .view-controller-instructions-checkbox-container{align-items:center;display:flex;margin:5px 0}.view-controller-instructions-unique-wrapper .view-controller-instructions-checkbox-container input[type=checkbox]{height:16px;margin-right:8px;width:16px}.view-controller-instructions-unique-wrapper .view-controller-instructions-checkmark{margin-left:8px}.view-controller-instructions-unique-wrapper .view-controller-instructions-button-container{background-color:#e6f2ff;display:flex;justify-content:center;margin-top:5px;padding:10px 0}.view-controller-instructions-unique-wrapper .view-controller-instructions-add-container-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;font-weight:500;min-width:180px;padding:12px 24px}.view-controller-instructions-unique-wrapper .view-controller-instructions-add-container-button:hover{background-color:#3a80d2}.view-controller-instructions-unique-wrapper .view-controller-instructions-add-container-button:disabled{background-color:#ccc;cursor:not-allowed}.view-controller-instructions-unique-wrapper .view-controller-instructions-error-field{border-color:#ff4d4f}.view-controller-instructions-unique-wrapper .view-controller-instructions-error-tooltip{background-color:#ff4d4f;border-radius:4px;box-shadow:0 4px 6px #0000004d;color:#fff;font-family:Arial,sans-serif;font-size:12px;left:50%;padding:4px 8px;position:absolute;top:calc(100% + 5px);transform:translateX(-50%);white-space:nowrap;z-index:10}.view-controller-instructions-unique-wrapper .view-controller-instructions-error-tooltip:before{border-bottom:5px solid #ff4d4f;border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:0}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-error-message{color:#ff4d4f;font-family:Arial,sans-serif;font-size:12px;margin-top:5px}.view-controller-instructions-unique-wrapper .success-message{background-color:#d4edda;border-radius:4px;color:#155724;font-family:Arial,sans-serif;font-size:14px;margin:10px 0;padding:10px;text-align:center}.view-controller-instructions-unique-wrapper hr{border:none;display:none;height:0;margin:0}@media (max-width:768px){.view-controller-instructions-unique-wrapper .view-controller-instructions-date-time-row-1,.view-controller-instructions-unique-wrapper .view-controller-instructions-date-time-row-2,.view-controller-instructions-unique-wrapper .view-controller-instructions-form-row,.view-controller-instructions-unique-wrapper .view-controller-instructions-shipment-task-row,.view-controller-instructions-unique-wrapper .view-controller-instructions-vessel-info-row{flex-direction:column;gap:8px}.view-controller-instructions-unique-wrapper .view-controller-instructions-form-field{margin-bottom:15px;margin-right:0;min-width:auto;width:100%}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-section{flex-direction:column;gap:15px}.view-controller-instructions-unique-wrapper .view-controller-instructions-container-input{gap:8px;grid-template-columns:1fr;text-align:center}.view-controller-instructions-unique-wrapper .view-controller-instructions-booking-vertical-group,.view-controller-instructions-unique-wrapper .view-controller-instructions-description-field{max-width:100%}.view-controller-instructions-unique-wrapper .view-controller-instructions-back-button{left:0;margin-bottom:10px;position:relative;top:0}}@media print{.view-controller-instructions-unique-wrapper .view-controller-instructions-add-container-button,.view-controller-instructions-unique-wrapper .view-controller-instructions-back-button{display:none}}.expenses-container{padding:20px;width:100%}.header-actions{margin-bottom:20px}.expenses-table1{margin-left:540px;margin-top:-55px;width:30%}.expenses-table1,.expenses-table2{background-color:#fff;border-collapse:collapse;border-radius:4px;overflow:hidden}.expenses-table2{margin-left:150px;margin-top:-100px;width:80%}.filter-section7{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px;margin-top:-385px;width:100%}.table-header{background-color:#bae6fd;padding:5px}.table-row{border-bottom:1px solid #ddd;display:flex;padding:5px}.header-cell,.table-cell{flex:1 1;padding:4px 8px;text-align:left}.actions{display:flex;gap:8px}.download-button,.view-button1{background-color:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 16px}.view-button1{background-color:#b8d1f3}.download-button{background-color:#28a745}.filter-section{margin-bottom:20px}.filter-group78{display:flex;gap:15px;margin-bottom:15px}.filter-dropdown,.filter-select{border:1px solid #ddd;border-radius:4px;padding:8px 15px}.submission-form{background-color:#f9f9f9;border-radius:8px;margin:0 auto;max-width:700px;padding:15px}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-group{display:flex;flex:1 1;flex-direction:column;gap:5px}.full-width{margin-bottom:15px;width:100%}.form-input,.form-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.file-upload-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:15px}.file-upload-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 15px}.file-upload-header h3{font-size:16px;margin:0}.close-button{font-size:20px}.file-upload-area{padding:10px}.drop-zone{border:2px dashed #ddd;border-radius:4px;padding:15px;text-align:center}.upload-icon{font-size:20px;margin-bottom:5px}.file-format{margin:3px 0}.file-format,.or-divider{color:#777;font-size:12px}.or-divider{margin:8px 0}.browse-button{color:#4169e1;cursor:pointer;font-size:14px;text-decoration:underline}.file-upload-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:10px 15px}.cancel-button,.upload-button{padding:6px 12px}.upload-button{background-color:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px}.form-actions{justify-content:center;margin-top:15px}.submit-button{border-radius:4px;font-weight:700;padding:8px 25px}@media (max-width:768px){.expenses-table{overflow-x:auto}.table-header,.table-row{min-width:800px}.form-row{flex-direction:column;gap:15px}}.center-h2{text-align:center}.add-btn{align-items:center;background-color:#6096dd;border:none;border-radius:6px;color:#fff;margin-left:640px;margin-top:60px;padding:10px 16px}.fullscreen-viewer{align-items:center;background-color:#000000e6;bottom:0;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}.viewer-header{background-color:#00000080;display:flex;justify-content:flex-end;left:0;padding:15px;position:absolute;right:0;top:0;z-index:1001}.viewer-content{height:100%;overflow:auto;width:100%}.fullscreen-viewer .close-button,.viewer-content{align-items:center;display:flex;justify-content:center}.fullscreen-viewer .close-button{background:#f44336;border:none;border-radius:50%;box-shadow:0 2px 5px #0000004d;color:#fff;cursor:pointer;font-size:20px;height:40px;transition:background-color .3s,transform .2s;width:40px}.fullscreen-viewer .close-button:hover{background:#d32f2f;transform:scale(1.1)}.viewer-content img{box-shadow:0 5px 15px #00000080;max-height:95%;max-width:95%;object-fit:contain}.viewer-content iframe{border:none;height:100%;width:100%}.view-button{padding:6px 16px}.view-button:hover{background-color:#3050b5}.view-button:disabled{background-color:#b8c6e8;cursor:not-allowed}.expense-title{color:#333;font-size:1.25rem;font-weight:600;margin:-60.5px 0;text-align:center}.expense-form{margin:100px auto 3rem;max-width:600px}.form-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.form-field,.form-grid{margin-bottom:1.25rem}.form-field label{color:#555;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.currency-field,.form-field input,.form-field select{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;font-size:.875rem;padding:.625rem;transition:border-color .2s,box-shadow .2s;width:100%}.currency-field:focus-within,.form-field input:focus,.form-field select:focus{border-color:#4169e1;box-shadow:0 0 0 2px #4169e11a;outline:none}.currency-field{align-items:center;display:flex;overflow:hidden;padding:0}.currency-field span{align-items:center;background-color:#f0f0f0;border-right:1px solid #e0e0e0;color:#555;display:flex;font-weight:500;height:100%;padding:0 .75rem}.currency-field input{background-color:initial;border:none;flex:1 1;padding:.625rem}.driver-field{margin-bottom:1.5rem}.driver-select{font-size:.875rem}.driver-select__control{background-color:#f9f9f9;border-color:#e0e0e0;box-shadow:none;min-height:38px}.driver-select__control--is-focused{border-color:#4169e1!important;box-shadow:0 0 0 2px #4169e11a!important}.driver-select__menu{border-radius:4px;box-shadow:0 4px 12px #0000001a}.driver-select__option--is-focused{background-color:#4169e11a!important}.driver-select__option--is-selected{background-color:#4169e1!important}.driver-info{color:#666;font-size:.75rem;margin-top:.5rem}.upload-section{margin-bottom:1.5rem}.upload-area{background-color:#f9f9f9;border:1px dashed #ccc;border-radius:6px;cursor:pointer;padding:1.5rem;text-align:center;transition:border-color .2s,background-color .2s}.upload-area:hover{background-color:#f5f7ff;border-color:#4169e1}.upload-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.upload-icon{fill:#4169e1;height:2.5rem;margin-bottom:.75rem;width:2.5rem}.upload-text p{color:#555;margin:0}.upload-hint{color:#888;font-size:.75rem;margin-top:.25rem!important}.file-preview-box{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.file-info{align-items:center;background-color:#f5f7ff;display:flex;padding:.75rem}.file-type-icon{fill:#4169e1;flex-shrink:0;height:1.5rem;margin-right:.75rem;width:1.5rem}.file-details{flex:1 1;min-width:0}.file-name{color:#333;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#666;font-size:.75rem}.remove-file{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:background-color .2s}.remove-file:hover{background-color:#f443361a}.remove-file svg{fill:#f44336;height:1.25rem;width:1.25rem}.image-preview{background-color:#fff;padding:.75rem;text-align:center}.image-preview img{border-radius:4px;max-height:12rem;max-width:100%}.progress-bar{border-radius:2px;height:4px;margin-bottom:1.25rem}.message{border-radius:4px;font-size:.875rem;margin-bottom:1.25rem;padding:.75rem}.message.error{background-color:#ffebee;border-left:3px solid #c62828;color:#c62828}.message.success{background-color:#e8f5e9;border-left:3px solid #2e7d32;color:#2e7d32}.cancel-button,.submit-button{border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:background-color .2s}.cancel-button{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#555}.cancel-button:hover{background-color:#e0e0e0}.submit-button{background-color:#4169e1}.submit-button:hover{background-color:#3050b5}.submit-button:disabled{background-color:#b8c6e8}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.form-card{padding:1rem}}.analytics-page-wrapper .analytics-container{font-family:Arial,sans-serif;padding:5px;width:100%}.analytics-page-wrapper .header-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.analytics-page-wrapper .period-filters{display:flex;justify-content:center;margin-bottom:10px}.analytics-page-wrapper .period-button{background-color:#092beb;border:1px solid #ddd;cursor:pointer;padding:8px 20px;transition:background-color .3s}.analytics-page-wrapper .period-button:first-child{border-radius:4px 0 0 4px}.analytics-page-wrapper .back-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:115px;padding:8px 16px;transition:background-color .3s}.analytics-page-wrapper .back-button:hover{background-color:#45a049}.analytics-page-wrapper .period-button:last-child{border-radius:0 4px 4px 0}.analytics-page-wrapper .period-button.active{background-color:#fff;color:#4169e1}.analytics-page-wrapper .analytics-content{display:flex;gap:20px}.analytics-page-wrapper .sidebar-filters{display:flex;flex-direction:column;flex-shrink:0;gap:10px;width:250px}.analytics-page-wrapper .sidebar-filters .filter-select{-webkit-appearance:none;appearance:none;background-color:#3845fd;background-image:none;border:1px solid #ddd;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:10px;transition:background-color .3s,border-color .2s ease}.analytics-page-wrapper .sidebar-filters .filter-select:hover{background-color:#1a228b}.analytics-page-wrapper .sidebar-filters .filter-select option{background-color:#fff;color:#333}.analytics-page-wrapper .filter-button{background-color:#3845fd;border:1px solid #ddd;border-radius:4px;color:#fff;cursor:pointer;padding:10px;text-align:left;transition:background-color .3s}.analytics-page-wrapper .filter-button:hover{background-color:#1a228b}.analytics-page-wrapper .filter-button.active{background-color:#fff;color:#05288f}.analytics-page-wrapper .chart-area{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;min-width:0;padding:20px}.analytics-page-wrapper .chart-title{color:#333;font-size:18px;font-weight:700;margin-bottom:20px;margin-top:0}.analytics-page-wrapper .chart-wrapper{overflow:visible}.analytics-page-wrapper .chart-scroll-container{margin-bottom:0;overflow-x:auto;overflow-y:visible;padding-bottom:0;width:100%}.analytics-page-wrapper .chart-scroll-container::-webkit-scrollbar{height:8px}.analytics-page-wrapper .chart-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.analytics-page-wrapper .chart-scroll-container::-webkit-scrollbar-thumb{background:#4169e1;border-radius:4px}.analytics-page-wrapper .chart-scroll-container::-webkit-scrollbar-thumb:hover{background:#3151c1}.analytics-page-wrapper .chart-scroll-container{scrollbar-color:#4169e1 #f1f1f1;scrollbar-width:thin}.analytics-page-wrapper .chart-legend{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:0;margin-top:10px}.analytics-page-wrapper .legend-item{align-items:center;display:flex;gap:8px}.analytics-page-wrapper .legend-color{border-radius:4px;height:16px;width:16px}.analytics-page-wrapper .chart-header{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:20px}.analytics-page-wrapper .chart-header-item{align-items:center;display:flex;gap:8px}.analytics-page-wrapper .chart-subtitle{color:#555;font-weight:700;margin-top:10px;text-align:center}.analytics-page-wrapper .custom-tooltip{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;font-size:13px;padding:12px;z-index:1000}.analytics-page-wrapper .tooltip-label{font-weight:700;margin:0 0 5px}.analytics-page-wrapper .tooltip-value{margin:0}.analytics-page-wrapper .recharts-cartesian-axis-tick{fill:#333;font-size:12px}.analytics-page-wrapper .recharts-cartesian-axis-tick-line{stroke:#666}.analytics-page-wrapper .recharts-cartesian-axis-tick text{fill:#333;font-size:12px}.analytics-page-wrapper .recharts-surface{overflow:visible}.analytics-page-wrapper .error-message,.analytics-page-wrapper .loading-indicator,.analytics-page-wrapper .no-data-message{align-items:center;color:#666;display:flex;font-size:16px;height:300px;justify-content:center}.analytics-page-wrapper .error-message{color:#d32f2f}@media (max-width:768px){.analytics-page-wrapper .analytics-content{flex-direction:column}.analytics-page-wrapper .sidebar-filters{flex-direction:row;gap:5px;overflow-x:auto;width:100%}.analytics-page-wrapper .sidebar-filters .filter-select{min-width:150px;white-space:nowrap}.analytics-page-wrapper .chart-scroll-container{padding-bottom:0}.analytics-page-wrapper .recharts-cartesian-axis-tick{font-size:10px}.analytics-page-wrapper .date-filters{flex-wrap:wrap;margin-left:0}}.analytics-page-wrapper .date-filters{display:flex;gap:15px;justify-content:center;margin:5px 0 5px 250px}.analytics-page-wrapper .date-filters select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%236169e1%27 height=%2716%27 viewBox=%270 0 20 20%27 width=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5.516 7.548l4.484 4.482 4.484-4.482 1.516 1.516-6 6-6-6z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;outline:none;padding:8px 12px;transition:border-color .2s ease}.analytics-page-wrapper .date-filters select:focus{border-color:#4169e1}.analytics-page-wrapper select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%236169e1%27 height=%2716%27 viewBox=%270 0 20 20%27 width=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5.516 7.548l4.484 4.482 4.484-4.482 1.516 1.516-6 6-6-6z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:1rem;outline:none;padding:8px 30px 8px 12px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.analytics-page-wrapper select:hover{background-color:#f8f9fa;border-color:#4169e1}.analytics-page-wrapper select:focus{border-color:#4169e1;box-shadow:0 0 0 2px #4169e14d}.analytics-page-wrapper .date-filters select{width:120px}.analytics-page-wrapper .date-filters select.year-select{width:100px}.analytics-page-wrapper .date-filters select.client-select,.analytics-page-wrapper .date-filters select.subcontractor-select,.analytics-page-wrapper .date-filters select.truck-select{width:180px}.analytics-page-wrapper .sidebar-filters .filter-select{background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%236169e1%27 height=%2716%27 viewBox=%270 0 20 20%27 width=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M5.516 7.548l4.484 4.482 4.484-4.482 1.516 1.516-6 6-6-6z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ccc;border-radius:4px;color:#333;padding:8px 30px 8px 12px;width:100%}.analytics-page-wrapper .sidebar-filters .filter-select:hover{background-color:#f8f9fa;border-color:#4169e1}.analytics-page-wrapper .sidebar-filters .filter-select:focus{border-color:#4169e1}.analytics-page-wrapper select option{background-color:#fff;color:#333}@media (max-width:768px){.analytics-page-wrapper .date-filters select{font-size:.9rem;width:100px}.analytics-page-wrapper .date-filters select.client-select,.analytics-page-wrapper .date-filters select.subcontractor-select,.analytics-page-wrapper .date-filters select.truck-select{min-width:120px}.analytics-page-wrapper .sidebar-filters .filter-select{font-size:.9rem;min-width:150px}}.client-form input,.client-form select,.manage-add-employee-form input,.manage-add-employee-form select,.manage-driver-rate-form .form-field input,.manage-form-grid input,.manage-form-grid select,.manage-subcontractor-form input,.manage-subcontractor-form select,.manage-truck-form-grid input{box-sizing:border-box;font-size:14px;height:40px;line-height:1.5;padding:10px;width:100%}.client-form{background:linear-gradient(135deg,#f0f4ff,#fff);border:1px solid #4169e1;border-radius:10px;box-shadow:0 6px 14px #4169e126;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:20px auto;max-width:1200px;overflow:hidden;padding:20px;position:relative}.client-form:before{background:#4169e1;content:"";height:4px;left:0;position:absolute;top:0;width:100%}.client-form h2{color:#2c3e50;font-size:26px;font-weight:700;letter-spacing:.5px;margin-bottom:25px;text-align:center}.client-form .client-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);width:100%}.client-form .client-form-group{display:flex;flex-direction:column;gap:6px}.client-form .client-form-group label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:6px;transition:color .3s ease}.client-form .client-form-group label:hover{color:#4169e1}.client-form .client-form-group label strong{font-weight:700}.client-form .client-form-group input,.client-form .client-form-group select{background-color:#fff;border:2px solid #dfe4ff;border-radius:6px;outline:none;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease}.client-form .client-form-group input:focus,.client-form .client-form-group select:focus{border-color:#4169e1;box-shadow:0 0 6px #4169e14d;transform:translateY(-2px)}.client-form .client-form-group input:hover,.client-form .client-form-group select:hover{border-color:#6b89e9}.client-form .client-form-group select.client-dropdown{-webkit-appearance:none;appearance:none;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%232c3e50" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat right 12px center;cursor:pointer}.client-form .client-button-container{display:flex;gap:12px;grid-column:1/-1;justify-content:center;margin-top:25px}.client-form .client-cancel-button,.client-form .client-save-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.client-form .client-cancel-button:after,.client-form .client-save-button:after{background:#ffffff4d;border-radius:50%;content:"";height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .4s ease;width:100px}.client-form .client-cancel-button:hover:after,.client-form .client-save-button:hover:after{transform:translate(-50%,-50%) scale(1.5)}.client-form .client-save-button{background:#2ecc71;color:#fff}.client-form .client-save-button:hover{background:#27ae60;box-shadow:0 4px 10px #2ecc714d;transform:TranslateY(-2px)}.client-form .client-save-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.client-form .client-cancel-button{background:#e74c3c;color:#fff}.client-form .client-cancel-button:hover{background:#c0392b;box-shadow:0 4px 10px #e74c3c4d;transform:translateY(-2px)}.manage-add-client-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1600px;padding:20px}.manage-add-client-form h2,.manage-add-employee-form h2,.manage-add-truck-form h2,.manage-driver-rate-form h2,.manage-subcontractor-form h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.manage-form-grid,.manage-truck-form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;width:100%}.manage-truck-form-grid .manage-full-width{grid-column:span 2}.manage-form-group{display:flex;flex-direction:column;gap:5px}.manage-form-group label{color:#333;font-size:14px;font-weight:500;margin-bottom:5px}.manage-form-group label strong{font-weight:600}.manage-form-grid input,.manage-form-grid select,.manage-truck-form-grid input{border:1px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s,box-shadow .3s}.manage-form-grid input:focus,.manage-form-grid select:focus,.manage-truck-form-grid input:focus{border-color:#4169e1;box-shadow:0 0 0 2px #4169e133}.manage-button-container{display:flex;justify-content:space-between;margin-top:15px;width:100%}.manage-cancel-button,.manage-save-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .3s;width:48%}.manage-save-button{background:#2ecc71;color:#fff}.manage-save-button:hover{background:#27ae60}.manage-cancel-button{background:#e74c3c;color:#fff}.manage-cancel-button:hover{background:#c0392b}.manage-driver-rate-form{background:#f9fafb;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:15px;margin:auto;max-width:800px;padding:20px}.manage-driver-rate-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.manage-driver-rate-form .form-field{display:flex;flex-direction:column;gap:5px}.manage-driver-rate-form .form-field label{color:#333;font-size:14px;font-weight:500;margin-bottom:5px}.manage-driver-rate-form .form-field label strong{font-weight:600}.manage-driver-rate-form .form-field input{border:1px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s,box-shadow .3s}.manage-driver-rate-form .form-field input:focus{border-color:#4169e1;box-shadow:0 0 5px #4169e133}.manage-driver-rate-form .form-field input:hover{border-color:#b3c0ff}.manage-driver-rate-form .form-field input::placeholder{color:#9ca3af}.manage-driver-rate-form .manage-form-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.manage-driver-rate-form .manage-cancel-button,.manage-driver-rate-form .manage-save-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:background-color .3s,box-shadow .3s}.manage-driver-rate-form .manage-save-button{background:#2ecc71;color:#fff}.manage-driver-rate-form .manage-save-button:hover{background:#27ae60;box-shadow:0 3px 8px #2ecc7133}.manage-driver-rate-form .manage-cancel-button{background:#e74c3c;color:#fff}.manage-driver-rate-form .manage-cancel-button:hover{background:#c0392b;box-shadow:0 3px 8px #e74c3c33}.manage-subcontractor-form{background:#f9fafb;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:20px;margin:auto;max-width:800px;padding:20px}.manage-subform-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.manage-container{align-items:center;display:flex;flex-direction:column;margin-top:-20px;padding:20px;width:100%}.manage-button-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;margin-top:40px}.manage-button{background-color:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.manage-button:hover{background-color:#3158c9}.manage-button.active{background-color:#2ecc71}.manage-tabs-container{display:flex;gap:10px;margin-bottom:10px;overflow-x:auto}.manage-tab-button{background-color:#e6e6fa;border:none;border-radius:4px;cursor:pointer;padding:10px 20px;transition:background-color .3s;white-space:nowrap}.manage-tab-button.active{background-color:#4169e1;color:#fff}.manage-DriverRates-table,.manage-clients-table,.manage-employees-table,.manage-subcontractor-table,.manage-trucks-table{margin-bottom:20px;margin-top:-30px;overflow-x:auto}table{width:800px}th{background-color:#e6e6fa}.manage-edit-button,.manage-view-button{background-color:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.manage-delete-button{align-items:center;background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px 12px;transition:background-color .3s,transform .2s}.manage-delete-button:hover{background-color:#c0392b;transform:scale(1.05)}.manage-delete-button:active{background-color:#a93226;transform:scale(.95)}.manage-enable-button{align-items:center;background-color:green;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px 12px;transition:background-color .3s,transform .2s}.manage-enable-button:hover{background-color:#2bc04b;transform:scale(1.05)}.manage-enable-button:active{background-color:#26a928;transform:scale(.95)}.trash-icon{font-size:18px}.manage-add-client-button,.manage-add-driver-rate-button,.manage-add-employee-button,.manage-add-subcontractor-button,.manage-add-truck-button{align-self:center;background-color:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;margin:20px auto;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.manage-add-client-button:hover,.manage-add-driver-rate-button:hover,.manage-add-employee-button:hover,.manage-add-subcontractor-button:hover,.manage-add-truck-button:hover{background-color:#3158c9}.manage-add-employee-form,.manage-add-truck-form{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:5px;margin:20px auto;max-width:800px;padding:5px}.loading{animation:pulse 1.5s infinite;color:#6b7280}.error,.loading{padding:16px;text-align:center}.error{color:#dc2626;font-size:16px}.rates-section{margin-bottom:20px}.rates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rates-header h3{color:#111827;font-size:18px;font-weight:600}.add-rate-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.add-rate-button:hover{background-color:#1d4ed8}.rate-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:12px}@media (min-width:1024px){.rate-row{grid-template-columns:repeat(5,1fr)}}.rate-entry{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px}.rate-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.rate-entry-header h4{color:#374151;font-size:14px;font-weight:500}.remove-rate-button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:11px;font-weight:500;transition:color .2s ease}.remove-rate-button:hover{color:#b91c1c}.checkbox-container{align-items:center;display:flex;margin-top:10px}.custom-checkbox{align-items:center;cursor:pointer;display:flex;font-size:16px;padding-left:30px;position:relative;-webkit-user-select:none;user-select:none}.custom-checkbox input{cursor:pointer;opacity:0;position:absolute}.checkmark{background-color:#fff;border:2px solid #007bff;border-radius:4px;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s,border-color .2s;width:20px}.custom-checkbox input:checked~.checkmark{background-color:#007bff;border-color:#007bff}.checkmark:after{content:"";display:none;position:absolute}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:12px;left:4px;top:-1px;transform:rotate(45deg);width:6px}.document-upload-section{margin-top:30px}.document-upload-section h4{font-weight:600;margin-bottom:10px}.document-upload-section input[type=file]{display:block;font-size:14px;height:auto;margin-bottom:12px}.document-upload-section .file-entry{align-items:center;display:flex;font-size:14px;gap:12px;margin-bottom:8px}.document-upload-section .file-entry a.download-link{color:#007bff;cursor:pointer;font-size:14px;text-decoration:underline}.document-upload-section .file-entry button.delete-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:4px 10px;transition:background-color .2s ease-in-out}.document-upload-section .file-entry button.delete-btn:hover{background-color:#c82333}.file-upload-wrapper{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:12px;padding:20px;text-align:center;transition:border-color .3s ease}.file-upload-wrapper:hover{border-color:#888}.file-upload-wrapper input[type=file]{cursor:pointer;margin-top:10px}.file-upload-info{color:#666;font-size:.85rem;margin-top:8px}.uploaded-file-entry{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.uploaded-file-entry span{flex-grow:1;overflow-wrap:break-word}.uploaded-file-entry a,.uploaded-file-entry button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;margin-left:10px;padding:6px 10px;text-decoration:none}.uploaded-file-entry a{background-color:#4caf50;color:#fff}#custom-alert,.uploaded-file-entry button{background-color:#f44336;color:#fff}#custom-alert{animation:fadeIn .3s ease-in-out;border-radius:5px;box-shadow:0 4px 6px #0003;display:none;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}.alert-visible{display:block}.alert-hidden{display:none}.custom-alert{align-items:center;background-color:#f44336;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;display:none;justify-content:space-between;padding:15px;position:fixed;right:20px;top:20px;z-index:9999}.alert-content{align-items:center;display:flex}.alert-message{font-size:16px;margin-right:10px}.alert-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:18px}.alert-close-btn:hover{color:#ddd}@media (max-width:1024px){.client-form .client-form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.client-form .client-form-grid,.manage-driver-rate-form .form-row,.manage-form-grid,.manage-subform-group,.manage-truck-form-grid{grid-template-columns:1fr}.client-form,.manage-add-client-form,.manage-add-employee-form,.manage-add-truck-form,.manage-driver-rate-form,.manage-subcontractor-form{padding:15px}.client-form .client-button-container,.manage-button-container,.manage-driver-rate-form .manage-form-actions{flex-direction:column;gap:10px}.client-form .client-cancel-button,.client-form .client-save-button,.manage-cancel-button,.manage-driver-rate-form .manage-cancel-button,.manage-driver-rate-form .manage-save-button,.manage-save-button{width:100%}.manage-button-row{align-items:center;flex-direction:column}.manage-button{width:100%}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.tab-container{border-bottom:1px solid #e5e7eb;display:flex;gap:1rem}.tab{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:color .2s ease}.tab:hover{color:#4b5563}.tab.active{border-bottom:2px solid #3b82f6;color:#2563eb}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;overflow:hidden}.table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.table-header h2{color:#495057;margin:0}.table-filters{border-bottom:1px solid #e9ecef;flex-shrink:0}.table-content{flex:1 1;min-height:400px;overflow-x:auto}.table-pagination{border-top:1px solid #e9ecef;flex-shrink:0}.loading{color:#6c757d;font-size:16px;padding:60px 20px}.error,.loading{align-items:center;display:flex;justify-content:center}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin:20px;padding:40px 20px}.pagination-container{align-items:center;background:#f8f9fa;border:none;border-radius:0;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin:40px 0 0;padding:15px 20px}.pagination-info{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:20px}.items-per-page{align-items:center;display:flex;gap:5px}.items-per-page-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23333" d="M6 9L3 6h6z"/></svg>') no-repeat right 8px center;border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:4px 24px 4px 8px;width:70px}.pagination-controls{display:flex;gap:5px}.pagination-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.pagination-btn:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.pagination-btn.active{background:#007bff;border-color:#007bff;color:#fff}.pagination-btn.ellipsis{cursor:default}.pagination-btn.ellipsis,.pagination-btn.ellipsis:hover{background:#0000;border:none}.search-filter-container{align-items:center;background:#f8f9fa;border:none;border-bottom:1px solid #e9ecef;border-radius:0;display:flex;flex-wrap:wrap;gap:15px;margin:0;padding:15px 20px}.search-input-group{display:flex;flex:1 1;gap:10px;min-width:300px}.search-input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.search-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.search-btn:hover:not(:disabled){background:#0056b3}.search-btn:disabled{background:#6c757d;cursor:not-allowed}.status-filter-group{align-items:center;display:flex;font-size:14px;gap:8px}.status-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23333" d="M6 9L3 6h6z"/></svg>') no-repeat right 8px center;border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:4px 24px 4px 8px;width:70px}.clear-filters-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.clear-filters-btn:hover:not(:disabled){background:#5a6268}.clear-filters-btn:disabled{background:#adb5bd;cursor:not-allowed}.status-badge{font-weight:500;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.no-data{color:#6c757d;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.pagination-container{flex-direction:column;gap:15px}.pagination-info{flex-direction:column;gap:10px;text-align:center}.search-filter-container{align-items:stretch;flex-direction:column}.search-input-group{min-width:auto}.table-header{flex-direction:column;gap:15px;text-align:center}.table-content{min-height:300px}}.manage-DriverRates-table1,.manage-clients-table1,.manage-employees-table1,.manage-subcontractor-table1,.manage-trucks-table1{overflow-x:auto;width:100%}.manage-DriverRates-table1 table,.manage-clients-table1 table,.manage-employees-table1 table,.manage-subcontractor-table1 table,.manage-trucks-table1 table{border-collapse:collapse;min-width:800px;width:100%}.manage-DriverRates-table1 td,.manage-DriverRates-table1 th,.manage-clients-table1 td,.manage-clients-table1 th,.manage-employees-table1 td,.manage-employees-table1 th,.manage-subcontractor-table1 td,.manage-subcontractor-table1 th,.manage-trucks-table1 td,.manage-trucks-table1 th{border-bottom:1px solid #e9ecef;padding:12px;text-align:left}.manage-DriverRates-table1 th,.manage-clients-table1 th,.manage-employees-table1 th,.manage-subcontractor-table1 th,.manage-trucks-table1 th{background:#f8f9fa;color:#495057;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.spinner{border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:1rem;width:40px}.custom-alert.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.custom-alert.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.custom-alert.warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-field{display:flex;flex-direction:column}.form-input{border:1px solid #ddd;border-radius:4px;padding:.5rem}.form-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.sub-tab-navigation{margin-bottom:1.5rem}.sub-tab-container{border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding-bottom:0}.sub-tab-button{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .2s ease-in-out}.sub-tab-button:hover{color:#374151}.sub-tab-button.active{border-bottom-color:#2563eb;color:#2563eb}.sub-tab-button.inactive{color:#6b7280}.sub-tab-button.inactive:hover{color:#374151}@media (max-width:768px){.form-row,.manage-form-grid{grid-template-columns:1fr!important}.manage-button-row{flex-wrap:wrap;gap:.5rem}.manage-tab-button{flex:1 1;min-width:120px}.sub-tab-container{flex-wrap:wrap;gap:.5rem}.sub-tab-button{flex:1 1;min-width:100px;text-align:center}}.client-form-group{margin-bottom:1rem}.input-error{border:1px solid red}.error-message{color:red;display:block;font-size:.8rem;margin-top:.25rem}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}.modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:16px;max-width:448px;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;padding:16px 24px}.header-content{align-items:center;display:flex;justify-content:space-between}.modal-title{font-size:1.25rem}.close-button{background:none;border:none;color:#9ca3af;cursor:pointer;transition:color .2s ease}.close-button:hover{color:#4b5563}.close-button:disabled{cursor:not-allowed;opacity:.5}.modal-form{padding:24px}.form-group{margin-bottom:16px}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:4px}.form-input{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:1rem;outline:none;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.form-input:disabled{cursor:not-allowed;opacity:.5}.input-error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;margin-top:4px}.form-actions{border-top:1px solid #e5e7eb;gap:16px;padding-top:16px}.cancel-button{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:1rem;transition:background-color .2s ease,box-shadow .2s ease}.cancel-button:hover{background-color:#f9fafb}.cancel-button:focus{box-shadow:0 0 0 2px #3b82f680;outline:none}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.submit-button{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:8px 16px;transition:background-color .2s ease,box-shadow .2s ease}.submit-button:hover{background-color:#1d4ed8}.submit-button:focus{box-shadow:0 0 0 2px #3b82f680;outline:none}.submit-button:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.popup-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:20px;width:100%}.popup p{color:#333;font-size:16px;margin-bottom:20px}.popup-buttons{display:flex;gap:10px;justify-content:flex-end}.confirm-button{background-color:#dc2626;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s ease}.confirm-button:hover{background-color:#b91c1c}.cancel-button{background-color:#6b7280;border:none;border-radius:5px;color:#fff;transition:background-color .2s ease}.cancel-button:hover{background-color:#4b5563}.custom-swal-popup{border-radius:8px;box-shadow:0 4px 20px #0003;font-family:Arial,sans-serif}.custom-swal-title{color:#333;font-size:1.5rem}.custom-swal-content{color:#555;font-size:1rem}.custom-swal-confirm{background-color:#3085d6!important;border-radius:4px;font-weight:700;padding:10px 20px;transition:background-color .2s}.custom-swal-confirm:hover{background-color:#2874b5!important}.custom-swal-cancel{background-color:#d33!important;border-radius:4px;font-weight:700;padding:10px 20px;transition:background-color .2s}.custom-swal-cancel:hover{background-color:#b32d2d!important}.alert-box{align-items:center;animation:slideIn .3s ease-in-out;background-color:#ffebee;border-left:4px solid #c62828;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#c62828;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:16px;max-width:400px;padding:12px 16px;position:relative;width:100%}.alert-close{background:none;border:none;color:#c62828;cursor:pointer;font-size:1.2rem;padding:0 8px;transition:color .2s ease}.alert-close:hover{color:#b71c1c}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.alert-box{background-color:#4c2c2c;border-left-color:#ffcccb}.alert-box,.alert-close{color:#ffcccb}.alert-close:hover{color:#f99}}.view-client-invoice-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.view-client-invoice-wrapper *,.view-client-invoice-wrapper :after,.view-client-invoice-wrapper :before{box-sizing:inherit}.view-client-invoice-wrapper .button-section,.view-client-invoice-wrapper .logout-section{margin:20px}.view-client-invoice-wrapper .back-btn,.view-client-invoice-wrapper .back-button{background-color:#4caf50;border:none;border-radius:6px;cursor:pointer;font-family:inherit;padding:10px 20px}.view-client-invoice-wrapper .logout-btn{background-color:#f9a6a6;border:none;border-radius:6px;cursor:pointer;font-family:inherit;padding:10px 20px}.view-client-invoice-wrapper .view-client-invoice-container{font-family:inherit;padding:20px}.view-client-invoice-wrapper .client-payments-header{margin-bottom:20px}.view-client-invoice-wrapper .t1{border-collapse:collapse;margin-left:350px;width:70%}.view-client-invoice-wrapper .table-container{margin-top:20px;overflow-x:auto;width:100%}.view-client-invoice-wrapper .clients-table{border-collapse:collapse;font-family:inherit;margin:0 auto;width:100%}.view-client-invoice-wrapper .clientinstructiontable{align-items:center;border-collapse:collapse;margin-left:60px;margin-top:-35px;width:1000px}.view-client-invoice-wrapper thead{background-color:#9ecbf3}.view-client-invoice-wrapper td,.view-client-invoice-wrapper th{border-bottom:1px solid #ddd;font-family:inherit;padding:12px;text-align:center}.view-client-invoice-wrapper th{background-color:#9ecbf3;font-weight:700}.view-client-invoice-wrapper tbody tr:hover{background-color:#f5f5f5}.view-client-invoice-wrapper .view-butn,.view-client-invoice-wrapper .view-button{background-color:#339af0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;padding:8px 14px}.view-client-invoice-wrapper .view-butn:hover,.view-client-invoice-wrapper .view-button:hover{background-color:#2980b9}.view-client-invoice-wrapper .dropdown-container1{align-items:center;display:flex;gap:10px;justify-content:center;margin:20px}.view-client-invoice-wrapper p{font-family:inherit;margin:0;padding:20px;text-align:center}.view-client-invoice-wrapper .loading-message{color:#666;font-family:inherit;font-style:italic;padding:20px;text-align:center}.view-client-invoice-wrapper .error-message{color:#d32f2f;font-family:inherit;padding:20px;text-align:center}.view-client-invoice-wrapper .no-data-message{color:#666;font-family:inherit;font-style:italic;padding:20px;text-align:center}.invoices-list-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.invoices-list-wrapper *,.invoices-list-wrapper :after,.invoices-list-wrapper :before{box-sizing:inherit}.invoices-list-wrapper .app{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:20px}.invoices-list-wrapper .main{max-width:1200px;width:90%}.invoices-list-wrapper .back-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;margin-bottom:20px;padding:10px 20px}.invoices-list-wrapper .action-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.invoices-list-wrapper .filter-section6{display:flex;justify-content:center;margin-bottom:15px;width:100%}.invoices-list-wrapper .dropdown-container{display:flex;gap:10px;justify-content:center}.invoices-list-wrapper .filter-section{display:flex;justify-content:center;margin-bottom:15px;width:100%}.invoices-list-wrapper .filter-group1{display:flex;gap:10px;justify-content:center}.invoices-list-wrapper .filter-group{display:flex;gap:10px}.invoices-list-wrapper .dropdown,.invoices-list-wrapper .filter-select{border:1px solid #ccc;border-radius:5px;font-family:inherit;padding:8px}.invoices-list-wrapper .dropdown{background-color:#fff}.invoices-list-wrapper .filter-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;padding:8px 15px}.invoices-list-wrapper .filter-button.active{background-color:#0056b3}.invoices-list-wrapper .filter-button.outline{background-color:initial;border:1px solid #007bff;color:#007bff}.invoices-list-wrapper .table-container,.invoices-list-wrapper .table-container22{overflow-x:auto;width:100%}.invoices-list-wrapper table{border-collapse:collapse;font-family:inherit;margin-bottom:20px;width:100%}.invoices-list-wrapper td,.invoices-list-wrapper th{border-bottom:1px solid #ddd;font-family:inherit;padding:12px 15px;text-align:left}.invoices-list-wrapper th{background-color:#f2f2f2;font-weight:700}.invoices-list-wrapper tbody tr:hover{background-color:#f5f5f5}.invoices-list-wrapper .small-btn{background-color:#28a745;border:none;border-radius:3px;color:#fff;cursor:pointer;font-family:inherit;padding:5px 10px}.invoices-list-wrapper .small-btn:hover{background-color:#218838}.invoices-list-wrapper .error-message,.invoices-list-wrapper .loading-message,.invoices-list-wrapper .no-data-message{color:#888;font-family:inherit;font-style:italic;padding:20px;text-align:center}.invoices-list-wrapper .client-info-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:15px}.invoices-list-wrapper .client-name{color:#343a40;font-family:inherit;font-size:1.5rem;font-weight:700;margin-bottom:10px}.invoices-list-wrapper .client-details{display:flex;flex-wrap:wrap;gap:20px}.invoices-list-wrapper .client-details p{color:#495057;font-family:inherit;margin:0}.invoices-list-wrapper .client-details strong{font-weight:600}.client-invoice-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.client-invoice-wrapper *,.client-invoice-wrapper :after,.client-invoice-wrapper :before{box-sizing:inherit}.client-invoice-wrapper .invoice-page{font-family:Arial,sans-serif;padding:20px}.client-invoice-wrapper .back-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;margin-bottom:20px;padding:8px 20px}.client-invoice-wrapper .back-button:hover{background-color:#218838}.invoice-paper{background-color:#fff;margin:0 auto;max-width:800px}.transport-section{border-bottom:1px solid #000;border-top:1px solid #000;padding:10px 0}.section-title{font-size:16px;text-align:center}.middle-section{border-bottom:1px solid #000;height:120px;position:relative}.company-info{font-size:14px;line-height:1.4;margin-bottom:15px;margin-right:10px;position:absolute;right:0;text-align:left;top:10px}.invoice-title-section{border-bottom:1px solid #000;padding:10px 0;position:relative}.invoice-title{font-size:16px;font-weight:700;text-align:center}.document-number{font-size:14px;margin-right:10px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.sender-details{font-size:14px;line-height:1.4;margin-left:10px;padding:10px 0}.sender-details div{margin:0}.vessel-destination{border-bottom:1px solid #000;border-top:1px solid #000;display:flex;margin-top:20px}.destination,.vessel{flex:1 1;font-size:16px;font-weight:700;padding:12px;text-align:center}.vessel{border-right:1px solid #000}.invoice-details{margin:15px 0 0;padding:0}.details-table{border:1px solid #ddd;border-collapse:initial;border-radius:8px;border-spacing:0;margin-left:20px;overflow:hidden;width:760px}.details-table tr{border-bottom:1px solid #ddd}.details-table tr:last-child{border-bottom:none}.details-table .label,.details-table .value{font-size:14px;padding:8px 12px}.details-table .label{border-right:1px solid #ddd;font-weight:400;width:50%}.details-table .value{width:50%}.container-section{border-bottom:1px solid #000;border-top:1px solid #000;margin-bottom:20px;margin-top:30px;padding-bottom:20px;padding-top:20px;position:relative}.container-table5{border:1px solid #ddd;border-collapse:initial;border-radius:8px;border-spacing:0;margin-left:14px;overflow:hidden;width:770px}.container-table th{background-color:#b8d1f3;border-right:1px solid #ddd;font-size:14px;font-weight:400;padding:8px 12px;text-align:left}.container-table th:last-child{border-right:none}.container-table td{border-right:1px solid #ddd;border-top:1px solid #ddd;font-size:14px;padding:8px 12px}.container-table td:last-child{border-right:none}.amount,.container-number,.total,.vat,.weight{text-align:left}.banking-details{font-size:14px;line-height:1.4;margin-left:10px}.banking-details div{margin:0}.payment-note{margin-top:10px}.thank-you{color:red;font-style:italic;margin-top:15px;text-align:center}.client-invoice-wrapper .invoicedownloadbtn1{display:flex;gap:20px;justify-content:center;margin-bottom:30px;margin-top:20px}.client-invoice-wrapper .invoicedownloadbtn1 .back-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;padding:10px 25px;transition:background .3s ease}.client-invoice-wrapper .invoicedownloadbtn1 .back-btn:hover{background-color:#218838}.client-invoice-wrapper .invoicedownloadbtn1 .download-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;padding:10px 25px;transition:background .3s ease}.client-invoice-wrapper .invoicedownloadbtn1 .download-btn:hover{background-color:#0056b3}.client-invoice-wrapper .invoicedownloadbtn1 .download-btn:disabled{background-color:#6c757d;cursor:not-allowed}.client-invoice-wrapper .loading-error{color:#d32f2f;font-family:inherit;font-size:16px;padding:20px;text-align:center}.invoicedownloadbtn1{display:flex;gap:20px;justify-content:center;margin-bottom:30px;margin-top:20px}.invoicedownloadbtn1 .back-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:background .3s ease}.invoicedownloadbtn1 .back-btn:hover{background-color:#218838}.invoicedownloadbtn1 .download-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:background .3s ease}.invoicedownloadbtn1 .download-btn:hover{background-color:#0056b3}.view-client-statements-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.view-client-statements-wrapper *,.view-client-statements-wrapper :after,.view-client-statements-wrapper :before{box-sizing:inherit}.view-client-statements-wrapper th{font-weight:700}.view-client-statements-wrapper .button-section,.view-client-statements-wrapper .logout-section{margin:20px}.view-client-statements-wrapper .back-btn,.view-client-statements-wrapper .back-button{background-color:#4caf50;border:none;border-radius:6px;cursor:pointer;font-family:inherit;padding:10px 20px}.view-client-statements-wrapper .logout-btn{background-color:#f9a6a6;border:none;border-radius:6px;cursor:pointer;font-family:inherit;padding:10px 20px}.view-client-statements-wrapper .client-payments-header{margin-bottom:20px}.view-client-statements-wrapper .t1{margin-left:208px}.view-client-statements-wrapper .clientstatementtable{align-items:center;border-collapse:collapse;margin-left:60px;margin-top:-35px;width:1000px}.view-client-statements-wrapper thead{background-color:#9ecbf3}.view-client-statements-wrapper td,.view-client-statements-wrapper th{border-bottom:1px solid #ddd;font-family:inherit;padding:12px;text-align:center}.view-client-statements-wrapper .view-butn{background-color:#339af0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;padding:8px 14px}.view-client-statements-wrapper .view-butn:hover{background-color:#2980b9}.view-client-statements-wrapper .dropdown-container1{align-items:center;display:flex;gap:10px;justify-content:center;margin:20px}.view-client-statements-wrapper p{font-family:inherit;margin:0;padding:20px;text-align:center}.view-client-statements-wrapper .error-message{color:#d32f2f;font-family:inherit;padding:20px;text-align:center}.statement-list-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.statement-list-wrapper *,.statement-list-wrapper :after,.statement-list-wrapper :before{box-sizing:inherit}.statement-list-wrapper .back-button{background-color:#4caf50;border:none;border-radius:6px;cursor:pointer;font-family:inherit;padding:10px 20px}.statement-list-wrapper .button-row{align-items:center;display:flex;justify-content:space-between;padding:20px}.statement-list-wrapper .filter-buttons55{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:-25px}.statement-list-wrapper .view-btn{background-color:#5cb4ef}.statement-list-wrapper .download-btn,.statement-list-wrapper .view-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-weight:700;padding:8px 16px}.statement-list-wrapper .download-btn{background-color:#4da6ff}.statement-list-wrapper .instruction-table1{align-items:center;border-collapse:collapse;box-shadow:0 0 5px #0000000d;font-family:inherit;margin:20px auto;width:1000px}.statement-list-wrapper .instruction-table thead{background-color:#e6f2f8}.statement-list-wrapper .instruction-table td,.statement-list-wrapper .instruction-table th{border-bottom:1px solid #ddd;font-family:inherit;padding:12px;text-align:center}.statement-list-wrapper .instruction-table tbody tr:nth-child(2n){background-color:#f9f9f9}.statement-list-wrapper .filter-section46{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:-45px;width:100%}.statement-list-wrapper .dropdown-container{display:flex;gap:10px;justify-content:center}.statement-list-wrapper .dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-family:inherit;padding:8px 12px}.statement-list-wrapper .action-bar{margin-bottom:20px}.statement-list-wrapper .error-message{color:#d32f2f;font-family:inherit;padding:20px;text-align:center}.client-statement-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.client-statement-wrapper *,.client-statement-wrapper :after,.client-statement-wrapper :before{box-sizing:inherit}.client-statement-wrapper .statement-page{font-family:Arial,sans-serif;min-height:100vh;padding:20px 20px 70px;position:relative}.client-statement-wrapper .statement-paper{background-color:#fff;margin:0 auto 30px;max-width:800px;padding:20px}.client-statement-wrapper .statement-info-section{display:flex;justify-content:space-between;margin-bottom:20px;min-height:280px;position:relative}.client-statement-wrapper .client-info{bottom:20px;font-family:inherit;font-size:14px;left:0;line-height:1.5;position:absolute;text-align:left}.client-statement-wrapper .to-label{font-weight:700;margin-bottom:5px}.client-statement-wrapper .client-name{font-size:16px;font-weight:700}.client-statement-wrapper .statement-title{margin-left:auto;text-align:right;width:350px}.client-statement-wrapper .statement-title h2{font-family:inherit;font-size:18px;font-weight:700;margin:0;padding-bottom:5px;position:relative;text-align:center}.client-statement-wrapper .statement-title h2:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.client-statement-wrapper .statement-date{font-family:inherit;font-size:14px;margin-bottom:5px;padding-bottom:5px;position:relative;text-align:right}.client-statement-wrapper .statement-date:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.client-statement-wrapper .statement-title h3{font-family:inherit;font-size:18px;font-weight:700;margin:20px 0 15px;text-align:center}.client-statement-wrapper .summary-table{border:1px solid #ddd;border-collapse:collapse;border-radius:4px;margin-left:-5px;margin-top:10px;overflow:hidden;width:300px}.client-statement-wrapper .summary-table tr{border-bottom:1px solid #ddd}.client-statement-wrapper .summary-table tr:last-child{border-bottom:none}.client-statement-wrapper .summary-table td{font-family:inherit;font-size:14px;padding:10px 15px}.client-statement-wrapper .summary-label{border-right:1px solid #ddd;text-align:left}.client-statement-wrapper .summary-value{min-width:100px;text-align:left}.client-statement-wrapper .statement-divider{border-bottom:2px solid #000;margin:20px 0}.client-statement-wrapper .transactions-section{margin-bottom:20px;overflow-x:auto}.client-statement-wrapper .transactions-section.small-table{margin-bottom:10px}.client-statement-wrapper .age-analysis-section.small-table{margin-top:10px}.client-statement-wrapper .transactions-table{border-collapse:collapse;font-family:inherit;margin-left:0;table-layout:fixed;width:100%}.client-statement-wrapper .transactions-table th{background-color:#b8d1f3;font-weight:400;text-align:left;white-space:nowrap}.client-statement-wrapper .transactions-table td,.client-statement-wrapper .transactions-table th{border:1px solid #ddd;font-family:inherit;font-size:14px;overflow:hidden;padding:8px 6px;text-overflow:ellipsis}.client-statement-wrapper .transactions-table td{word-wrap:break-word}.client-statement-wrapper .transactions-table td:first-child,.client-statement-wrapper .transactions-table th:first-child{width:12%}.client-statement-wrapper .transactions-table td:nth-child(2),.client-statement-wrapper .transactions-table th:nth-child(2){width:15%}.client-statement-wrapper .transactions-table td:nth-child(3),.client-statement-wrapper .transactions-table th:nth-child(3){width:25%}.client-statement-wrapper .transactions-table td:nth-child(4),.client-statement-wrapper .transactions-table td:nth-child(5),.client-statement-wrapper .transactions-table td:nth-child(6),.client-statement-wrapper .transactions-table th:nth-child(4),.client-statement-wrapper .transactions-table th:nth-child(5),.client-statement-wrapper .transactions-table th:nth-child(6){text-align:right;width:16%}.client-statement-wrapper .balance-due-summary{display:flex;font-family:inherit;font-weight:700;justify-content:flex-end;margin:20px 0}.client-statement-wrapper .balance-due-label{margin-right:20px}.client-statement-wrapper .balance-due-amount{min-width:80px;text-align:right}.client-statement-wrapper .age-analysis-section{margin:30px 0}.client-statement-wrapper .age-analysis-header{align-items:center;cursor:pointer;display:flex;font-family:inherit;font-weight:700;justify-content:center;margin-bottom:10px}.client-statement-wrapper .dropdown-arrow{font-size:12px;margin-left:10px;transition:transform .3s}.client-statement-wrapper .dropdown-arrow.open{transform:rotate(180deg)}.client-statement-wrapper .age-analysis-table{border-collapse:collapse;font-family:inherit;margin-left:-5px;width:770px}.client-statement-wrapper .age-analysis-table th{background-color:#b8d1f3;font-weight:400;text-align:left}.client-statement-wrapper .age-analysis-table td,.client-statement-wrapper .age-analysis-table th{border:1px solid #ddd;font-family:inherit;font-size:14px;padding:8px 12px}.client-statement-wrapper .statement-header1{background-color:#b8d1f3;padding:20px 0 40px;text-align:center}.client-statement-wrapper .statement-header1 h1{font-family:inherit;font-size:24px;font-weight:700;margin:0;text-align:center}.client-statement-wrapper .back-button-container{display:flex;justify-content:flex-start;margin:0 auto 0 20px;max-width:800px;padding:0}.client-statement-wrapper .professional-back-button{background-color:#8ee4a6;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.client-statement-wrapper .professional-back-button:hover{background-color:#7ad092;box-shadow:0 3px 6px #00000026}.client-statement-wrapper .statementdownloadbtn1{display:flex;gap:20px;justify-content:center;margin-bottom:30px;margin-top:20px}.client-statement-wrapper .statementdownloadbtn1 .back-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;padding:10px 25px;transition:background .3s ease}.client-statement-wrapper .statementdownloadbtn1 .back-btn:hover{background-color:#218838}.client-statement-wrapper .statementdownloadbtn1 .download-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;padding:10px 25px;transition:background .3s ease}.client-statement-wrapper .statementdownloadbtn1 .download-btn:hover{background-color:#0056b3}.client-statement-wrapper .download-btn.generating,.client-statement-wrapper .download-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.client-statement-wrapper .error-message{color:#d32f2f;font-family:inherit;padding:20px;text-align:center}.statement-paper{background-color:#fff;margin:0 auto 30px;max-width:800px;padding:20px}.statement-paper.printing-mode{box-shadow:none;margin:0;padding:0;width:100%}.statement-info-section{display:flex;justify-content:space-between;margin-bottom:20px;min-height:280px;position:relative}.client-info{bottom:20px;font-size:14px;left:0;line-height:1.5;position:absolute;text-align:left}.statement-title{margin-left:auto;text-align:right;width:350px}.statement-title h2{font-size:18px;font-weight:700;margin:0;padding-bottom:5px;position:relative;text-align:center}.statement-title h2:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.statement-date{font-size:14px;margin-bottom:5px;padding-bottom:5px;position:relative;text-align:right}.statement-date:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.statement-title h3{font-size:18px;font-weight:700;margin:20px 0 15px;text-align:center}.summary-table{border:1px solid #ddd;border-collapse:collapse;border-radius:4px;margin-left:-5px;margin-top:10px;overflow:hidden;width:300px}.summary-table tr{border-bottom:1px solid #ddd}.summary-table tr:last-child{border-bottom:none}.summary-table td{font-size:14px;padding:10px 15px}.summary-label{border-right:1px solid #ddd;text-align:left}.summary-value{min-width:100px;text-align:left}.statement-divider{border-bottom:2px solid #000;margin:20px 0}.transactions-section{margin-bottom:20px;overflow-x:auto}.transactions-table{border-collapse:collapse;margin-left:0;table-layout:fixed;width:100%}.transactions-table th{background-color:#b8d1f3;font-weight:400;text-align:left;white-space:nowrap}.transactions-table td,.transactions-table th{border:1px solid #ddd;font-size:14px;overflow:hidden;padding:8px 6px;text-overflow:ellipsis}.transactions-table td{word-wrap:break-word}.balance-due-summary{display:flex;font-weight:700;justify-content:flex-end;margin:20px 0}.balance-due-label{margin-right:20px}.balance-due-amount{min-width:80px;text-align:right}.age-analysis-section{margin:30px 0}.age-analysis-header{align-items:center;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin-bottom:10px}.dropdown-arrow{font-size:12px;margin-left:10px;transition:transform .3s}.dropdown-arrow.open{transform:rotate(180deg)}.age-analysis-table{border-collapse:collapse;margin-left:-5px;width:770px}.age-analysis-table th{background-color:#b8d1f3;font-weight:400;text-align:left}.age-analysis-table td,.age-analysis-table th{border:1px solid #ddd;font-size:14px;padding:8px 12px}.statement-header1{background-color:#b8d1f3;padding:20px 0 40px;text-align:center}.statement-header1 h1{font-size:24px;font-weight:700;margin:0;text-align:center}@media print{.transactions-table{font-size:11px;page-break-inside:avoid;table-layout:fixed;width:100%}.transactions-table td,.transactions-table th{word-wrap:break-word;overflow:hidden;padding:6px 4px;text-overflow:ellipsis}.transactions-table td:first-child,.transactions-table th:first-child{white-space:nowrap;width:10%}.transactions-table td:nth-child(4),.transactions-table td:nth-child(5),.transactions-table td:nth-child(6),.transactions-table th:nth-child(4),.transactions-table th:nth-child(5),.transactions-table th:nth-child(6){text-align:right}.age-analysis-section,.statement-info-section,.transactions-section{page-break-inside:avoid}.transactions-section.small-table{page-break-after:auto!important}.age-analysis-section.small-table{page-break-before:auto!important}.age-analysis-section,.balance-due-summary{page-break-before:avoid}.statement-page{margin:0;padding:0}.statement-paper{box-shadow:none}.age-analysis-table,.statement-paper,.transactions-table,tr{page-break-inside:avoid}.statementdownloadbtn1{display:none}}.director-financial-docs-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.director-financial-docs-wrapper *,.director-financial-docs-wrapper :after,.director-financial-docs-wrapper :before{box-sizing:inherit}.director-financial-docs-wrapper .button-section,.director-financial-docs-wrapper .logout-section{margin:20px}.director-financial-docs-wrapper .back-btn,.director-financial-docs-wrapper .back-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:132px;padding:8px 16px;transition:background-color .3s}.director-financial-docs-wrapper .logout-btn{background-color:#f9a6a6;border:none;border-radius:6px;cursor:pointer;font-family:inherit;padding:10px 20px}.director-financial-docs-wrapper .t1{border-collapse:collapse;font-family:inherit;margin-left:auto;margin-right:auto;width:1000px}.director-financial-docs-wrapper .clientinstructiontable{align-items:center;border-collapse:collapse;margin-top:-35px;width:1000px}.director-financial-docs-wrapper thead{background-color:#9ecbf3}.director-financial-docs-wrapper td,.director-financial-docs-wrapper th{border-bottom:1px solid #ddd;font-family:inherit;padding:12px;text-align:center}.director-financial-docs-wrapper .view-butn{background-color:#339af0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;padding:8px 14px}.director-financial-docs-wrapper .error-message,.director-financial-docs-wrapper .loading-message{font-family:inherit;padding:20px;text-align:center}.director-financial-docs-wrapper .error-message{color:#d32f2f}.financial-docs-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.financial-docs-wrapper *,.financial-docs-wrapper :after,.financial-docs-wrapper :before{box-sizing:inherit}.financial-docs-wrapper .button-section,.financial-docs-wrapper .logout-section{margin:20px}.financial-docs-wrapper .back-btn,.financial-docs-wrapper .back-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:132px;padding:8px 16px;transition:background-color .3s}.financial-docs-wrapper .logout-btn{background-color:#f9a6a6;border:none;border-radius:6px;cursor:pointer;font-family:inherit;padding:10px 20px}.financial-docs-wrapper th{font-weight:700}.financial-docs-wrapper .t1{border-collapse:collapse;font-family:inherit;margin-left:auto;margin-right:auto;width:1000px}.financial-docs-wrapper .clientinstructiontable{align-items:center;border-collapse:collapse;margin-left:auto;margin-right:auto;margin-top:-35px;width:1000px}.financial-docs-wrapper thead{background-color:#9ecbf3}.financial-docs-wrapper td,.financial-docs-wrapper th{border-bottom:1px solid #ddd;font-family:inherit;padding:12px;text-align:center}.financial-docs-wrapper .view-butn{background-color:#339af0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;padding:8px 14px}.financial-docs-wrapper .error-message,.financial-docs-wrapper .loading-message{font-family:inherit;padding:20px;text-align:center}.financial-docs-wrapper .error-message{color:#d32f2f}.director-financial-docs-wrapper .dropdown-container1,.financial-docs-wrapper .dropdown-container1{align-items:center;display:flex;gap:10px;justify-content:center;margin:20px}.director-client-docs-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.director-client-docs-wrapper *,.director-client-docs-wrapper :after,.director-client-docs-wrapper :before{box-sizing:inherit}.director-client-docs-wrapper .client-documents-container{padding:20px;width:100%}.director-client-docs-wrapper .header-actions{margin-bottom:20px}.director-client-docs-wrapper .documents-table{border-collapse:collapse;width:100%}.director-client-docs-wrapper .table-header{background-color:#e6e6fa;display:flex;padding:10px 0}.director-client-docs-wrapper .table-row{border-bottom:1px solid #ddd;display:flex;padding:10px 0}.director-client-docs-wrapper .header-cell,.director-client-docs-wrapper .table-cell{flex:1 1;padding:8px 16px}.director-client-docs-wrapper .view-button{background-color:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;padding:6px 16px}.director-client-docs-wrapper .back-button{background-color:#4caf50;border:none;border-radius:6px;cursor:pointer;font-family:inherit;padding:10px 20px}.director-client-docs-wrapper .filter-section9{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px;margin-top:-50px;width:100%}.director-client-docs-wrapper .filter-group{align-items:center;display:flex;gap:10px}.director-client-docs-wrapper .dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-family:inherit;padding:8px 12px}.director-client-docs-wrapper .filter-button{background-color:#135efd;border:1px solid #fdfeff;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;padding:8px 16px}.director-client-docs-wrapper .filter-button.active{background-color:#4169e1;border-color:#4169e1;color:#fff}.director-client-docs-wrapper .instructions-table table{border-collapse:collapse;width:100%}.director-client-docs-wrapper .instructions-table td,.director-client-docs-wrapper .instructions-table th{font-family:inherit;font-size:14px;padding:20px;text-align:left;white-space:nowrap}.director-client-docs-wrapper .instructions-table th{background-color:#f4f4f4}.director-client-docs-wrapper .instructions-table td{max-width:150px;overflow:hidden;text-overflow:ellipsis}.director-client-docs-wrapper .pending-status{color:#f59e0b;font-style:italic;font-weight:500}.director-client-docs-wrapper .error-message,.director-client-docs-wrapper .loading-message{font-family:inherit;padding:20px;text-align:center}.director-client-docs-wrapper .error-message{color:#d32f2f}.director-client-docs-wrapper .monitor-instructions-container{font-family:inherit}.client-docs-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.client-docs-wrapper *,.client-docs-wrapper :after,.client-docs-wrapper :before{box-sizing:inherit}.client-docs-wrapper .client-documents-container{padding:20px;width:100%}.client-docs-wrapper .header-actions{margin-bottom:20px}.client-docs-wrapper .documents-table{border-collapse:collapse;width:100%}.client-docs-wrapper .table-header{background-color:#e6e6fa;display:flex;padding:10px 0}.client-docs-wrapper .table-row{border-bottom:1px solid #ddd;display:flex;padding:10px 0}.client-docs-wrapper .header-cell,.client-docs-wrapper .table-cell{flex:1 1;padding:8px 16px}.client-docs-wrapper .view-button{background-color:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;padding:6px 16px}.client-docs-wrapper .back-button{background-color:#4caf50;border:none;border-radius:6px;cursor:pointer;font-family:inherit;padding:10px 20px}.client-docs-wrapper .filter-section9{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px;margin-top:-50px;width:100%}.client-docs-wrapper .filter-group{align-items:center;display:flex;gap:10px}.client-docs-wrapper .dropdown{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-family:inherit;padding:8px 12px}.client-docs-wrapper .filter-button{background-color:#3466ec;border:1px solid #ddd;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;padding:8px 16px}.client-docs-wrapper .filter-button.active{background-color:#0039e2;border-color:#4169e1;color:#fff}.client-docs-wrapper .instructions-table table{border-collapse:collapse;width:100%}.client-docs-wrapper .instructions-table td,.client-docs-wrapper .instructions-table th{font-family:inherit;font-size:14px;padding:20px;text-align:left;white-space:nowrap}.client-docs-wrapper .instructions-table th{background-color:#f4f4f4}.client-docs-wrapper .instructions-table td{max-width:150px;overflow:hidden;text-overflow:ellipsis}.client-docs-wrapper .pending-status{color:#f59e0b;font-style:italic;font-weight:500}.client-docs-wrapper .error-message,.client-docs-wrapper .loading-message{font-family:inherit;padding:20px;text-align:center}.client-docs-wrapper .error-message{color:#d32f2f}.client-docs-wrapper .monitor-instructions-container{font-family:inherit}.client-docs-wrapper .document-view,.director-client-docs-wrapper .document-view{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.client-docs-wrapper .invoice-container,.client-docs-wrapper .statement-container,.director-client-docs-wrapper .invoice-container,.director-client-docs-wrapper .statement-container{margin:0 auto;max-width:800px}.client-docs-wrapper .invoice-header,.client-docs-wrapper .statement-header,.director-client-docs-wrapper .invoice-header,.director-client-docs-wrapper .statement-header{background-color:#e6e6fa;border-radius:4px;margin-bottom:20px;padding:20px}.client-docs-wrapper .invoice-content,.client-docs-wrapper .statement-content,.director-client-docs-wrapper .invoice-content,.director-client-docs-wrapper .statement-content{padding:20px}.client-docs-wrapper .company-details,.director-client-docs-wrapper .company-details{margin-top:10px}.client-docs-wrapper .company-details p,.director-client-docs-wrapper .company-details p{margin:5px 0}.client-docs-wrapper .invoice-info,.client-docs-wrapper .vessel-details,.director-client-docs-wrapper .invoice-info,.director-client-docs-wrapper .vessel-details{margin-top:20px}.client-docs-wrapper .vessel-details table,.director-client-docs-wrapper .vessel-details table{border-collapse:collapse;margin-top:10px;width:100%}.client-docs-wrapper .vessel-details td,.director-client-docs-wrapper .vessel-details td{border:1px solid #ddd;padding:8px}.client-docs-wrapper .client-info,.director-client-docs-wrapper .client-info{margin-bottom:30px}.client-docs-wrapper .client-info p,.director-client-docs-wrapper .client-info p{margin:5px 0}.client-docs-wrapper .statement-table,.director-client-docs-wrapper .statement-table{border-collapse:collapse;margin-top:20px;width:100%}.client-docs-wrapper .statement-table td,.client-docs-wrapper .statement-table th,.director-client-docs-wrapper .statement-table td,.director-client-docs-wrapper .statement-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.client-docs-wrapper .statement-table th,.director-client-docs-wrapper .statement-table th{background-color:#bae6fd}.container{font-family:Arial,sans-serif;margin:0 auto;max-width:100%}.page-actions{display:flex;justify-content:space-between;margin-bottom:15px;padding:10px 15px}.action-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:400;padding:8px 15px;width:120px}.table-container{margin:0 auto;max-width:800px;overflow-x:auto;width:90%}.wage-table{border-collapse:collapse;border-radius:5px;box-shadow:0 1px 3px #0000001a;font-size:16px;overflow:hidden;width:1000px}.wage-table th{background-color:#87ceeb;border-bottom:1px solid #ddd;color:#333;font-weight:500;padding:12px 15px;text-align:left}.wage-table td{background-color:#fff;border-bottom:1px solid #eee;padding:12px 15px}.wage-table tr:last-child td{border-bottom:none}.wage-table tr:hover td{background-color:#f9f9f9}.view-button{background-color:#3498db;border-radius:5px;padding:6px 15px;transition:background-color .2s}.view-button:hover{background-color:#2980b9}@media screen and (max-width:768px){.table-container{width:95%}.wage-table td,.wage-table th{padding:10px}.action-button{font-size:14px;width:100px}}.wage-slip{font-family:Arial,sans-serif;margin:0 auto;max-width:800px}.header{margin-bottom:20px;text-align:center}.company-name{font-size:24px;font-weight:700}.section{margin-bottom:20px}.section-title{border-bottom:1px solid #ccc;font-weight:700;margin-bottom:10px;padding-bottom:5px}.row{display:flex;justify-content:space-between;margin-bottom:5px}.total-row{border-top:1px solid #ccc;font-weight:700;margin-top:5px;padding-top:5px}.footer{color:#666;font-size:12px;margin-top:30px;text-align:center}.text-green-500{color:#10b981}.text-red-500{color:#ef4444}.text-xl{font-size:1.25rem;line-height:1.75rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.ml-1{margin-left:.25rem}.grid{display:grid}.justify-end{justify-content:flex-end}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.wage-container{font-family:Arial,sans-serif;width:100%}.wage-header{align-items:center;background-color:#87ceeb;box-sizing:border-box;display:flex;justify-content:space-between;padding:10px 20px;width:100%}.logo{height:60px;width:60px}.title{font-size:24px;font-weight:400;margin:0}.user-info{align-items:center;display:flex}.notification-icon{font-size:20px;margin-right:15px}.user-avatar{border-radius:50%;height:40px;margin-right:10px;width:40px}.user-name{font-size:16px}.button-container{display:flex;justify-content:space-between;margin-top:-35px;padding:5px 8px}.back-btn{background-color:#8eeaac;border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:8px 20px;width:120px}.wage-table-container{margin-top:80px;padding:0 20px}.wage-table1{border:2px solid #87ceeb;border-collapse:collapse;border-radius:8px;margin-left:calc(50% - 280px);margin-top:-30px;overflow:hidden;width:600px}.wage-table1 thead{text-align:center}.wage-table1 th{background-color:#87ceeb;border-right:1px solid #a8d8f0;color:#000;font-weight:400;padding:12px 20px;text-align:left}.wage-table1 th.details-header{text-align:center}.wage-table1 th:last-child{border-right:none}.wage-table1 td{background-color:#fff;border-bottom:1px solid #eee;padding:5px 10px}.wage-table1 tr:last-child td{border-bottom:none}.view-cell{text-align:center}.view-btn{align-items:left;background-color:#3498db;border-radius:5px;font-size:14px}@media screen and (max-width:768px){.wage-table td,.wage-table th{padding:5px}}.dropdown-container24{display:flex;gap:10px;justify-content:center;margin-bottom:40px;margin-top:-60px}.dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f8f9fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='gray'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 25px 8px 8px;width:150px}.downloadwage1{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:400;padding:8px 10px}.pagination-wrapper-fixed{bottom:60px;margin-top:20px;padding:0 20px;position:-webkit-sticky;position:sticky;text-align:center;z-index:10}.wageslip-page-wrapper{padding-bottom:60px}.wageslip-container{margin:20px auto 0;max-width:600px;padding:5px 10px 10px}.wageslip-slip-container{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.wageslip-header{align-items:center;background-color:#b8d1f3;display:flex;justify-content:space-between;padding:8px 12px}.wageslip-company-info{text-align:right}.wageslip-company-name{font-size:16px;font-weight:600;margin:0 0 2px}.wageslip-company-contact{font-size:14px;margin:0 0 1px}.wageslip-content{padding:10px 12px}.wageslip-title{color:#333;font-size:20px;font-weight:700;margin:0 0 8px;text-align:center}.wageslip-pay-period-section{background-color:#f9fafb;border-radius:6px;margin-bottom:8px;padding:6px;text-align:center}.wageslip-pay-period-text{font-size:14px;margin:0}.wageslip-employee-section{background-color:#f9fafb;border-radius:6px;margin-bottom:8px;padding:8px}.wageslip-employee-text{font-size:14px;margin:0}.wageslip-employee-info-row{display:flex;gap:20px;justify-content:center;margin-bottom:4px}.wageslip-employee-info-column{align-items:center;display:flex;width:45%}.wageslip-employee-label{font-weight:700;min-width:60px}.wageslip-table-container{border-radius:6px;box-shadow:0 1px 3px #0000000d;margin-bottom:8px;overflow:hidden}.wageslip-table{border-collapse:collapse;width:100%}.wageslip-table-header{background-color:#b8d1f3;font-weight:600;text-align:center}.wageslip-table-cell,.wageslip-table-header{border-bottom:1px solid #e5e7eb;font-size:14px;padding:5px 10px}.wageslip-table-cell-left{text-align:left}.wageslip-table-cell-right{text-align:right}.wageslip-footer{border-top:1px solid #e5e7eb;color:#6b7280;font-size:12px;margin-top:5px;padding-top:5px;text-align:center}.wageslip-back-button{padding:6px 16px}.wageslip-back-button,.wageslip-print-button{background-color:#8ee4a6;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;margin-right:10px;margin-top:10px;transition:background-color .2s}.wageslip-print-button{padding:6px 50px}.wageslip-download-button{background-color:#87ceeb;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;margin-left:10px;margin-top:10px;padding:6px 16px;transition:background-color .2s}.wageslip-loading-container{color:#666;font-size:16px;padding:20px;text-align:center}.wageslip-error-container{color:red;font-size:16px;padding:20px;text-align:center}.wageslip-combined-tables-container{display:flex;flex-direction:column;gap:6px}.wageslip-button-container{display:flex;justify-content:flex-start;margin-bottom:20px;margin-top:15px}.wageslip-month-year-info{background-color:#f9fafb;border-radius:6px;margin-bottom:8px;padding:6px;text-align:center}.wageslip-month-year-text{font-size:14px;margin:0}.wageslip-print-button:hover{background-color:#a3c2e8}.wageslip-download-button:hover{background-color:#5cacee}.wageslip-back-button:hover{background-color:#a3c2e8}.payment-client-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:20px;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.payment-client-wrapper *,.payment-client-wrapper :after,.payment-client-wrapper :before{box-sizing:inherit}.payment-client-wrapper .button-section,.payment-client-wrapper .logout-section{margin:20px}.payment-client-wrapper .back-btn,.payment-client-wrapper .back-button{background-color:#0a640a;border:none;border-radius:6px;cursor:pointer;font-family:inherit;padding:10px 20px}.payment-client-wrapper .logout-btn{background-color:#f9a6a6;border:none;border-radius:6px;cursor:pointer;font-family:inherit;padding:10px 20px}.payment-client-wrapper .client-payments-header{margin-bottom:20px}.payment-client-wrapper .clientinstructiontable{border-collapse:collapse;margin:20px auto 0;max-width:1000px;width:100%}.payment-client-wrapper .t1{border-collapse:collapse;font-family:inherit;margin:0 auto 0 175px;width:100%}.payment-client-wrapper thead{background-color:#9ecbf3}.payment-client-wrapper td,.payment-client-wrapper th{border-bottom:1px solid #ddd;font-family:inherit;padding:12px;text-align:center}.payment-client-wrapper th{background-color:#9ecbf3;font-weight:700}.payment-client-wrapper tbody tr:hover{background-color:#f5f5f5}.payment-client-wrapper .view-butn{background-color:#339af0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;padding:8px 14px}.payment-client-wrapper .view-butn:hover{background-color:#2980b9}.payment-client-wrapper .error-message,.payment-client-wrapper .loading-message{font-family:inherit;padding:20px;text-align:center}.payment-client-wrapper .error-message{color:#d32f2f}.payment-client-wrapper .client-payment-dashboard-wrapper,.payment-client-wrapper .pagination-container{align-items:center;display:flex;flex-direction:column;width:100%}.payment-client-wrapper .pagination-container{justify-content:center;margin-top:20px}.payment-client-wrapper .client-payment-dashboard-wrapper .pagination-container{margin:20px auto;text-align:center}.payment-client-wrapper .client-payment-dashboard-wrapper .pagination-controls{justify-content:center}.bg-white{background-color:#fff;margin-top:15px}.bg-blue-200{background-color:#bfdbfe}.bg-blue-50{background-color:#eff6ff}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-red-300{background-color:#fca5a5}.bg-red-400{background-color:#f87171}.bg-green-300{background-color:#86efac}.bg-green-400{background-color:#4ade80}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.text-white{color:#fff}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{margin-top:20px;padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.pr-10{padding-right:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.ml-auto{margin-left:auto}.flex{display:flex}.tracker .grid{display:grid}.inline-flex{display:inline-flex}.hidden{display:none}.w-full{width:80%}.w-6{width:1.5rem}.w-10{width:2.5rem}.h-6{height:1.5rem}.h-10{height:2.5rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-t-\[20px\]{border-top-width:20px}.border-l-\[20px\]{border-left-width:20px}.border-t-green-300{border-top-color:#86efac}.border-l-transparent{border-left-color:#0000}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.appearance-none{-webkit-appearance:none;appearance:none}.relative{position:relative}.absolute{position:absolute}.right-3{right:.75rem}.top-3{top:.75rem}.-bottom-4{bottom:-1rem}.-right-4{right:-1rem}.pointer-events-none{pointer-events:none}.overflow-hidden{overflow:hidden}.transform{transform:translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)}.rotate-45{transform:rotate(45deg)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-green-400:hover{background-color:#4ade80}.block{display:block}input,select{border:1px solid #d1d5db;outline:none}input:focus,select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}button{background-color:green;border:none;cursor:pointer;font-weight:500;outline:none}.back-button{background-color:#28a745;border-radius:5px;font-size:16px;margin-bottom:20px;padding:8px 20px}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:768px){.grid-cols-4{grid-template-columns:1fr}.grid-cols-4>div{margin-bottom:1rem}.grid-cols-4>div:last-child{margin-bottom:0}}input[type=date]{-webkit-appearance:none;appearance:none}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}body{background:#fffdf7;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;position:relative;width:100%}.finalise-btn{display:flex;justify-content:flex-end;margin-right:20px;margin-top:-60px}.finalise-btn2{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .3s ease-in-out}.finalise-btn2:hover{background-color:#045704}.save-btn{background-color:#3b82f6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .3s ease-in-out}.save-btn:hover{background-color:#0b59d7}.remove-driver-btn{align-items:center;background-color:#ef4444;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-left:auto;padding:6px 12px;transition:background-color .3s ease-in-out}.remove-driver-btn:hover{background-color:#b91c1c}.remove-driver-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.remove-driver-btn svg{height:16px;width:16px}.instruction-container{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.back-button{background-color:#86efac;border-radius:.375rem;color:#1f2937;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s}.back-button:hover{background-color:#4ade80}.steps{display:flex;gap:10px;margin:20px 0 30px;overflow-x:auto;padding-bottom:5px}.step-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s}.step-btn:hover{background-color:#e0e0e0}.document-btn,.step-btn.active{background-color:#4169e1;border-color:#4169e1;color:#fff}.document-title{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 30px;text-align:center}.upload-section{margin-bottom:30px}.upload-section h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:15px}.upload-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:1.5rem}.upload-box{background-color:#f9f9f9;border:1px dashed #ccc;border-radius:6px;cursor:pointer;margin-bottom:20px;padding:1.5rem;text-align:center;transition:border-color .2s,background-color .2s}.upload-box:hover{background-color:#f5f7ff;border-color:#4169e1}.browse-link{color:#4169e1;cursor:pointer;font-weight:500;text-decoration:underline}.form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form input,.form select{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;font-size:.875rem;padding:.625rem;transition:border-color .2s,box-shadow .2s;width:100%}.form input:focus,.form select:focus{border-color:#4169e1;box-shadow:0 0 0 2px #4169e11a;outline:none}.form-actions{display:flex;gap:.75rem;grid-column:span 2;justify-content:flex-end;margin-top:1.5rem}.upload-btn{background-color:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:background-color .2s}.upload-btn:hover{background-color:#3050b5}.upload-btn:disabled{background-color:#b8c6e8;cursor:not-allowed}.cancel-btn{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#555;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:background-color .2s}.cancel-btn:hover{background-color:#e0e0e0}.file-preview{margin-top:10px;text-align:center}.file-preview img{border-radius:4px;box-shadow:0 2px 4px #0000001a;max-height:100px;max-width:100px}.upload-progress{margin-top:15px}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background-color:#4caf50;height:100%;transition:width .3s ease;width:0}.progress-text{color:#666;font-size:12px;margin-top:4px}.submit-message{border-radius:4px;font-size:14px;margin-top:10px;padding:8px}.submit-message.error{background-color:#ffebee;border-left:3px solid #c62828;color:#c62828;font-size:12px;margin-top:50px;max-height:70px;max-width:260px;position:absolute}.submit-message.success{background-color:#e8f5e9;border-left:3px solid #2e7d32;color:#2e7d32}.document-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;overflow-x:auto;padding:1.5rem}.document-table{border-collapse:collapse;width:100%}.document-table td,.document-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.document-table th{background-color:#f8f9fa;color:#555;font-weight:600}.document-table tr:last-child td{border-bottom:none}.document-table tr:hover{background-color:#f9f9f9}.remove-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-right:8px;padding:6px 12px;transition:background-color .3s}.remove-btn:hover{background-color:#d32f2f}.view-btn{background-color:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s}.view-btn:hover{background-color:#3050b5}.view-btn:disabled{background-color:#b8c6e8;cursor:not-allowed}.requirements-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:1.5rem}.requirements-section h4{color:#333;font-size:1rem;margin-bottom:15px;margin-top:0}.requirements-section ul{margin:0;padding-left:20px}.requirements-section li{font-size:14px;margin-bottom:8px}.finish-btn{background-color:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:500;margin:0 auto;max-width:200px;padding:12px;transition:background-color .2s;width:100%}.finish-btn:hover{background-color:#3050b5}.finish-btn:disabled{background-color:#b8c6e8;cursor:not-allowed}.modal-wrapper{align-items:center;display:flex;justify-content:center;z-index:50}.modal-backdrop,.modal-wrapper{bottom:0;left:0;position:fixed;right:0;top:0}.modal-backdrop{background:#00000080;z-index:40}.modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:90vw;overflow:hidden;width:400px;z-index:50}.modal-header{padding:20px 24px 0}.modal-title{color:#111827;font-size:18px;font-weight:600;margin-bottom:8px}.modal-description{color:#6b7280;font-size:14px;margin-bottom:16px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.modal-btn{border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.modal-btn-secondary{background-color:#f3f4f6;color:#374151}.modal-btn-secondary:hover{background-color:#e5e7eb}.modal-btn-primary{background-color:#4169e1;border:none;color:#fff}.modal-btn-primary:hover{background-color:#3050b5}.toast-popup{animation:toastFadeIn .3s ease-out forwards,toastFadeOut .3s ease-in 2.7s forwards;background-color:#4169e1;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .2s ease-out forwards}.animate-scaleIn{animation:scaleIn .3s ease-out forwards}@media (max-width:768px){.form{grid-template-columns:1fr}.form-actions{grid-column:span 1}.steps{flex-wrap:wrap}}@media (max-width:480px){.document-table td,.document-table th{font-size:14px;padding:8px}.upload-section{padding:15px}}.back-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:132px;padding:8px 16px;transition:background-color .3s}.back-button:hover{background-color:#218838}.confirmation-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirmation-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:500px;padding:20px;width:90%}.confirmation-content h3{border-bottom:1px solid #eee;color:#d9534f;margin-bottom:15px;margin-top:0;padding-bottom:10px}.confirmation-content p{line-height:1.5;margin-bottom:20px}.confirmation-buttons{display:flex;gap:10px;justify-content:flex-end}.cancel-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px}.cancel-button:hover{background-color:#e9ecef}.confirm-reject-button{background-color:#d9534f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.confirm-reject-button:hover{background-color:#c9302c}.user-detail-view{padding:10px 0}.user-detail-view h2{color:#333;margin-bottom:20px}.success-message{background-color:#dff0d8;color:#3c763d}.error-message,.success-message{border-radius:4px;margin-bottom:20px;padding:15px}.error-message{background-color:#f2dede;color:#a94442}.user-details-container{background-color:#f9f9f9;border-radius:5px;margin-bottom:20px;padding:20px}.user-detail-row{border-bottom:1px solid #eee;display:flex;margin-bottom:15px;padding-bottom:10px}.user-detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{color:#555;font-weight:700;width:150px}.detail-value{flex:1 1}.action-buttons{display:flex;gap:15px;margin-top:20px}.approve-button,.reject-button{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.approve-button{background-color:#5cb85c;color:#fff}.approve-button:hover{background-color:#4cae4c}.reject-button{background-color:#d9534f;color:#fff}.reject-button:hover{background-color:#c9302c}.approve-button:disabled,.reject-button:disabled{cursor:not-allowed;opacity:.7}.user-approval-list h2{color:#333;margin-bottom:20px}.users-table{border-collapse:collapse;margin-top:20px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.users-table th{background-color:#f8f8f8;color:#333;font-weight:700}.users-table tr:hover{background-color:#f5f5f5}.view-button{background-color:#06c;padding:6px 12px;transition:background-color .3s}.view-button:hover{background-color:#05a}.error,.loading,.no-users{color:#666;padding:20px;text-align:center}.company-management h2{color:#333;margin-bottom:20px}.companies-table{border-collapse:collapse;margin-top:20px;width:100%}.companies-table td,.companies-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.companies-table th{background-color:#f8f8f8;color:#333;font-weight:700}.companies-table tr:hover{background-color:#f5f5f5}.disabled-row{background-color:#f9f9f9;color:#999}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:4px 8px}.status-badge.active{background-color:#dff0d8;color:#3c763d}.status-badge.inactive{background-color:#f2dede;color:#a94442}.disable-button,.enable-button{border:none;border-radius:4px;cursor:pointer;padding:6px 12px;transition:background-color .3s}.disable-button{background-color:#f0ad4e;color:#fff}.disable-button:hover{background-color:#ec971f}.enable-button{background-color:#5bc0de;color:#fff}.enable-button:hover{background-color:#46b8da}.error,.loading,.no-companies{color:#666;padding:20px;text-align:center}.error{color:#d9534f}.admin-dashboard{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.admin-header{margin-bottom:30px}.admin-header h1{color:#333;margin-bottom:20px}.admin-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px}.tab-button{background:none;border:none;color:#555;cursor:pointer;font-size:16px;padding:10px 20px;position:relative;transition:color .3s}.tab-button:hover{color:#000}.tab-button.active{color:#06c;font-weight:700}.tab-button.active:after{background-color:#06c;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.admin-content{background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;padding:20px}.admin-debug{margin-bottom:20px}.debug-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:5px 10px}.debug-button:hover{background-color:#e9ecef}.po-form-wrapper .po-form-container{background-color:#fff;border-radius:8px;box-shadow:0 3px 10px #0000001a;font-family:Roboto,Arial,sans-serif;margin:10px auto;max-width:900px;padding:12px}.po-form-wrapper .po-header{align-items:center;background:linear-gradient(135deg,#a1d4f7,#bae6fd);border-radius:8px 8px 0 0;box-shadow:0 1px 4px #0000001a;display:flex;justify-content:center;margin:-12px -12px 10px;padding:12px;transition:transform .2s ease}.po-form-wrapper .po-header:hover{transform:translateY(-1px)}.po-form-wrapper .po-header-left{align-items:center;display:flex;width:100%}.po-form-wrapper .po-subtitle{color:#1a3c5e;font-size:14px;font-weight:400;margin:4px 0 0;text-transform:none}.po-form-wrapper .po-logo{height:36px;margin-right:10px}.po-form-wrapper .po-title-container{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;box-shadow:0 1px 3px #0000000d;flex-grow:1;padding:8px 12px;text-align:center}.po-form-wrapper .po-title{color:#1a3c5e;font-size:22px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.po-form-wrapper .company-details{background:linear-gradient(135deg,#f9f9f9,#fff);border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding:10px}.po-form-wrapper .company-address,.po-form-wrapper .company-contact{border-radius:6px;color:#333;font-size:13px;line-height:1.4;padding:10px;width:48%}.po-form-wrapper .company-address{background-color:#f5f7fa;font-weight:500}.po-form-wrapper .company-contact{background-color:#f5f7fa;font-weight:400}.po-form-wrapper .company-contact:before{color:#1a3c5e;content:"Contact Information:";display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.po-form-wrapper .company-registration{background-color:#f5f7fa;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 4px #00000008;color:#666;font-size:12px;margin-bottom:10px;padding:8px 12px;text-align:center}.po-form-wrapper .form-section{margin-bottom:8px}.po-form-wrapper .form-row{display:flex;gap:2px;margin-bottom:6px}.po-form-wrapper .form-group{flex:1 1}.po-form-wrapper .form-group label{color:#444;display:block;font-size:13px;font-weight:500;margin-bottom:2px}.po-form-wrapper .form-control{box-sizing:border-box;height:34px;padding:8px 10px}.po-form-wrapper .dropdown-field,.po-form-wrapper .form-control{border:1px solid #ddd;border-radius:4px;font-size:13px;line-height:1.2;transition:border-color .2s,box-shadow .2s;width:100%}.po-form-wrapper .dropdown-field{padding:6px 7px}.po-form-wrapper .dropdown-field:focus,.po-form-wrapper .form-control:focus{border-color:#4169e1;box-shadow:0 0 0 2px #4169e126;outline:none}.po-form-wrapper .line-items{border-top:1px solid #ddd;margin-bottom:8px;padding-top:6px}.po-form-wrapper .line-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.po-form-wrapper .line-items-header h3{color:#1a3c5e;font-size:16px;margin:0}.po-form-wrapper .add-item-btn{align-items:center;background:linear-gradient(135deg,#4169e1,#3b5bdb);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:5px;padding:8px 12px;transition:transform .2s,background .2s}.po-form-wrapper .add-item-btn:hover{background:linear-gradient(135deg,#3b5bdb,#364fc7);transform:translateY(-1px)}.po-form-wrapper .line-items-table{border-collapse:collapse;width:100%}.po-form-wrapper .line-items-table th{background-color:#f5f7fa;border-bottom:2px solid #ddd;color:#1a3c5e;font-size:13px;font-weight:600;padding:8px 5px;text-align:left}.po-form-wrapper .line-items-table th:first-child{width:15%}.po-form-wrapper .line-items-table th:nth-child(2){width:25%}.po-form-wrapper .line-items-table th:nth-child(3),.po-form-wrapper .line-items-table th:nth-child(4),.po-form-wrapper .line-items-table th:nth-child(5){width:15%}.po-form-wrapper .line-items-table th:nth-child(6){width:10%}.po-form-wrapper .line-items-table td{border-bottom:1px solid #eee;padding:5px;vertical-align:middle}.po-form-wrapper .line-items-table input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:13px;height:34px;padding:8px 10px;width:100%}.po-form-wrapper .delete-item-btn{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:transform .2s,background .2s}.po-form-wrapper .delete-item-btn:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px)}.po-form-wrapper .delete-item-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.po-form-wrapper .back-button{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:15px;padding:8px 16px;transition:transform .2s,background .2s}.po-form-wrapper .back-button:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px)}.po-form-wrapper .totals-section{margin-top:8px;width:100%}.po-form-wrapper .totals-table{border-collapse:collapse;width:100%}.po-form-wrapper .totals-table td{border-bottom:1px solid #eee;padding:5px}.po-form-wrapper .totals-table tr:last-child td{border-bottom:none;font-weight:700}.po-form-wrapper .label-cell{font-weight:600;text-align:left;width:50%}.po-form-wrapper .amount-cell{width:50%}.po-form-wrapper .amount-cell input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:13px;height:34px;padding:8px 10px;text-align:right;width:100%}.po-form-wrapper .submit-section{display:flex;justify-content:center;margin-top:12px}.po-form-wrapper .submit-btn{background:linear-gradient(135deg,#8dd28e,#7bc17c);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px;transition:transform .2s,background .2s}.po-form-wrapper .submit-btn:hover{background:linear-gradient(135deg,#7bc17c,#6aa66b);transform:translateY(-1px)}.po-form-wrapper .error-message{color:#d32f2f;font-size:13px;margin-top:6px;text-align:center}@media (max-width:768px){.po-form-wrapper .po-form-container{max-width:100%;padding:8px}.po-form-wrapper .line-items-table{font-size:12px}.po-form-wrapper .line-items-table td,.po-form-wrapper .line-items-table th{padding:4px 2px}.po-form-wrapper .line-items-table input{font-size:12px;height:30px;padding:6px 8px}.po-form-wrapper .add-item-btn,.po-form-wrapper .delete-item-btn{font-size:12px;padding:6px 8px}}.filter-btn-group button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin:5px 2px;padding:8px 16px;text-align:center}.filter-btn-group button.active,.filter-btn-group button:hover{background-color:#0056b3}.filter-dropdown-container{display:inline-block;position:relative}.dropdown-toggle-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin:5px 2px;padding:8px 16px;text-align:center}.filter-dropdown-menu{background-color:#f5f5f5;border:0 solid #ccc;border-radius:6px;box-shadow:0 4px 8px #0000001a;left:25%;padding:2px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:999}.dropdown-item{background-color:#f0f0f0;border:0;border-radius:4px;color:#333;cursor:pointer;display:inline-block;flex-shrink:0;font-size:13px;font-weight:400;margin:3px;padding:8px 12px;text-align:center;white-space:nowrap}.dropdown-item:focus,.dropdown-item:hover{background-color:#007bff;color:#fff;text-decoration:none}.dropdown-item.active{background-color:#0056b3;color:#fff}.error,.loading{font-size:16px;padding:20px;text-align:center}.error{color:#dc3545}@media (max-width:768px){.filter-dropdown-menu{left:auto;min-width:90vw;right:0}}.print-container{background-color:#fff;font-family:Roboto,Arial,sans-serif;font-size:14px;line-height:1.4;margin:0 auto;max-width:700px;padding:12px;width:100%}.form-value{word-wrap:break-word;align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:flex;font-size:14px;height:28px;overflow-wrap:break-word;padding:6px 10px;width:100%}.form-value:empty{min-height:0}.form-value:empty:before{color:#0000;content:".";visibility:hidden}.print-container .form-section{margin-bottom:12px}.print-container .form-row{display:flex;gap:12px;margin-bottom:10px}.print-container .form-group{flex:1 1}.print-container .form-group label{color:#444;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.print-container .line-items-table{border-collapse:collapse;margin-bottom:12px;width:100%}.print-container .line-items-table th{background-color:#f5f7fa;border:1px solid #ddd;color:#1a3c5e;font-size:14px;font-weight:600;padding:6px;text-align:left}.print-container .line-items-table td{word-wrap:break-word;border:1px solid #ddd;font-size:14px;overflow-wrap:break-word;padding:6px}.print-container .totals-table{border-collapse:collapse;margin-top:12px;width:100%}.print-container .totals-table td{border-bottom:1px solid #eee;font-size:14px;padding:6px}.print-container .totals-table tr:last-child td{border-bottom:none;font-weight:700}.print-container .label-cell{font-weight:600;text-align:left;width:50%}.print-container .amount-cell{text-align:right;width:50%}.print-container .po-header-section{border-bottom:2px solid #1a3c5e;margin-bottom:10px;padding:4px;text-align:center}.print-container .po-header-section h2{color:#1a3c5e;font-size:19px;font-weight:700;margin:0}.print-container .signature-section{margin-top:24px}.print-container .signature-line{font-size:14px;margin-top:12px}.print-container .signature-line span{border-bottom:1px solid #000;display:inline-block;min-width:240px;padding-bottom:4px}@media print{.back-button,.submit-section,.view-btn{display:none!important}.po-form-container{box-shadow:none!important;margin:0!important;max-width:none!important;padding:0!important}.print-container{box-sizing:border-box;margin:0!important;max-width:595px!important;padding:12px!important}.print-container .form-value,.print-container .line-items-table th{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-container .form-section,.print-container .line-items,.print-container .po-header-section,.print-container .totals-section{page-break-after:avoid;page-break-before:avoid;page-break-inside:avoid}}@media screen{.print-container{border-radius:8px;box-shadow:0 3px 10px #0000001a;padding:18px}}.subcontractor-list-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.subcontractor-list-wrapper *,.subcontractor-list-wrapper :after,.subcontractor-list-wrapper :before{box-sizing:inherit}.subcontractor-list-wrapper .subcontractor-header{margin-bottom:20px}.subcontractor-list-wrapper .back-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;padding:10px 20px}.subcontractor-list-wrapper .back-button:hover{background-color:#45a049}.subcontractor-list-wrapper .subcontractor-table-container{margin:20px auto;overflow-x:auto;width:1200px}.subcontractor-list-wrapper .subcontractor-table{border-collapse:collapse;box-shadow:0 0 5px #0000000d;font-family:inherit;width:100%}.subcontractor-list-wrapper .subcontractor-table thead{background-color:#9ecbf3}.subcontractor-list-wrapper .subcontractor-table td,.subcontractor-list-wrapper .subcontractor-table th{border-bottom:1px solid #ddd;font-family:inherit;padding:12px;text-align:center}.subcontractor-list-wrapper .subcontractor-table th{color:#333;font-weight:700}.subcontractor-list-wrapper .subcontractor-table tbody tr:nth-child(2n){background-color:#f9f9f9}.subcontractor-list-wrapper .subcontractor-table tbody tr:hover{background-color:#f0f8ff}.subcontractor-list-wrapper .view-btn{background-color:#339af0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:8px 16px}.subcontractor-list-wrapper .view-btn:hover{background-color:#2980b9}.subcontractor-list-wrapper p{font-family:inherit;margin:0;padding:20px;text-align:center}.subcontractor-list-wrapper .error-message{color:#d32f2f;font-family:inherit;padding:20px;text-align:center}.statement-detail-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background-color:#f5f7fa;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-height:100vh;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.statement-detail-wrapper *,.statement-detail-wrapper :after,.statement-detail-wrapper :before{box-sizing:inherit}.statement-detail-wrapper .statement-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px 20px 100px;position:relative}.statement-detail-wrapper .statement-paper{background-color:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin:0 auto 30px;max-width:900px;padding:40px}.statement-detail-wrapper .statement-header{align-items:flex-start;background:linear-gradient(135deg,#f8fbff,#e8f4fd);border-bottom:3px solid #2c5aa0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;margin:-40px -40px 30px;padding:30px 40px}.statement-detail-wrapper .company-logo-section{flex:1 1}.statement-detail-wrapper .company-name{color:#1a365d;font-family:inherit;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.statement-detail-wrapper .company-tagline{color:#4a5568;font-size:14px;font-style:italic;margin-bottom:10px}.statement-detail-wrapper .company-contact-info{color:#2d3748;font-size:13px;line-height:1.6;text-align:right}.statement-detail-wrapper .contact-line{margin-bottom:4px}.statement-detail-wrapper .contact-label{color:#2c5aa0;font-weight:600}.statement-detail-wrapper .statement-title-section{margin-bottom:30px;padding:20px 0;text-align:center}.statement-detail-wrapper .statement-title{color:#1a365d;font-family:inherit;font-size:24px;font-weight:700;letter-spacing:1px;margin:0 0 8px}.statement-detail-wrapper .statement-number{color:#4a5568;font-size:16px;font-weight:500}.statement-detail-wrapper .billing-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:40px;padding:25px}.statement-detail-wrapper .billing-info{flex:1 1}.statement-detail-wrapper .billing-header{color:#2c5aa0;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.statement-detail-wrapper .subcontractor-details{line-height:1.6}.statement-detail-wrapper .subcontractor-name{color:#1a365d;font-size:18px;font-weight:600;margin-bottom:8px}.statement-detail-wrapper .subcontractor-address{color:#4a5568;font-size:14px;margin-bottom:6px}.statement-detail-wrapper .contact-person{color:#4a5568;font-size:14px}.statement-detail-wrapper .contact-person .label{color:#2c5aa0;font-weight:600}.statement-detail-wrapper .statement-meta{min-width:250px;text-align:right}.statement-detail-wrapper .meta-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.statement-detail-wrapper .meta-label{color:#2c5aa0;font-weight:600;margin-right:15px}.statement-detail-wrapper .meta-value{color:#1a365d;font-weight:500}.statement-detail-wrapper .work-items-section{margin-bottom:40px}.statement-detail-wrapper .section-title{border-bottom:2px solid #e2e8f0;color:#1a365d;font-family:inherit;font-size:20px;font-weight:700;margin:0 0 20px;padding-bottom:10px}.statement-detail-wrapper .table-container{border:1px solid #e2e8f0;border-radius:6px;overflow-x:auto}.statement-detail-wrapper .work-items-table{background-color:#fff;border-collapse:collapse;font-family:inherit;font-size:13px;width:100%}.statement-detail-wrapper .work-items-table thead{background:linear-gradient(135deg,#2c5aa0,#3182ce)}.statement-detail-wrapper .work-items-table th{border-right:1px solid #fff3;color:#fff;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.statement-detail-wrapper .work-items-table th:last-child{border-right:none}.statement-detail-wrapper .work-items-table td{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;font-family:inherit;padding:12px;vertical-align:top}.statement-detail-wrapper .work-items-table td:last-child{border-right:none}.statement-detail-wrapper .work-items-table .row-even{background-color:#f8fafc}.statement-detail-wrapper .work-items-table .row-odd{background-color:#fff}.statement-detail-wrapper .work-items-table tbody tr:hover{background-color:#edf2f7}.statement-detail-wrapper .col-date{color:#2d3748;font-weight:500;width:12%}.statement-detail-wrapper .col-destination,.statement-detail-wrapper .col-starting{color:#2d3748;width:22%}.statement-detail-wrapper .col-rate{color:#2c5aa0;font-weight:600;text-align:right;width:12%}.statement-detail-wrapper .col-instruction{color:#4a5568;line-height:1.4;width:32%}.statement-detail-wrapper .payment-summary-section{display:flex;justify-content:flex-end;margin-bottom:30px}.statement-detail-wrapper .summary-container{background-color:#f8fbff;border:2px solid #2c5aa0;border-radius:6px;overflow:hidden;width:350px}.statement-detail-wrapper .summary-header{background:linear-gradient(135deg,#2c5aa0,#3182ce);color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;padding:15px 20px;text-align:center;text-transform:uppercase}.statement-detail-wrapper .summary-content{padding:20px}.statement-detail-wrapper .summary-row{align-items:center;display:flex;font-family:inherit;font-size:14px;justify-content:space-between;margin-bottom:12px}.statement-detail-wrapper .subtotal-row .summary-label{color:#4a5568;font-weight:500}.statement-detail-wrapper .subtotal-row .summary-value{color:#2d3748;font-weight:600}.statement-detail-wrapper .summary-divider{background-color:#2c5aa0;height:2px;margin:15px 0}.statement-detail-wrapper .total-row{font-size:18px;margin-bottom:0;padding-top:10px}.statement-detail-wrapper .total-row .summary-label{color:#1a365d;font-weight:700}.statement-detail-wrapper .total-row .summary-value{color:#2c5aa0;font-size:20px;font-weight:700}.statement-detail-wrapper .payment-terms-section{background-color:#f8fafc;border-left:4px solid #2c5aa0;border-radius:6px;margin-bottom:30px;padding:25px}.statement-detail-wrapper .terms-title{color:#1a365d;font-family:inherit;font-size:16px;font-weight:700;margin:0 0 15px}.statement-detail-wrapper .terms-content{line-height:1.6}.statement-detail-wrapper .terms-content p{color:#4a5568;font-family:inherit;font-size:13px;margin:8px 0}.statement-detail-wrapper .statement-footer{border-top:1px solid #e2e8f0;margin-top:30px;padding:20px 0;text-align:center}.statement-detail-wrapper .footer-text{color:#4a5568;font-size:14px;font-style:italic}.statement-detail-wrapper .statement-actions{display:flex;gap:20px;justify-content:center;margin-top:30px;padding:20px}.statement-detail-wrapper .back-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.statement-detail-wrapper .back-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.statement-detail-wrapper .download-btn{background:linear-gradient(135deg,#3182ce,#2c5aa0);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.statement-detail-wrapper .download-btn:hover{background:linear-gradient(135deg,#2c5aa0,#2a4a8a);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.statement-detail-wrapper .download-btn.generating,.statement-detail-wrapper .download-btn:disabled{background:linear-gradient(135deg,#a0aec0,#718096);box-shadow:0 2px 4px #0000001a;cursor:not-allowed;opacity:.7;transform:none}.statement-detail-wrapper .loading-message{color:#4a5568;font-family:inherit;font-size:16px;padding:40px 20px;text-align:center}.statement-detail-wrapper .error-message{background-color:#fed7d7;border:1px solid #feb2b2;border-radius:6px;color:#e53e3e;font-family:inherit;font-size:16px;font-weight:500;margin:20px;padding:40px 20px;text-align:center}@media print{.statement-detail-wrapper .statement-actions{display:none!important}.statement-detail-wrapper .statement-page{background-color:#fff;padding:0}.statement-detail-wrapper .statement-paper{border:none;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:20px}.statement-detail-wrapper .payment-summary-section,.statement-detail-wrapper .payment-terms-section,.statement-detail-wrapper .work-items-table{page-break-inside:avoid}}@media (max-width:768px){.statement-detail-wrapper .statement-paper{margin:10px;padding:20px}.statement-detail-wrapper .statement-header{flex-direction:column;margin:-20px -20px 20px;padding:20px;text-align:center}.statement-detail-wrapper .company-contact-info{margin-top:15px;text-align:center}.statement-detail-wrapper .billing-section{flex-direction:column;gap:20px}.statement-detail-wrapper .statement-meta{text-align:left}.statement-detail-wrapper .work-items-table{font-size:12px}.statement-detail-wrapper .work-items-table td,.statement-detail-wrapper .work-items-table th{padding:8px 6px}.statement-detail-wrapper .summary-container{width:100%}.statement-detail-wrapper .statement-actions{flex-direction:column;gap:10px}.statement-detail-wrapper .back-btn,.statement-detail-wrapper .download-btn{padding:15px;width:100%}}.subcontractor-statements-wrapper{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.subcontractor-statements-wrapper *,.subcontractor-statements-wrapper :after,.subcontractor-statements-wrapper :before{box-sizing:inherit}.subcontractor-statements-wrapper .back-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;margin-bottom:20px;padding:10px 20px}.subcontractor-statements-wrapper .back-button:hover{background-color:#45a049}.subcontractor-statements-wrapper .page-title{margin:20px 0;text-align:center}.subcontractor-statements-wrapper .page-title h2{color:#333;font-family:inherit;margin:0}.subcontractor-statements-wrapper .action-bar{margin-bottom:20px}.subcontractor-statements-wrapper .filter-section{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.subcontractor-statements-wrapper .dropdown-container{display:flex;gap:10px;justify-content:center}.subcontractor-statements-wrapper .dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-family:inherit;padding:8px 12px}.subcontractor-statements-wrapper .statements-table{border-collapse:collapse;box-shadow:0 0 5px #0000000d;font-family:inherit;margin:20px auto;width:1200px}.subcontractor-statements-wrapper .statements-table thead{background-color:#e6f2f8}.subcontractor-statements-wrapper .statements-table td,.subcontractor-statements-wrapper .statements-table th{border-bottom:1px solid #ddd;font-family:inherit;padding:12px;text-align:center}.subcontractor-statements-wrapper .statements-table tbody tr:nth-child(2n){background-color:#f9f9f9}.subcontractor-statements-wrapper .statements-table tbody tr:hover{background-color:#f0f8ff}.subcontractor-statements-wrapper .status-badge{border-radius:12px;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.subcontractor-statements-wrapper .status-badge.paid{background-color:#d4edda;color:#155724}.subcontractor-statements-wrapper .status-badge.pending{background-color:#fff3cd;color:#856404}.subcontractor-statements-wrapper .status-badge.overdue{background-color:#f8d7da;color:#721c24}.subcontractor-statements-wrapper .view-btn{background-color:#5cb4ef;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-weight:700;padding:8px 16px}.subcontractor-statements-wrapper .view-btn:hover{background-color:#4a9fd1}.subcontractor-statements-wrapper .error-message,.subcontractor-statements-wrapper div{font-family:inherit;padding:20px;text-align:center}.subcontractor-statements-wrapper .error-message{color:#d32f2f}.wage-reports-wrapper{background:linear-gradient(135deg,#f7f9fc,#e9ecef);border-radius:12px;box-shadow:0 4px 20px #0000000d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.wage-reports-wrapper .dashboard{display:flex;flex-direction:column;gap:24px;padding:16px}.wage-reports-wrapper .header-actions{display:flex;justify-content:flex-start}.wage-reports-wrapper .dropdown-container74{display:flex;justify-content:center;margin-bottom:24px}.wage-reports-wrapper .dropdown{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-position:right 12px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 6px #0000000d;cursor:pointer;font-size:16px;max-width:240px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.wage-reports-wrapper .dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.wage-reports-wrapper .dropdown:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.7}.wage-reports-wrapper .dashboard-row{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.wage-reports-wrapper .button-column{display:flex;flex:1 1;flex-direction:column;gap:12px;max-width:280px;min-width:200px}.wage-reports-wrapper .filter-button{background:linear-gradient(90deg,#5192fb,#5f90f9);border:none;border-radius:8px;box-shadow:0 3px 8px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.wage-reports-wrapper .filter-button:hover{background:linear-gradient(90deg,#2563eb,#1d4ed8);box-shadow:0 5px 12px #00000026;transform:translateY(-2px)}.wage-reports-wrapper .filter-button:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.wage-reports-wrapper .filter-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.wage-reports-wrapper .loading-text{color:#4b5563;font-size:16px;font-weight:500;margin-top:24px;text-align:center}@media (max-width:768px){.wage-reports-wrapper{border-radius:8px;padding:16px}.wage-reports-wrapper .dashboard-row{align-items:center;flex-direction:column}.wage-reports-wrapper .button-column{max-width:100%;width:100%}.wage-reports-wrapper .dropdown{max-width:100%}.wage-reports-wrapper .filter-button{font-size:14px;padding:12px 16px}}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#eef5fa;font-family:Arial,sans-serif;height:auto;min-height:100vh}.container{display:flex;flex-direction:column;min-height:100vh;width:100%}.content-area{display:flex;flex:1 1;flex-direction:column;padding:20px}.logout-container{align-items:center;display:flex;gap:10px;margin-right:-5px;margin-top:-4px}.monitor-instructions-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:0;width:100%}.instructions-header{align-items:center;background-color:#add8e6;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:10px 20px}.logo-section{align-items:center;display:flex;gap:10px}.company-logo{border-radius:4px;height:40px;width:40px}.instructions-header h1{color:#333;font-size:24px;margin:0}.profile-icon,.user-profile{align-items:center;display:flex}.profile-icon{background-color:#fff;border-radius:50%;height:30px;justify-content:center;overflow:hidden;width:30px}.profile-icon img{height:100%;object-fit:cover;width:100%}.action-bar{align-items:center;display:flex;justify-content:space-between;padding:15px 20px}.new-button{background-color:#90ee90}.delete-button,.new-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 20px}.delete-button{background-color:#ff6b6b;color:#fff}.filter-group,.filters{display:flex;gap:10px}.filter-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 10px}.table-actions{align-items:center;display:flex;gap:10px;padding:0 20px 15px}.export-button,.import-button{background-color:#4169e1;border:none;border-radius:4px;color:#fff}.columns-button,.export-button,.import-button{cursor:pointer;font-size:14px;padding:6px 15px}.columns-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;margin-left:auto}.pagination{gap:5px;margin-left:auto;margin-right:10px}.page-button,.pagination{align-items:center;display:flex}.page-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;height:30px;justify-content:center;width:30px}.instructions-table{margin-top:-30px;overflow-x:auto;padding:0 20px 20px}table{background-color:#fff;border-collapse:collapse;box-shadow:0 1px 3px #0000001a;width:100%}td,th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}th{background-color:#f8f9fa;color:#333;font-weight:500}tr:hover{background-color:#f5f5f5}tr.selected{background-color:#e6f7ff}.view-button{background-color:#4169e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 12px}.filter-section10{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px;margin-top:-50px;width:100%}
/*# sourceMappingURL=main.d26bbb9a.css.map*/