.action-buttons{display:flex;justify-content:center;gap:5px}.action-btn{padding:3px 6px;font-size:14px;border-radius:4px;color:var(--foreground-color);transition:all .3s ease-in-out;cursor:pointer;border:none}.action-btn.view{background-color:var(--success-color)}.action-btn.edit{background-color:var(--info-color)}.action-btn.delete{background-color:var(--error-color)}.action-btn.view:hover:not(.disabled){background-color:var(--success-hover-color)}.action-btn.edit:hover:not(.disabled){background-color:var(--info-hover-color)}.action-btn.delete:hover:not(.disabled){background-color:var(--error-hover-color)}.action-btn.disabled{background-color:var(--expired-chip-bg-color);color:var(--secondary-text-color);opacity:.5;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:100}.modal{animation:modal-fade-in .2s ease-out;background-color:var(--foreground-color);border-radius:8px;max-height:calc(100% * 14 / 19);max-width:calc(100% * 14 / 24);position:relative;box-shadow:0 5px 15px rgba(0,0,0,.3);display:flex;flex-direction:column}.modal-content-wrapper{flex:1;overflow-y:auto;padding:0 32px 32px}.modal-content-wrapper::-webkit-scrollbar{width:8px;height:8px}.modal-content-wrapper::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.modal-content-wrapper::-webkit-scrollbar-track{background-color:var(--table-row-color);border-radius:0 12px 12px 0}.modal-heading{padding:47px 0 5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:100px;position:sticky;top:0;background-color:var(--foreground-color);z-index:10}.close-modal-btn{width:30px;height:30px;border:none;cursor:pointer;border-radius:50%;position:absolute;top:12px;right:-16px;font-size:20px;color:var(--primary-text-color);z-index:15;transition:all .3s ease-in-out}.close-modal-btn:hover{background-color:var(--table-row-color)}.modal-title{font-size:24px;font-weight:700}.modal-subtitle{font-size:18px;font-weight:700;margin-top:25px;margin-bottom:10px}.modal-date-time{display:flex;flex-direction:row;justify-content:space-between;gap:25px;font-size:14px}.modal-content{background-color:var(--table-row-color);padding:16px;margin:10px 0 20px;border-radius:8px}.modal-actions{display:flex;flex-direction:row;justify-content:flex-end;gap:20px;margin-top:32px}.modal-actions .submit-btn{width:170px;height:35px;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;background-color:var(--primary-color);color:var(--foreground-color);font-size:14px;font-weight:600;transition:all .3s ease-in-out;cursor:pointer}.modal-actions .submit-btn i{font-weight:500}.modal-actions .submit-btn:hover{background-color:var(--primary-hover-color)}.modal-actions .add-another-btn{width:200px;height:35px;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;background-color:var(--table-row-color);font-size:14px;font-weight:600;transition:all .3s ease-in-out;cursor:pointer}.modal-actions .add-another-btn:hover{background-color:var(--table-row-hover-color)}.modal-actions .add-another-btn i{font-weight:500}.remove-btn-wrapper{margin-top:12px;display:flex;flex-direction:row;justify-content:right}.add-maintenance-btn-wrapper,.remove-maintenance-btn-wrapper{margin-top:0;display:flex;align-items:center;justify-content:center}.add-maintenance-btn-wrapper .add-maintenance-btn{color:var(--secondary-text-color)}.add-maintenance-btn-wrapper .add-maintenance-btn,.remove-btn-wrapper .remove-request-btn,.remove-btn-wrapper .remove-stock-btn,.remove-maintenance-btn-wrapper .remove-maintenance-btn{display:flex;justify-content:center;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;background-color:transparent;font-size:14px;font-weight:600;transition:all .3s ease-in-out;cursor:pointer}.remove-btn-wrapper .remove-request-btn,.remove-btn-wrapper .remove-stock-btn,.remove-maintenance-btn-wrapper .remove-maintenance-btn{color:var(--error-color)}.remove-btn-wrapper .remove-request-btn:hover,.remove-btn-wrapper .remove-stock-btn:hover{background-color:var(--table-row-hover-color)}.remove-btn-wrapper.expired{margin-top:0;display:flex;flex-direction:row;justify-content:right}.remove-btn-wrapper.expired .remove-stock-btn{padding:0 3px;background-color:transparent;color:var(--error-color);font-size:16px;font-weight:500;cursor:pointer}.modal-actions.delete .delete-btn{width:120px;height:35px;border-radius:8px;background-color:var(--primary-color);color:var(--foreground-color);font-size:14px;font-weight:600;transition:all .3s ease-in-out;cursor:pointer}.modal-actions.delete .delete-btn:hover{background-color:var(--primary-hover-color)}.modal-actions.delete .cancel-btn{width:120px;height:35px;border-radius:8px;background-color:var(--table-row-color);font-size:14px;font-weight:600;transition:all .3s ease-in-out;cursor:pointer}.modal-actions.delete .cancel-btn:hover{background-color:var(--table-row-hover-color)}.modal-actions .preview-btn{width:170px;height:35px;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;background-color:var(--secondary-color);color:var(--foreground-color);font-size:14px;font-weight:600;transition:all .3s ease-in-out;cursor:pointer}.modal-actions .preview-btn i{font-weight:500}.modal-actions .preview-btn:hover{background-color:var(--secondary-hover-color)}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:10px;flex-wrap:wrap}.pagination-dropdown{max-width:max-content;padding:6px;color:var(--secondary-text-color);background-color:var(--foreground-color);border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:all .3s ease-in-out}.pagination-dropdown:focus{outline:none;border-color:var(--primary-text-color)}.pagination-button-container{display:flex;width:40%;align-items:center;justify-content:center;gap:5px}.pagination-button,.pagination-button-prevnext{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;outline:none;border:none;border-radius:50%;background-color:transparent;cursor:pointer;font-size:14px;color:var(--border-color);transition:all .3s ease-in-out}.pagination-button-prevnext{color:var(--secondary-text-color);opacity:.6}.pagination-button-prevnext:hover,.pagination-button:hover{background-color:var(--table-row-color)}.pagination-button-prevnext{font-size:18px}.pagination-button.active{background-color:var(--primary-color);color:var(--foreground-color);font-weight:600}.pagination-button-prevnext:disabled{background-color:transparent;color:var(--border-color);cursor:not-allowed}.pagination-ellipsis{padding:0 8px;color:#6C757D}.pagination-goto-container{justify-content:center}.pagination-go-to,.pagination-goto-container{display:flex;flex-direction:row;align-items:center;gap:5px}.pagination-go-to,.pagination-input{font-size:14px;color:var(--secondary-text-color)}.pagination-input{width:max-content;max-width:80px;padding:4px;background-color:var(--foreground-color);border:1px solid var(--border-color);border-radius:6px;transition:all .3s ease-in-out}.pagination-input:focus{outline:none;border-color:var(--primary-text-color)}.pagination-go-button{padding:4.5px 8px;background-color:var(--border-color);color:var(--secondary-text-color);cursor:pointer;border-radius:6px;font-size:14px;transition:all .3s ease-in-out}.pagination-go-button:hover{background-color:var(--table-header-color)}.swal-custom-popup{border-radius:8px}.swal2-popup *{font-family:Open Sans,sans-serif}.swal2-title{color:var(--primary-text-color);font-size:24px}.swal2-html-container{font-size:16px;color:var(--primary-text-color);margin:15px 5px}.swal2-icon.swal2-success{border-color:var(--success-color)!important;color:var(--success-color)!important}.swal2-success-line-long,.swal2-success-line-tip{background-color:var(--success-color)!important}.swal2-icon.swal2-error{border-color:var(--error-color)!important;color:var(--error-color)!important}.swal2-x-mark-line-left,.swal2-x-mark-line-right{background-color:var(--error-color)!important}.swal2-icon.swal2-warning{border-color:var(--warning-color)!important;color:var(--warning-color)!important}.swal2-icon.swal2-info,.swal2-icon.swal2-question{border-color:var(--info-color)!important;color:var(--info-color)!important}.swal2-actions{display:flex;gap:10px;margin-bottom:10px}.swal2-confirm{background-color:var(--primary-color);color:var(--foreground-color)}.swal2-cancel,.swal2-confirm{min-width:120px;border-radius:8px;font-size:14px;transition:all .3s ease-in-out;cursor:pointer}.swal2-cancel{background-color:var(--table-row-color);color:var(--primary-text-color)}.swal2-confirm:hover{background-color:var(--primary-hover-color)}.swal2-cancel:hover{background-color:var(--table-row-hover-color)}.swal2-timer-progress-bar{background:var(--success-color)!important;height:6px!important;border-radius:4px!important}.modal-content.add .add-bus-disposal-form,.modal-content.add .add-bus-form,.modal-content.add .add-bus-maintenance-form,.modal-content.add .add-order-form,.modal-content.add .add-request-form,.modal-content.add .add-stock-disposal-form,.modal-content.add .add-stock-form,.modal-content.add .add-stock-maintenance-form,.modal-content.edit .edit-bus-disposal-form,.modal-content.edit .edit-bus-form,.modal-content.edit .edit-bus-maintenance-form,.modal-content.edit .edit-order-form,.modal-content.edit .edit-request-form,.modal-content.edit .edit-stock-disposal-form,.modal-content.edit .edit-stock-form,.modal-content.edit .edit-stock-maintenance-form,.modal-content.view .view-bus-disposal-form,.modal-content.view .view-bus-form,.modal-content.view .view-bus-maintenance-form,.modal-content.view .view-order-form,.modal-content.view .view-request-form,.modal-content.view .view-stock-disposal-form,.modal-content.view .view-stock-form,.modal-content.view .view-stock-maintenance-form,.modal-content.view-expired .view-stock-form{width:100%;display:flex;flex-direction:column;justify-self:center;gap:12px}.form-group{display:flex;flex-direction:column;flex:1;width:100%}.form-column{width:300px;flex-direction:column}.form-column,.form-row{display:flex;gap:16px}.form-group label{font-weight:600;color:var(--secondary-text-color);font-size:14px}.form-group input,.form-group select,.form-group textarea{margin-top:5px;background-color:var(--foreground-color);border:1px solid var(--foreground-color);box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:6px;font-size:14px;transition:all .3s ease-in-out}.form-group input{padding:6px 12px}.form-group textarea{padding:6px 12px;min-width:600px;height:80px;resize:none}.form-group textarea.order{padding:6px 12px;min-width:300px;height:100%;resize:none}.form-group input[type=number]{width:100%;padding:6px 12px}.form-group select{padding:8px 12px}.edit-stock-form .form-group.category{margin-bottom:5px}.edit-stock-form .form-group.expiration{margin:5px 0}.form-group input:disabled,.form-group input:read-only,.form-group select:disabled,.form-group textarea:disabled{background-color:var(--background-color);border:1px solid var(--background-color);color:var(--secondary-text-color);cursor:not-allowed}.form-group select:disabled{background-color:var(--background-color);border:1px solid var(--background-color);color:var(--secondary-text-color);appearance:none;padding:6px 12px}.form-group input:disabled:hover,.form-group input:read-only:hover,.form-group select:disabled:hover,.form-group textarea:disabled:hover{border-color:var(--background-color)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-color)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-text-color)}.modal-content.view,.modal-content.view-expired{min-width:550px;display:flex;justify-content:space-between;gap:15px;margin:15px 0}.modal-content.view-expired{background-color:var(--error-chip-bg-color)}.close-modal-btn.view{width:30px;height:30px;border:none;cursor:pointer;border-radius:50%;position:absolute;top:12px;right:16px;font-size:20px;color:var(--primary-text-color);transition:all .3s ease-in-out}.close-modal-btn.view:hover{background-color:var(--table-row-color)}.view-bus-disposal-form .form-group,.view-bus-form .form-group,.view-bus-maintenance-form .form-group,.view-order-form .form-group,.view-request-form .form-group,.view-stock-disposal-form .form-group,.view-stock-form .form-group,.view-stock-maintenance-form .form-group{margin-bottom:5px}.view-bus-disposal-form .form-group p,.view-bus-form .form-group p,.view-bus-maintenance-form .form-group p,.view-order-form .form-group p,.view-request-form .form-group p,.view-stock-disposal-form .form-group p,.view-stock-form .form-group p,.view-stock-maintenance-form .form-group p{margin-top:5px;padding:6px 12px;background-color:var(--foreground-color);border:1px solid var(--foreground-color);box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:6px;font-size:14px}.modal-heading.delete{margin:0 0 15px;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:10px}.modal-heading.delete i{font-size:26px;color:var(--error-color)}.modal-content.delete{background-color:var(--foreground-color);text-align:center}.modal-actions.delete{display:flex;flex-direction:row;justify-content:center;gap:20px;margin-top:32px}.form-group input.invalid-input,.form-group select.invalid-input,.form-group textarea.invalid-input{border:1px solid var(--error-color);outline:none}.add-bus-disposal-form .add-error-message,.add-bus-form .add-error-message,.add-bus-maintenance-form .add-error-message,.add-order-form .add-error-message,.add-request-form .add-error-message,.add-stock-disposal-form .add-error-message,.add-stock-form .add-error-message,.add-stock-maintenance-form .add-error-message,.edit-bus-disposal-form .edit-error-message,.edit-bus-form .edit-error-message,.edit-bus-maintenance-form .edit-error-message,.edit-order-form .edit-error-message,.edit-request-form .edit-error-message,.edit-stock-disposal-form .edit-error-message,.edit-stock-form .edit-error-message,.edit-stock-maintenance-form .edit-error-message{margin:5px;font-size:12px;color:var(--error-color)}.add-stock-form .add-error-message.quantity{margin-top:-5px;margin-bottom:5px}.bus-details-title{font-size:16px;font-weight:500;color:var(--secondary-text-color);margin-bottom:10px;margin-top:20px}.uploaded-documents-list{margin-bottom:5px;padding-left:0;list-style:none}.uploaded-document-item{display:flex;align-items:center;gap:8px;margin-bottom:6px;margin-left:20px;margin-top:10px;background-color:var(--table-header-color);color:var(--secondary-text-color);padding:3px 20px;border-radius:30px;width:fit-content;font-size:14px}.existing-cr-note{font-size:12px;font-style:italic;margin:5px;color:var(--secondary-text-color)}.remove-document-button{background:none;border:none;color:var(--error-color);cursor:pointer;padding:0;font-size:16px}.view-documents-list{margin-bottom:5px;padding-left:0}.view-document-item{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 20px 6px;background-color:var(--table-header-color);color:var(--secondary-text-color);padding:8px 20px;border-radius:30px;width:fit-content;font-size:14px;min-width:200px;text-decoration:none;transition:all .3s ease-in-out}.view-document-item.link:hover{background-color:var(--border-color);color:var(--secondary-text-color);cursor:pointer}.view-document-item.error{background-color:var(--error-chip-bg-color);color:var(--error-chip-text-color)}.view-document-item.no-files{background-color:var(--table-header-color);color:var(--secondary-text-color);font-style:italic}.search{display:flex;align-items:center}.search input{border:1px solid var(--border-color);border-left:none;border-radius:0 8px 8px 0;width:250px;height:35px;padding:0 8px;font-size:14px}.search input:focus{outline:none}.search i{border:1px solid var(--border-color);border-right:none;border-radius:8px 0 0 8px;padding:8px}.generate-btn,.search i{display:flex;align-items:center;height:35px}.generate-btn{width:160px;justify-content:center;gap:8px;border-radius:8px;background-color:var(--secondary-color);color:var(--foreground-color);font-size:14px;transition:all .3s ease-in-out;cursor:pointer}.generate-btn:hover{background-color:var(--secondary-hover-color)}.main-btn{width:160px;height:35px;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;background-color:var(--primary-color);color:var(--foreground-color);font-size:14px;transition:all .3s ease-in-out;cursor:pointer}.main-btn:hover{background-color:var(--primary-hover-color)}.filter{flex:1;display:flex;gap:15px;position:relative;display:inline-block}.filter-btn{width:85px;height:35px;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;background-color:var(--table-row-color);border:1px solid var(--border-color);color:var(--secondary-text-color);font-size:14px;transition:all .3s ease-in-out;cursor:pointer}.filter-btn:hover{background-color:var(--table-row-hover-color)}.filter-dropdown{position:absolute;top:40px;left:0;width:400px;max-height:400px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);background:var(--foreground-color);border:1px solid var(--table-row-color);color:var(--secondary-text-color);padding:16px;font-size:12px;overflow-x:auto;z-index:500}.filter-dropdown::-webkit-scrollbar{width:8px;height:8px}.filter-dropdown::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.filter-dropdown::-webkit-scrollbar-track{background-color:var(--table-row-color);border-radius:8px}.filter-section{margin-bottom:12px}.filter-section h3{color:var(--primary-text-color);margin-bottom:8px;font-weight:600}.date-range-inputs{display:flex;flex-direction:row;justify-content:space-between;gap:15px}.date-field{width:100%;display:flex;flex-direction:column;gap:5px}.date-field input{flex:1;padding:6px 12px;background-color:var(--table-row-color);border:1px solid var(--table-row-color);border-radius:4px;transition:all .2s ease}.date-field input:hover{border:1px solid var(--border-color)}.date-field input:focus{outline:none;border-color:var(--primary-text-color)}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{padding:6px 12px;background-color:var(--table-row-color);border:1px solid var(--table-row-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.filter-option:hover{border:1px solid var(--border-color)}.filter-option.selected{background-color:#EEDDDD;color:var(--primary-color);border-color:var(--primary-color)}.filter-actions{display:flex;justify-content:space-between;margin-top:20px;gap:15px}.filter-actions .clear-btn{flex:1;padding:8px;background-color:var(--table-row-color);color:var(--primary-text-color);border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease-in-out}.filter-actions .clear-btn:hover{background-color:var(--table-row-hover-color)}.filter-actions .apply-btn{flex:1;padding:8px;background-color:var(--primary-color);color:var(--foreground-color);border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease-in-out}.filter-actions .apply-btn:hover{background-color:var(--primary-hover-color)}.filter-results{font-size:14px;font-style:italic;color:var(--secondary-text-color);margin-bottom:10px;padding-left:5px}.table-wrapper{border-radius:8px;overflow:hidden;box-shadow:var(--box-shadow);background-color:var(--foreground-color);width:100%;height:360px;margin-bottom:15px;border:1px solid var(--border-color);display:flex;justify-self:center}.table-container{width:100%;height:100%;overflow-x:auto;scrollbar-width:none}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.table-container::-webkit-scrollbar-track{background-color:var(--table-row-color);border-radius:8px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.table-heading{position:sticky;top:0;z-index:2;height:40px;background-color:var(--table-header-color);color:var(--primary-text-color);font-weight:700;border-bottom:1px solid var(--border-color)}.table-body{text-align:center;color:var(--secondary-text-color);vertical-align:middle;background-color:var(--foreground-color)}.table-body tr{height:40px;border-bottom:1px solid var(--border-color);transition:all .2s ease-in-out}.table-body tr:hover{background-color:var(--table-row-color)}.table-body td,.table-heading th{padding:5px 15px;text-overflow:ellipsis}.table-body .table-status{white-space:nowrap}.no-records{text-align:center;font-style:italic;font-size:14px;color:var(--primary-text-color)}.chip{padding:3px 10px;border-radius:12px;font-size:12px;display:inline-block}.chip.active,.chip.approved,.chip.available,.chip.completed,.chip.returned{background-color:var(--success-chip-bg-color);color:var(--success-chip-text-color)}.chip.decommissioned,.chip.not-returned,.chip.out-of-stock{background-color:var(--error-chip-bg-color);color:var(--error-chip-text-color)}.chip.completed,.chip.consumed,.chip.maintenance,.chip.under_maintenance{background-color:var(--info-chip-bg-color);color:var(--info-chip-text-color)}.chip.in-use,.chip.low-stock,.chip.pending{background-color:var(--warning-chip-bg-color);color:var(--warning-chip-text-color)}.chip.expired{background-color:var(--expired-chip-bg-color);color:var(--primary-text-color)}