.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.send{background-color:var(--highlight-color)}.action-btn.approve{background-color:var(--success-color)}.action-btn.reject{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.send:hover:not(.disabled){background-color:var(--highlight-hover-color)}.action-btn.approve:hover:not(.disabled){background-color:var(--success-hover-color)}.action-btn.reject: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-table-body td .action-btn{background:none}.modal-table-body td .action-btn.view{color:var(--success-color)}.modal-table-body td .action-btn.edit{color:var(--info-color)}.modal-table-body td .action-btn.delete{color:var(--error-color)}.modal-table-body td .action-btn.send{color:var(--highlight-color)}.modal-table-body td .action-btn.approve{color:var(--success-color)}.modal-table-body td .action-btn.reject{color:var(--error-color)}.modal-table-body td .action-btn:hover:not(.disabled){background:none}.modal-table-body td .action-btn.edit:hover:not(.disabled){color:var(--success-hover-color);background:none;color:var(--info-hover-color)}.modal-table-body td .action-btn.delete:hover:not(.disabled){background:none;color:var(--error-hover-color)}.modal-table-body td .action-btn.send:hover:not(.disabled){background:none;color:var(--highlight-hover-color)}.modal-table-body td .action-btn.approve:hover:not(.disabled){background:none;color:var(--success-hover-color)}.modal-table-body td .action-btn.reject:hover:not(.disabled){background:none;color:var(--error-hover-color)}.modal-table-body td .action-btn.disabled{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 .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 .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-form,.modal-content.edit .edit-form,.modal-content.view .view-form,.modal-content.view-expired .view-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 label.required:after{content:" *";color:var(--error-color)}.form-group input,.form-group select,.form-group textarea{min-width:200px;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 input[type=number]{min-width:200px;width:100%;padding:6px 12px}.form-group select{padding:8px 12px}.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{min-width:550px;display:flex;justify-content:space-between;gap:15px;margin:15px 0}.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-form .form-group{margin-bottom:5px}.view-form .form-group p{margin-top:5px;padding:6px 12px;min-width:200px;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}.form-group input.invalid-input,.form-group select.invalid-input,.form-group textarea.invalid-input{border:1px solid var(--error-color);outline:none}.add-form .add-error-message,.edit-form .edit-error-message{margin:5px;font-size:12px;color:var(--error-color)}.add-form .add-error-message.quantity{margin-top:-5px;margin-bottom:5px}.add-form .add-info-message,.edit-form .edit-info-message{margin:5px;font-size:12px;color:var(--secondary-text-color);font-style:italic}.details-title,.view-form .details-title{font-size:16px;font-weight:600;color:var(--secondary-text-color);margin-bottom:10px;margin-top:20px}.details-header{justify-content:space-between}.details-header,.upload-zone{display:flex;align-items:center}.upload-zone{border:2px dashed var(--table-header-color);border-radius:8px;padding:12px 16px;gap:12px;transition:all .2s ease;background-color:var(--foreground-color);cursor:pointer;margin-top:10px}.upload-zone:hover{border-color:var(--border-color);background-color:var(--background-color)}.upload-icon{font-size:30px;color:var(--tertiary-text-color);flex-shrink:0;margin:0 10px}.upload-text{font-size:14px;font-weight:500;color:var(--primary-text-color);margin:0}.upload-subtext{font-size:11px;color:var(--secondary-text-color);margin:2px 0 0}.upload-input{display:none}.uploaded-files-label{font-size:12px;font-weight:600;color:var(--secondary-text-color);margin-top:16px}.uploaded-files-container{margin:8px 0}.uploaded-files-list{display:flex;flex-direction:column;gap:8px;padding:0;margin:0;list-style:none}.file-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--table-header-color);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.file-item:hover{background-color:var(--table-header-hover-color);border-color:var(--tertiary-text-color);box-shadow:0 2px 8px rgba(0,0,0,.06)}.file-item.view-only{cursor:default}.file-item.view-only:hover{background-color:var(--table-header-color);border-color:var(--border-color);box-shadow:none}.file-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12x;color:var(--foreground-color);flex-shrink:0}.file-icon.pdf{background:var(--error-color)}.file-icon.image{background:var(--success-color)}.file-icon.text{background:var(--info-color)}.file-icon.other{background:var(--secondary-text-color)}.file-info{flex:1;min-width:0}.file-name,.view-form .form-group .file-name{font-size:12px;font-weight:500;color:var(--primary-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0;background:none;border:none;box-shadow:none}.file-size,.view-form .form-group .file-size{font-size:11px;color:var(--secondary-text-color);margin:2px 0 0}.remove-file-button{color:var(--secondary-text-color);cursor:pointer;padding:4px;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.remove-file-button:hover{color:var(--error-color);transform:scale(1.15)}.remove-file-button:active{transform:scale(.9)}.modal-table-wrapper{border-radius:8px;overflow:hidden;box-shadow:var(--box-shadow);background-color:var(--foreground-color);width:100%;max-height:calc(6 * 40px);margin-bottom:15px;border:1px solid var(--border-color);display:flex;justify-self:center}.modal-table-container{width:100%;height:auto;max-height:inherit;overflow-y:auto;overflow-x:auto}.modal-table-container::-webkit-scrollbar{width:8px;height:8px}.modal-table-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.modal-table-container::-webkit-scrollbar-track{background-color:var(--table-row-color);border-radius:8px}.modal-table{width:100%;border-collapse:collapse;font-size:12px}.modal-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)}.modal-table-body{text-align:center;vertical-align:middle;background-color:var(--foreground-color);color:var(--secondary-text-color)}.modal-table-body tr{height:40px;border-bottom:1px solid var(--border-color);transition:all .2s ease-in-out}.modal-table-body tr:hover{background-color:var(--table-row-color)}.modal-table-body td,.modal-table-heading th{max-width:150px;padding:5px 15px;white-space:normal;word-wrap:break-word;text-overflow:ellipsis}.modal-table-add-btn{width:120px;height:30px;display:flex;justify-content:center;align-items:center;gap:5px;border-radius:8px;background-color:var(--info-color);color:var(--foreground-color);font-size:12px;font-weight:600;transition:all .3s ease-in-out;cursor:pointer}.modal-table-add-btn i{font-weight:500}.modal-table-add-btn:hover{background-color:var(--info-hover-color)}.searchable-select-wrapper{position:relative;width:100%}.searchable-select-wrapper input{width:100%;box-sizing:border-box}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--foreground-color);border:1px solid var(--border-color);border-top:none;border-radius:0 0 6px 6px;box-shadow:0 2px 8px rgba(0,0,0,.15);max-height:200px;overflow-y:auto;z-index:1000;scrollbar-width:none;-ms-overflow-style:none}.searchable-select-dropdown::-webkit-scrollbar{display:none}.searchable-select-option{padding:8px 12px;cursor:pointer;font-size:14px;color:var(--primary-text-color);transition:background-color .2s ease;border-bottom:1px solid var(--table-header-color)}.searchable-select-option:last-child{border-bottom:none}.searchable-select-option:hover{background-color:var(--table-row-color)}.searchable-select-option.custom{color:var(--info-color);font-style:italic}.searchable-select-option .option-unit{color:var(--secondary-text-color);font-size:12px}.new-item-star{color:#FFD700;font-weight:700;font-size:16px}.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.inactive,.chip.not-returned,.chip.out-of-stock,.chip.rejected{background-color:var(--error-chip-bg-color);color:var(--error-chip-text-color)}.chip.adjusted,.chip.consumed,.chip.maintenance,.chip.under-maintenance{background-color:var(--info-chip-bg-color);color:var(--info-chip-text-color)}.chip.draft,.chip.in-use,.chip.low-stock,.chip.pending{background-color:var(--warning-chip-bg-color);color:var(--warning-chip-text-color)}.chip.closed,.chip.expired{background-color:var(--expired-chip-bg-color);color:var(--primary-text-color)}.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)}.table-total-row{border-top:2px solid #dee2e6;background-color:#f8f9fa;font-weight:700}.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}.default-btn,.search i{display:flex;align-items:center;height:35px}.default-btn{width:160px;justify-content:center;gap:8px;border-radius:8px;background-color:var(--table-header-color);color:var(--secondary-text-color);font-size:14px;transition:all .3s ease-in-out;cursor:pointer}.default-btn:hover{background-color:var(--border-color)}.generate-btn{width:160px;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;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:12px;font-style:italic;color:var(--secondary-text-color);margin-bottom:10px;padding-left:5px}.fetch-container{height:100%}.fetch-container,.fetch-error{display:flex;flex-direction:column;justify-content:center;align-items:center}.fetch-error{margin-bottom:30px;font-size:16px}.fetch-error i{line-height:100px;font-size:75px;color:var(--error-color)}.fetch-container .retry-btn{width:80px;height:35px;border-radius:8px;background-color:var(--primary-color);color:var(--foreground-color);font-size:14px;transition:all .3s ease-in-out;cursor:pointer}.fetch-container .retry-btn:hover{background-color:var(--primary-hover-color)}.loading-bus{width:80px;height:40px;margin-bottom:15px;position:relative;animation:drive 3s ease-in-out infinite}.loading-bus:before{content:"";position:absolute;width:100%;height:100%;background:transparent;border:3px solid var(--primary-color);border-radius:8px 8px 4px 4px;box-sizing:border-box}.loading-bus:after{content:"";position:absolute;top:6px;left:8px;width:12px;height:12px;background:var(--primary-color);border-radius:2px;box-shadow:18px 0 0 var(--primary-color),36px 0 0 var(--primary-color),54px 0 0 var(--primary-color)}.loading-bus .wheel{position:absolute;bottom:-8px;width:18px;height:18px;background-color:var(--foreground-color);border:5px solid var(--primary-text-color);border-radius:50%;animation:spin .8s linear infinite}.loading-bus .wheel:first-child{left:8px}.loading-bus .wheel:last-child{right:8px}.loading-text{font-size:16px;font-weight:600;letter-spacing:3px;color:var(--primary-text-color);display:inline-block}.loading-text span{display:inline-block;animation:wave 3s ease-in-out infinite}.loading-text span:first-child{animation-delay:0s}.loading-text span:nth-child(2){animation-delay:.1s}.loading-text span:nth-child(3){animation-delay:.2s}.loading-text span:nth-child(4){animation-delay:.3s}.loading-text span:nth-child(5){animation-delay:.4s}.loading-text span:nth-child(6){animation-delay:.5s}.loading-text span:nth-child(7){animation-delay:.6s}@keyframes drive{0%,to{transform:translateX(-10px)}50%{transform:translateX(10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wave{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-5px)}}.page-container{width:100%;min-height:100vh;background-color:#f8f9fa;padding:20px}.tabs-container{margin-bottom:20px}.tabs-nav{display:inline-flex;background-color:#f1f5f9;border-radius:8px;padding:4px;gap:0}.tab-button{padding:8px 16px;background-color:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s ease;border-radius:6px;white-space:nowrap;min-width:auto}.tab-button:hover{color:#475569}.tab-button.active{color:#1e293b;background-color:white;box-shadow:0 1px 3px rgba(0,0,0,.1)}.tab-button:focus{outline:none}.tab-content{width:100%}.tab-panel{width:100%;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.page-container{padding:10px}.tab-button{padding:8px 12px;font-size:13px}}@media (max-width:480px){.tabs-nav{width:100%;justify-content:center}.tab-button{flex:1;text-align:center}}.modal-container.large{max-width:90vw;max-height:90vh}.report-preview{padding:20px;background:white;min-height:400px}.report-header{text-align:center;margin-bottom:20px;border-bottom:1px solid #e5e7eb;padding-bottom:15px}.report-header h1{margin:0 0 10px;font-size:18px;font-weight:700}.report-header h2{margin:0 0 10px;font-size:14px;font-weight:500}.report-header p{margin:5px 0;font-size:10px;color:#6b7280}.report-summary{display:flex;justify-content:space-around;margin:20px 0;padding:15px;background-color:#f9fafb;border-radius:8px}.summary-item{text-align:center}.summary-number{display:block;font-size:18px;font-weight:700;color:#1f2937}.summary-label{display:block;font-size:12px;color:#6b7280;margin-top:4px}.report-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:12px}.report-table td,.report-table th{border:1px solid #e5e7eb;padding:8px;text-align:left}.report-table th{font-weight:600}.report-table th,.report-table tr:nth-child(2n){background-color:#f9fafb}.report-footer{margin-top:30px;text-align:center;font-size:10px;color:#6b7280;border-top:1px solid #e5e7eb;padding-top:15px}