.receiptPage{padding:20px;background-color:var(--background-color);min-height:calc(100vh - 40px);font-family:var(--font-sans);color:var(--primary-text-color);overflow:unset!important;scrollbar-width:unset!important}.modalOverlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.4)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:1050!important;overflow:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.modalOverlay::-webkit-scrollbar{display:none!important}.receiptModal{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;background:var(--foreground-color)!important;padding:var(--modal-padding)!important;border-radius:var(--modal-border-radius)!important;width:80%!important;max-width:1000px!important;max-height:80vh!important;overflow:hidden!important;box-shadow:var(--box-shadow)!important;position:relative!important;font-family:var(--font-sans)!important;color:var(--primary-text-color)!important}.receiptModal form{width:100%!important;overflow-y:auto!important;max-height:calc(80vh - 100px)!important;scrollbar-width:thin!important}.receiptModal form::-webkit-scrollbar{width:6px!important}.receiptModal form::-webkit-scrollbar-thumb{background:var(--border-color)!important;border-radius:6px!important}.modalHeader{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin-bottom:var(--modal-header-margin-bottom)!important;padding-bottom:10px!important;border-bottom:1px solid var(--border-color)!important}.modalHeader h1{font-size:var(--title-font-size)!important;font-weight:var(--title-font-weight)!important;color:var(--primary-text-color)!important;margin:0!important}.addReceipt_modalContent{width:var(--modal-content-width)!important;max-width:100%!important;height:var(--modal-content-height)!important;background-color:var(--modal-content-background-color)!important;padding:var(--modal-content-padding)!important;border-radius:var(--modal-content-border-radius)!important;box-shadow:none!important;overflow-y:auto!important}.formRow{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:center;gap:1rem!important}.formInputs{display:flex;flex-direction:column!important;flex:1 1 auto!important;gap:var(--modal-content-row-gap)!important}.formField{display:flex!important;flex-direction:column!important;flex:1;margin:none;width:50%;max-width:50%;background-color:none}#formField_remarks{width:100%!important;max-width:100%!important}.formField label{font-size:var(--input-label-font-size)!important;font-weight:var(--input-label-font-weight)!important;margin-bottom:.25rem!important}.formField input,.formField select,.formField textarea{width:100%!important;padding:.5rem .75rem!important;border:none!important;outline:none!important;border-radius:4px!important;font-family:var(--font-sans)!important;background-color:var(--modal-input-select-background-color);box-shadow:var(--box-shadow)!important}.modalButtons{width:100%!important;margin-top:1.25rem!important;display:flex!important;justify-content:flex-end!important;gap:var(--modal-button-gap)!important}.modalButtons button{width:var(--modal-button-width)!important;height:var(--modal-button-height)!important;font-size:var(--modal-button-font-size)!important;border-radius:var(--modal-button-border-radius)!important;border:none!important;outline:none!important;cursor:pointer!important;color:var(--button-font-color)!important;box-shadow:var(--box-shadow)!important;transition:transform .15s ease,background .15s ease!important;display:flex!important;justify-content:center!important;align-items:center!important}#receipt_addButton,.addButton{background:var(--primary-color)!important}#receipt_addButton:hover,.addButton:hover{background:var(--primary-hover-color)!important}.statusBadge{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500}.statusBadge.paid{background-color:#13CE66;color:white}.statusBadge.pending{background-color:#FFC82C;color:#333}.statusBadge.cancelled{background-color:#961C1E;color:white}.statusBadge.dued{background-color:#FF4949;color:white}.otherCategoryInput{display:flex;align-items:center;gap:8px}.otherCategoryInput input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.clearCategoryBtn{padding:4px;background:none;border:none;cursor:pointer;color:#666}.clearCategoryBtn:hover{color:#961C1E}.ocrConfidence{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;background-color:#f8f9fa}.ocrConfidence.high{color:#13CE66}.ocrConfidence.medium{color:#FFC82C}.ocrConfidence.low{color:#FF4949}.categoryField,.readOnlyCategory{display:flex;align-items:center;gap:8px}.categoryTooltip,.readOnlyCategory{position:relative}.categoryTooltip{display:inline-flex;align-items:center;color:#666;cursor:help}.categoryTooltip i{font-size:1.2em}.tooltipText{visibility:hidden;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:white;text-align:center;padding:8px 12px;border-radius:4px;font-size:.9em;white-space:nowrap;z-index:1;opacity:0;transition:opacity .3s;pointer-events:none;width:max-content;max-width:300px}.categoryTooltip:hover .tooltipText{visibility:visible;opacity:1}.categoryNote{display:block;margin-top:4px;color:#666;font-size:.9em}.overrideBtn{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.overrideBtn:hover{background-color:#f0f0f0;color:#333}.customInputWrapper{display:flex;align-items:center;gap:8px;width:100%}.customInputWrapper input{flex:1}.clearCustomBtn{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.clearCustomBtn:hover{background-color:#f0f0f0;color:#333}.readOnlyCategory input[value="Multiple Categories"]{color:#666;font-style:italic}.readOnlyCategory input[value]:not([value="Multiple Categories"]){color:#333;font-weight:500}.itemsSection table td{padding:8px;vertical-align:middle}.ocr-upload-container,.upload-section{width:100%;margin-bottom:1rem}.upload-section{position:relative;padding:1rem;border:2px dashed #ccc;border-radius:8px;text-align:center}.file-input{width:100%;padding:.5rem;cursor:pointer}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:6px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preview-section{width:100%;max-width:300px;margin:0 auto}.preview-image{width:100%;height:auto;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.source-selection{display:flex;gap:1rem;margin-bottom:1rem}.source-option{flex:1;padding:1rem;border:1px solid #ddd;border-radius:4px;text-align:center;cursor:pointer;background-color:#ccc;transition:all .3s ease}.source-option:hover{border-color:#3498db;background-color:#f8f9fa}.source-option.active{border-color:#3498db;background-color:#fff}.source-option i{font-size:1.5rem;margin-bottom:.5rem;color:#666}.source-option.active i{color:#3498db}.source-option p{margin:0;font-size:.9rem;color:#666}.source-option.active p{color:#3498db;font-weight:500}.ocr-camera-container{width:100%;margin-bottom:1rem}.camera-section{position:relative;width:100%;aspect-ratio:4/3;background-color:#f8f9fa;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center}.camera-preview{width:100%;height:100%;object-fit:cover}.start-camera-btn{padding:1rem 2rem;background-color:#3498db;color:white;border:none;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.start-camera-btn:hover{background-color:#2980b9}.camera-controls{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:1rem;z-index:10}.capture-btn,.stop-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.capture-btn{background-color:#2ecc71;color:white}.capture-btn:hover{background-color:#27ae60}.capture-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.stop-btn{background-color:#e74c3c;color:white}.stop-btn:hover{background-color:#c0392b}.table-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;z-index:2;font-size:1.5rem;font-weight:700}.table-wrapper{position:relative;min-height:300px}.settings{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-bottom:0!important;justify-content:space-between!important}.settings input[type=date],.settings select{padding:0 8px!important;border:none!important;border-radius:4px!important;background-color:var(--foreground-color)!important;color:var(--primary-text-color)!important;transition:border-color .2s!important;width:125px!important}.settings button,.settings input[type=date],.settings select{font-size:var(--page-button-font-size)!important;box-shadow:var(--box-shadow)!important;height:var(--search-input-height)!important}.settings button{cursor:pointer!important;border-radius:5px!important;border:none!important;background-color:var(--secondary-color)!important;color:var(--button-font-color)!important;transition:background-color .2s!important;width:180px!important;display:flex!important;align-items:center!important;gap:.5rem!important;justify-content:center!important}.settings button:hover{background-color:var(--secondary-hover-color)!important}.filters{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.searchBar{display:flex!important;flex-direction:row!important;padding:var(--search-input-padding-right)!important;justify-content:space-between!important;align-items:center!important;border:1px solid var(--border-color)!important;border-radius:var(--search-input-border-radius)!important}.searchBar,.searchBar input[type=text]{width:var(--search-input-width)!important;height:var(--search-input-height)!important}.searchBar input[type=text]{flex:1!important;padding-right:0 8px!important;border:none!important;outline:none!important;border-radius:var(--search-bar-border-radius)!important;font-size:14px!important}.timeDate{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important;font-size:var(--page-button-font-size,1rem)!important;color:var(--primary-text-color,#333)!important;background-color:var(--foreground-color,#fff)!important;border:none!important;border-radius:4px!important;padding:.25rem .75rem!important;height:var(--search-input-height,40px)!important}.add_itemsSection,.itemsSection{width:100%;margin-top:1.5rem}.add_itemsSection table,.itemsSection table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--box-shadow,0 2px 8px rgba(0,0,0,.04))}.add_itemsSection td,.add_itemsSection th,.itemsSection td,.itemsSection th{text-align:center!important;vertical-align:middle!important;font-size:14px;justify-content:center;align-items:center;flex-wrap:wrap}.add_itemsSection td input,.add_itemsSection td select,.itemsSection td input,.itemsSection td select{text-align:center!important;font-size:14px!important}.add_itemsSection thead,.itemsSection thead{background:var(--table-header-color)!important;text-align:center;align-content:center}.add_itemsSection thead th,.itemsSection thead th{background-color:transparent;font-weight:600;color:var(--primary-text-color,#222);border-bottom:2px solid #eee}.add_itemsSection tbody tr,.itemsSection tbody tr{transition:background .2s}.add_itemsSection tbody tr:hover,.itemsSection tbody tr:hover{background-color:#f9fafb}.add_itemsSection td input,.add_itemsSection td select,.itemsSection td input,.itemsSection td select{width:100%;box-sizing:border-box;padding:.5rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;background:#fff}.add_itemsSection .customInputWrapper,.itemsSection .customInputWrapper{display:flex;align-items:center;gap:.5rem}.add_itemsSection .clearCustomBtn,.add_itemsSection .removeItemBtn,.itemsSection .clearCustomBtn,.itemsSection .removeItemBtn{background:none;border:none;color:#e74c3c;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s,color .2s;font-size:1.2rem;display:flex;align-items:center}.add_itemsSection .clearCustomBtn:hover,.add_itemsSection .removeItemBtn:hover,.itemsSection .clearCustomBtn:hover,.itemsSection .removeItemBtn:hover{background:#ffeaea;color:#c0392b}.add_itemsSection td,.itemsSection td{vertical-align:middle}.add_itemsSection td:last-child,.add_itemsSection th:last-child,.itemsSection td:last-child,.itemsSection th:last-child{text-align:center;width:48px}.add_itemsSection tbody tr:last-child{opacity:.5}.add_itemsSection .itemTable td:nth-child(2),.add_itemsSection .itemTable th:nth-child(2),.itemsSection .itemTable td:nth-child(2),.itemsSection .itemTable th:nth-child(2){max-width:120px;width:15ch!important}.add_itemsSection td:nth-child(2) select,.itemsSection td:nth-child(2) select{max-width:100%}.view_itemsSection{width:100%;margin-top:1.5rem}.view_itemsSection table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--box-shadow,0 2px 8px rgba(0,0,0,.04))}.view_itemsSection td,.view_itemsSection th{text-align:center!important;vertical-align:middle!important;font-size:14px;justify-content:center;align-items:center;flex-wrap:wrap}.view_itemsSection td input,.view_itemsSection td select{text-align:center!important;font-size:14px!important}.view_itemsSection thead{background:var(--table-header-color)!important;text-align:center;align-content:center}.view_itemsSection thead th{background-color:transparent;font-weight:600;color:var(--primary-text-color,#222);border-bottom:2px solid #eee}.view_itemsSection tbody tr{transition:background .2s}.view_itemsSection tbody tr:hover{background-color:#f9fafb}.view_itemsSection td input,.view_itemsSection td select{width:100%;box-sizing:border-box;padding:.5rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;background:#fff}.view_itemsSection .customInputWrapper{display:flex;align-items:center;gap:.5rem}.view_itemsSection .clearCustomBtn,.view_itemsSection .removeItemBtn{background:none;border:none;color:#e74c3c;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s,color .2s;font-size:1.2rem;display:flex;align-items:center}.view_itemsSection .clearCustomBtn:hover,.view_itemsSection .removeItemBtn:hover{background:#ffeaea;color:#c0392b}.view_itemsSection td{vertical-align:middle}.view_itemsSection td:last-child,.view_itemsSection th:last-child{text-align:center;width:48px}.view_itemsSection .itemTable td:nth-child(2),.view_itemsSection .itemTable th:nth-child(2){max-width:120px;width:15ch!important}.view_itemsSection td:nth-child(2) select{max-width:100%}@media (max-width:700px){.itemsSection table{display:block;overflow-x:auto;white-space:nowrap}}