._container_b2luq_2{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:#657660;padding-top:20vh}._wrapper_b2luq_11{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}._card_b2luq_19{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:2.5rem;width:100%}._title_b2luq_27{text-align:center;color:#2c2c2c;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}._form_b2luq_35{display:flex;flex-direction:column;gap:1rem}._input_b2luq_41{padding:.75rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s,box-shadow .2s}._input_b2luq_41::placeholder{color:#999;font-style:normal}._input_b2luq_41:focus{outline:none;border-color:#657660;box-shadow:0 0 0 3px #6576601a}._input_b2luq_41:disabled{background-color:#f5f5f5;cursor:not-allowed}._button_b2luq_65{padding:.75rem 1.5rem;background-color:#657660!important;color:#fff!important;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem;flex:none!important}._button_b2luq_65:hover:not(:disabled){background-color:#4a5848!important}._button_b2luq_65:disabled{opacity:.6;cursor:not-allowed}._error_b2luq_88{background-color:#fff0f0;border:1px solid #ffcdd2;color:#c62828;padding:.75rem 1rem;border-radius:4px;font-size:.875rem;margin-bottom:1rem}._entitySection_b2luq_98{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:1.5rem 2.5rem 2.5rem;width:100%;margin-top:1rem}._entityTitle_b2luq_107{color:#2c2c2c;font-size:1rem;font-weight:500;margin-bottom:1rem}._entityList_b2luq_114{display:flex;flex-direction:column;gap:.5rem}._entityButton_b2luq_120{padding:.75rem 1rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:.875rem;cursor:pointer;text-align:left;transition:background-color .2s,border-color .2s}._entityButton_b2luq_120:hover{background-color:#e8e8e8;border-color:#657660}._entityButton_b2luq_120._selected_b2luq_136{background-color:#657660;color:#fff;border-color:#657660}._entityInfo_b2luq_142{display:flex;justify-content:space-between;align-items:center}._entityName_b2luq_148{font-weight:500}._entityBadge_b2luq_152{font-size:.75rem;padding:.125rem .5rem;border-radius:10px;background-color:#0000001a}._entityButton_b2luq_120._selected_b2luq_136 ._entityBadge_b2luq_152{background-color:#fff3}._appLayout_1685e_3{display:grid;grid-template-columns:250px 1fr;gap:0;height:100vh;overflow:hidden;margin:0;padding:0}._leftColumn_1685e_13{display:flex;flex-direction:column;background:#2c3e50;color:#fff;border:none;box-shadow:none;outline:none}._rightColumn_1685e_23{display:flex;flex-direction:column;background:#fff;overflow-y:auto;padding-top:20px;gap:8px;margin:0;border:none;outline:none;box-shadow:none}._rightColumn_1685e_23::-webkit-scrollbar{width:0px;background:transparent}._rightColumn_1685e_23::-webkit-scrollbar-track{background:transparent}._rightColumn_1685e_23::-webkit-scrollbar-thumb{background:transparent}._topBar_1685e_50{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:5px;background:#fff;border-bottom:1px solid #e0e0e0}._controlPane_1685e_63{display:flex;justify-content:flex-end;gap:10px}._tabsPane_1685e_69{padding:15px 20px;background:#fff;border-bottom:1px solid #e0e0e0}._contextPane_1685e_75{flex:1;padding:0;overflow-y:auto}._twoColumnPattern_1685e_82{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1400px;margin:0 auto}._twoColumnPattern_1685e_82>div{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media(max-width:1024px){._appLayout_1685e_3{grid-template-columns:1fr}._leftColumn_1685e_13{display:none}._twoColumnPattern_1685e_82{grid-template-columns:1fr}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content,.popup-dialog{background:#fff;border-radius:8px;max-width:600px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 4px 20px #0000004d}.popup-content.large,.popup-dialog.large{max-width:1200px}.popup-content.document-form,.popup-dialog.document-form{max-width:700px}.popup-title{margin:0;font-size:var(--font-size-large);color:var(--color-text)}.popup-close{background:transparent;border:none;font-size:28px;color:var(--color-text-light);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:var(--transition)}.popup-close:hover{background:var(--color-bg);color:var(--color-text)}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg)}.popup-header h2{margin:0;font-size:var(--font-size-large);color:var(--color-text)}.close-btn{background:transparent;border:none;font-size:28px;color:var(--color-text-light);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:var(--transition)}.close-btn:hover{background:var(--color-bg);color:var(--color-text)}.popup-body{padding:var(--spacing-lg)}.popup-footer{padding:var(--spacing-lg);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.popup-footer button{padding:var(--button-padding-vertical) var(--button-padding-horizontal);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition);flex:0 0 auto;width:auto}.popup-footer .btn-primary{background:var(--color-primary);color:#fff}.popup-footer .btn-primary:hover{background:var(--color-primary-hover)}.popup-footer .btn-secondary{background:#6c757d;color:#fff}.popup-footer .btn-secondary:hover{background:#5a6268}.popup-footer .btn-primary:disabled,.popup-footer .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.popup-dialog button.btn-popup-action{padding:var(--button-padding-vertical) var(--button-padding-horizontal);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition);background:var(--color-primary);color:#fff;width:auto}.popup-dialog button.btn-popup-action:hover{background:var(--color-primary-hover)}.popup-dialog button.btn-popup-action:disabled{opacity:.5;cursor:not-allowed}.upload-area{border:2px dashed var(--color-border);border-radius:8px;padding:60px 20px;text-align:center;cursor:pointer;transition:var(--transition);background:#fafafa;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-area:hover{background:#f0f0f0;border-color:#999}.upload-area.drag-active{background:#e3f2fd;border-color:#2196f3;transform:scale(1.02)}.upload-area.uploading{cursor:wait;border-color:var(--color-primary);background:#f9f9f9}.upload-icon{font-size:48px;margin-bottom:var(--spacing-md)}.upload-text{font-size:16px;color:var(--color-text-light);margin-bottom:var(--spacing-sm);font-weight:500}.upload-subtext{font-size:var(--font-size-base);color:var(--color-text-lighter);margin-bottom:var(--spacing-sm)}.upload-formats{font-size:var(--font-size-small);color:var(--color-text-lighter)}.upload-status{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.spinner{width:40px;height:40px;border:4px solid var(--color-bg);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-detail{font-size:var(--font-size-small);color:var(--color-text-light)}.error-message{padding:var(--spacing-md);background:#ffebee;color:#c62828;border-left:4px solid #f44336;border-radius:var(--border-radius);margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}:root{--color-theme: #5a6b55;--color-primary: #5a6b55;--color-primary-hover: #414e3f;--color-tab-active: #5a6b55;--color-tab-inactive: #9ca699;--color-text: #333;--color-text-light: #666;--color-text-lighter: #999;--color-text-white: white;--color-border: #ddd;--color-border-light: #eee;--color-bg: #f5f5f5;--color-bg-white: white;--color-bg-hover: #f9f9f9;--color-error: #d32f2f;--color-success: #2e7d32;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 18px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: 4px;--transition: all .2s;--button-padding-vertical: .5rem;--button-padding-horizontal: 1.5rem;--button-gap: .5rem;--tab-padding-vertical: .5rem;--tab-padding-horizontal: 1.5rem;--pane-padding-vertical: .5rem}html,body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:1.5;overflow-x:hidden}#root{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-large)}.loading,.error,.no-data{padding:var(--spacing-xl);text-align:center}.error{color:var(--color-error)}.no-data{color:var(--color-text-lighter);font-style:italic}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:var(--font-family);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input:disabled,.form-group select:disabled{background:var(--color-bg);color:var(--color-text-light);cursor:not-allowed}.form-group input[readonly]{background:var(--color-bg);color:var(--color-text-light)}.form-group .form-checkboxes{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--border-radius);background:#fff;padding:0}.form-group .form-checkboxes label{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer}.form-group .form-checkboxes input[type=checkbox]{width:auto;padding:0;margin-right:.75rem}.form-group-checkbox{margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:8px}.form-group-checkbox label{font-size:13px;font-weight:500;color:var(--color-text-light);cursor:pointer;margin:0}.form-group-checkbox input[type=checkbox]{width:auto;padding:0;margin:0;cursor:pointer}.form-group-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.form-section-header{font-size:13px;font-weight:700;color:var(--color-text-light);margin:0 0 var(--spacing-md) 0;padding:0;border:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition)}button:disabled{opacity:.5;cursor:not-allowed}.amount{text-align:right;font-family:Courier New,monospace}.clickable-row{cursor:pointer;transition:background .2s}.clickable-row:hover{background:var(--color-bg-hover)}.top-bar{display:grid;grid-template-columns:1fr 5fr;background:var(--color-bg-white);padding:var(--spacing-sm);margin:0;height:44px}.status-badge{display:inline-block;padding:var(--spacing-xs) .75rem;border-radius:12px;font-size:var(--font-size-small);font-weight:500;text-transform:capitalize}.status-verified{background:#e8f5e9;color:var(--color-success)}.status-pending{background:#fff3e0;color:#e65100}.status-approved,.status-submitted{background:#e3f2fd;color:#1565c0}.status-paid{background:#f3e5f5;color:#6a1b9a}.status-rejected{background:#ffebee;color:#c62828}.status-deleted{background:var(--color-bg);color:#757575}.back-pane{display:flex;align-items:center;padding:0 0 0 10px;height:30px}.back-pane .btn-back{padding:var(--button-padding-vertical) var(--button-padding-horizontal);margin:0;border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition);background:var(--color-primary);color:var(--color-text-white);flex:0 0 auto;width:auto}.back-pane .btn-back:hover{background:var(--color-primary-hover)}.back-pane .btn-back:disabled{opacity:.5;cursor:not-allowed}.back-pane.hidden{visibility:hidden}.control-pane{display:flex;align-items:center;gap:var(--button-gap);padding:0;height:30px}.control-pane .btn-control-pane{padding:var(--button-padding-vertical) var(--button-padding-horizontal);margin:0;border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition);flex:0 0 auto;width:auto;background:var(--color-primary);color:#fff}.control-pane .btn-control-pane:last-child{margin-right:var(--spacing-sm)}.control-pane .btn-control-pane:hover{background:var(--color-primary-hover)}.control-pane .btn-control-pane:disabled{opacity:.5;cursor:not-allowed}.tabs-pane{display:flex;background:var(--color-bg-white);padding:0;padding-left:calc(var(--spacing-sm) + 10px);gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);margin-bottom:16px}.tabs-pane .tab{padding:var(--tab-padding-vertical) var(--tab-padding-horizontal);background:var(--color-tab-inactive);border:none;border-right:1px solid white;border-radius:0;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-white);transition:var(--transition);font-weight:500;flex:0 0 auto!important;width:auto!important}.tabs-pane .tab:hover:not(:disabled){opacity:.9}.tabs-pane .tab.active{background:var(--color-tab-active);color:var(--color-text-white);font-weight:600}.tabs-pane .tab:disabled{opacity:.5;cursor:not-allowed}.data-table-container{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm, .875rem);background:#fff}.data-table thead{background:var(--color-bg-light, #f5f5f5);border-bottom:2px solid var(--color-border, #ddd)}.data-table thead th{padding:.75rem .5rem;text-align:left;font-weight:600;color:var(--color-text-dark, #333);font-size:var(--font-size-sm, .875rem);white-space:nowrap}.data-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table thead th.sortable:hover{background:var(--color-bg-hover, #e8e8e8)}.th-content{display:flex;align-items:center;gap:.5rem}.sort-indicator{font-size:.75rem;opacity:.5}.data-table thead th.sortable .sort-indicator{opacity:1}.data-table tbody tr{border-bottom:1px solid var(--color-border-light, #eee);transition:background-color .2s}.data-table.striped tbody tr:nth-child(2n){background-color:var(--color-bg-stripe, #fafafa)}.data-table.hover tbody tr:hover{background-color:var(--color-bg-hover, #f0f0f0)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.selected{background-color:var(--color-bg-selected, #e3f2fd)!important}.checkbox-column input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary, #1976d2)}.data-table tbody td{padding:.75rem .5rem;vertical-align:middle;color:var(--color-text, #555)}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:3px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-drafted{background:#e3f2fd;color:#1976d2}.status-submitted{background:#fff3e0;color:#f57c00}.status-approved{background:#e8f5e9;color:#388e3c}.status-verified{background:#e8f5e9;color:#2e7d32}.status-failed{background:#ffebee;color:#c62828}.status-rejected{background:#ffebee;color:#d32f2f}.status-pending{background:#fff9c4;color:#f57f17}.data-table-loading,.data-table-error,.data-table-empty{padding:3rem 2rem;text-align:center;color:var(--color-text-muted, #999);font-style:italic}.data-table-error{color:var(--color-error, #d32f2f);font-style:normal}@media(max-width:768px){.data-table{font-size:.75rem}.data-table thead th,.data-table tbody td{padding:.5rem .25rem}.status-badge{font-size:.65rem;padding:.2rem .4rem}}.context-pane{flex:1;overflow:auto;background:var(--color-bg-white);padding-top:0;padding-left:16px}.expense-list-container,.reimbursement-list-container,.expense-form-container,.reimbursement-form-container,.expense-document-list-container,.reimbursement-document-list-container,.filtered-expense-list-container{display:flex;flex-direction:column;height:100vh;background:var(--color-bg)}.placeholder-module{padding:var(--spacing-xl);text-align:center;color:var(--color-text-light);font-size:var(--font-size-large)}.table-container{width:100%;overflow-x:auto}.expense-table,.reimbursement-table,.document-table,.expenses-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.expense-table thead,.reimbursement-table thead,.document-table thead,.expenses-table thead{position:sticky;top:0;background:var(--color-bg);z-index:1}.expense-table th,.reimbursement-table th,.document-table th,.expenses-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}.expense-table td,.reimbursement-table td,.document-table td,.expenses-table td{padding:.75rem var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.expense-table tbody tr.clickable-row,.reimbursement-table tbody tr.clickable-row,.document-table tbody tr.clickable-row{cursor:pointer;transition:background .2s}.expense-table tbody tr.clickable-row:hover,.reimbursement-table tbody tr.clickable-row:hover,.document-table tbody tr.clickable-row:hover{background:var(--color-bg-hover)}.expense-table tbody tr.selected-row,.filtered-expense-list-container .expense-table tbody tr.selected-row{background:#e8f5e9}.expense-table td.no-data,.reimbursement-table td.no-data,.document-table td.no-data{text-align:center;color:var(--color-text-lighter);padding:3rem;font-style:italic}.checkbox-column{width:40px;text-align:center}.checkbox-column input[type=checkbox]{width:18px;height:18px;cursor:pointer}.filter-pane{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-white);border-bottom:1px solid var(--color-border)}.filter-pane .form-group{margin-bottom:0;flex:0 0 200px}.filter-pane .form-group label{font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}.filter-pane .form-group select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-base)}.selection-summary{margin-left:auto}.selection-count{font-size:var(--font-size-base);color:var(--color-primary);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);background:#e8f5e9;border-radius:var(--border-radius)}.info-banner{padding:var(--spacing-md);background:#e3f2fd;color:#1565c0;border-bottom:1px solid #90caf9;font-size:var(--font-size-base);text-align:center}.document-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);padding:var(--spacing-md)}.document-item{padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background:var(--color-bg-white)}.document-item:hover{border-color:var(--color-primary);background:var(--color-bg-hover)}.document-item.selected{border-color:var(--color-primary);background:#e8f5e9}.document-filename{font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs);word-break:break-word}.document-meta{font-size:var(--font-size-small);color:var(--color-text-light)}.no-documents{text-align:center;color:var(--color-text-lighter);padding:var(--spacing-md);font-style:italic}.notes-list-container{padding:0;display:flex;flex-direction:column}.notes-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm, .875rem);background:#fff}.notes-table thead{background:var(--color-bg-light, #f5f5f5);border-bottom:2px solid var(--color-border, #ddd)}.notes-table thead th{padding:.75rem .5rem;text-align:left;font-weight:600;color:var(--color-text-dark, #333);font-size:var(--font-size-sm, .875rem)}.notes-table tbody tr{border-bottom:1px solid var(--color-border-light, #eee);transition:background-color .2s}.notes-table tbody tr:hover{background-color:var(--color-bg-hover, #f9f9f9)}.notes-table tbody tr:last-child{border-bottom:none}.notes-table tbody td{padding:.75rem .5rem;vertical-align:top;color:var(--color-text, #555)}.note-date{font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted, #666);white-space:nowrap}.note-author{font-size:var(--font-size-sm, .875rem);color:var(--color-text, #555);font-weight:500}.note-text{font-size:var(--font-size-base, 1rem);color:var(--color-text-dark, #333);line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.loading-message,.error-message,.empty-message{padding:2rem;text-align:center;color:var(--color-text-muted, #999);font-style:italic}.error-message{color:var(--color-error, #d32f2f);font-style:normal}@media(max-width:768px){.notes-table{font-size:.75rem}.notes-table thead th,.notes-table tbody td{padding:.5rem .25rem}.note-date,.note-author{font-size:.75rem}.note-text{font-size:.875rem}}.notification-pane{position:fixed;top:10px;left:calc(200px + (100% - 200px)/2);transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:500px;width:min(500px,calc(100% - 200px - 2rem));pointer-events:none}.notification{display:flex;align-items:center;gap:var(--spacing-sm, .75rem);padding:.75rem 1rem;border-radius:var(--border-radius, 4px);box-shadow:0 4px 12px #00000026;font-size:var(--font-size-base, 1rem);font-weight:500;pointer-events:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-message{flex:1;line-height:1.4}.notification .notification-close{flex-shrink:0;flex-grow:0;flex-basis:auto;background:transparent;border:none;border-radius:0;cursor:pointer;padding:0;margin:0;width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;color:inherit;font-size:inherit;font-weight:inherit;box-shadow:none}.notification .notification-close:hover{opacity:1}.notification .notification-close .close-icon{width:20px;height:20px;object-fit:contain;display:block}.notification-success{background:#4caf50;color:#fff}.notification-error{background:#f44336;color:#fff}.notification-warning{background:#ff9800;color:#fff}.notification-info{background:#2196f3;color:#fff}@media(max-width:768px){.notification-pane{left:50%;width:calc(100% - 2rem);top:10px}.notification{padding:.5rem .75rem;font-size:var(--font-size-sm, .875rem)}}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);max-width:1400px}.left-column,.right-column{display:flex;flex-direction:column}.notes-section{display:flex;flex-direction:column;height:100%}.notes-section h3,.add-note{margin-bottom:var(--spacing-md)}.add-note textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);resize:vertical;min-height:80px;margin-bottom:var(--spacing-sm)}.add-note textarea:focus{outline:none;border-color:var(--color-primary)}.btn-add-note{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);font-weight:500}.btn-add-note:hover:not(:disabled){background:var(--color-primary-hover)}.btn-add-note:disabled{opacity:.5;cursor:not-allowed}.notes-list{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto}.note-item{padding:var(--spacing-md);background:var(--color-bg-hover);border:1px solid var(--color-border-light);border-radius:var(--border-radius)}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-small)}.note-author{font-weight:600;color:var(--color-text)}.note-date{color:var(--color-text-light)}.note-content{color:var(--color-text);line-height:1.5;white-space:pre-wrap;word-break:break-word}.no-notes{color:var(--color-text-lighter);font-style:italic;text-align:center;padding:var(--spacing-md);background:var(--color-bg-hover);border-radius:var(--border-radius)}.expenses-section{display:flex;flex-direction:column;height:100%}.expenses-section h3{margin-bottom:var(--spacing-md)}.expenses-table-container{overflow-y:auto;flex:1}.no-expenses{color:var(--color-text-lighter);font-style:italic;text-align:center;padding:var(--spacing-md);background:var(--color-bg-hover);border-radius:var(--border-radius)}.expenses-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.expenses-table thead{background:var(--color-bg);position:sticky;top:0}.expenses-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}.expenses-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.expenses-table .btn-remove{padding:var(--spacing-xs) var(--spacing-sm);background:#ffebee;color:#c62828;border:1px solid #ffcdd2;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-small)}.expenses-table .btn-remove:hover{background:#ffcdd2}.breakdown-table{width:100%;border-collapse:collapse}.breakdown-table thead th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--color-text);border-bottom:none;font-size:var(--font-size-base)}.breakdown-table tbody td{padding:var(--spacing-xs) 0}.breakdown-table tbody td input{width:100%}@media(max-width:1024px){.two-column-layout{grid-template-columns:1fr}}.pagination-pane{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border);margin-top:var(--spacing-sm)}.pagination-pane .pagination-info{font-size:var(--font-size-small);color:var(--color-text-light)}.pagination-pane .pagination-controls{display:flex;align-items:center;gap:2px}.pagination-pane .btn-pagination{min-width:32px;height:32px;padding:0 var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-white);color:var(--color-text);font-size:var(--font-size-small);cursor:pointer;transition:var(--transition)}.pagination-pane .btn-pagination:hover:not(:disabled):not(.active){background:var(--color-bg-hover);border-color:var(--color-primary)}.pagination-pane .btn-pagination.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-pane .btn-pagination:disabled{opacity:.4;cursor:not-allowed}.pagination-pane .pagination-ellipsis{min-width:32px;text-align:center;font-size:var(--font-size-small);color:var(--color-text-light)}.filter-pane{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-md);padding-top:0;padding-bottom:5px;padding-left:0;padding-right:var(--spacing-md);background:var(--color-bg-white);border-bottom:1px solid var(--color-border)}.collapsible-header{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.collapsible-header .arrow{font-size:10px;color:var(--color-text-light);transition:transform .2s}.collapsible-header .label{font-weight:500;color:var(--color-text)}.filter-badge{background:var(--color-primary);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px}.filter-pane .record-count{margin-left:auto;font-size:var(--font-size-small);color:var(--color-text-light)}.filter-pane .record-count strong{color:var(--color-text)}.collapsible-content{margin-top:0;padding-top:0;border-top:0px solid var(--color-border)}.collapsible-content.collapsed{display:none}.collapsible-content .filter-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-pane input[type=text]{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:var(--font-family);min-width:200px;background:#fff}.filter-pane input[type=text]::placeholder{color:var(--color-text-lighter)}.filter-pane input[type=text]:focus{outline:none;border-color:var(--color-primary)}.btn-add-filter{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px dashed var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-light);transition:var(--transition)}.btn-add-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary);color:#fff;border-radius:16px;padding:4px 12px;font-size:var(--font-size-small)}.chip .remove{cursor:pointer;opacity:.7;font-size:14px;line-height:1}.chip .remove:hover{opacity:1}.filter-pane .btn-clear{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-light);transition:var(--transition)}.filter-pane .btn-clear:hover{background:var(--color-bg-hover);border-color:var(--color-text-light)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#f5f5f5;padding:0;margin:0}.header{max-width:1400px;margin:0 auto 20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}h1{font-size:24px;color:#333}.container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.left-col,.right-col{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:60px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.drop-zone:hover{background:#f0f0f0;border-color:#999}.drop-zone.dragover{background:#e3f2fd;border-color:#2196f3;transform:scale(1.02)}.drop-zone-icon{font-size:48px;margin-bottom:16px}.drop-zone-text{font-size:16px;color:#666;margin-bottom:8px}.drop-zone-hint{font-size:12px;color:#999}#fileInput{display:none}.status{margin:16px 0;padding:12px;border-radius:6px;display:none;font-size:14px}.status.show{display:block}.status.success{background:#c8e6c9;color:#2e7d32;border-left:4px solid #4caf50}.status.error{background:#ffcdd2;color:#c62828;border-left:4px solid #f44336}.status.processing{background:#fff9c4;color:#f57f17;border-left:4px solid #ffeb3b}.form-section{margin-top:0;display:none}.form-section.show{display:block}.form-section h3{font-size:18px;margin-bottom:20px;color:#333;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:#555;margin-bottom:6px}.form-group label .required{color:#f44336}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2196f3}.form-group input[readonly]{background:#f5f5f5;color:#666}.form-group textarea{resize:vertical;min-height:60px}.form-actions{margin-top:24px;display:flex;gap:12px}button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}button[type=submit]{background:#2196f3;color:#fff;flex:1}button[type=submit]:hover{background:#1976d2}button[type=button]{background:#f5f5f5;color:#666;flex:1}button[type=button]:hover{background:#e0e0e0}.preview-section h3{font-size:18px;margin-bottom:20px;color:#333;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.preview-container{margin-top:20px;border-radius:8px;overflow:hidden;background:#fafafa;min-height:400px;display:flex;align-items:center;justify-content:center}.preview-empty{color:#999;font-size:14px}#preview{max-width:100%;display:none;border-radius:8px}#pdfPreview{width:100%;height:600px;display:none;border:none}@media(max-width:1024px){.container{grid-template-columns:1fr}}