body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.client-list{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-top:20px;overflow:hidden}.client-list thead{background-color:#f0f0f0}.client-list td,.client-list th{color:#333;font-size:14px;padding:15px;text-align:left}.client-list th{font-weight:700}.client-list tbody tr{cursor:pointer;transition:background-color .3s ease}.client-list tbody tr:nth-child(2n){background-color:#f9f9f9}.client-list tbody tr:hover{background-color:#f1f1f1}.client-list td{border-bottom:1px solid #ddd}.client-list tbody tr:last-child td{border-bottom:none}:root{--sidebar-width:150px}.dashboard{background-color:#f5f5f7;background-color:var(--background-primary);color:#1d1d1f;color:var(--text-primary);display:flex;min-height:100vh}.sidebar{background-color:#fff;background-color:var(--background-secondary);border-right:1px solid #d2d2d7;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;padding:24px 20px;position:fixed;width:150px;width:var(--sidebar-width)}.logo-container{margin-bottom:40px;padding:0 16px;text-align:center}.logo{height:auto;max-width:120px}.menu-container{flex-grow:1;margin-left:-8px;padding-right:8px}.menu-btn{align-items:center;background-color:initial;border:none;border-radius:8px;color:#1d1d1f;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;text-align:left;transition:all .2s ease;width:calc(100% + 8px)}.bottom-menu{border-top:1px solid #d2d2d7;border-top:1px solid var(--border-color);margin-left:-8px;margin-top:auto;padding-bottom:32px;padding-top:16px}.menu-btn i{color:#86868b;color:var(--text-secondary);font-size:16px;width:18px}.menu-btn.active,.menu-btn:hover{background-color:#f2f2f2;background-color:var(--hover-color)}.menu-btn.active,.menu-btn.active i{color:#0071e3;color:var(--accent-color)}.main-content{flex-grow:1;margin-left:150px;margin-left:var(--sidebar-width);padding:32px 40px}.main-content h1{color:#1d1d1f;color:var(--text-primary);font-size:24px;font-weight:600}.filters-section,.main-content h1{margin-bottom:24px;margin-left:24px}.filters-section{background-color:#fff;background-color:var(--background-secondary);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-right:24px;padding:24px}.table-container{margin-left:24px;margin-right:24px}.search-filter{margin-bottom:24px}.search-input{background-color:#f5f5f7;background-color:var(--background-primary);border:1px solid #d2d2d7;border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;transition:border-color .2s ease}.search-input:focus{border-color:#0071e3;border-color:var(--accent-color);outline:none}.date-filters{display:flex;gap:24px;margin-bottom:24px}.date-range{flex:1 1}.date-range h4{color:#86868b;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.date-range input{background-color:#f5f5f7;background-color:var(--background-primary);border:1px solid #d2d2d7;border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:10px 12px;width:calc(50% - 12px)}.date-range input:focus{border-color:#0071e3;border-color:var(--accent-color);outline:none}.date-range span{margin:0 8px}.date-range span,.work-type-filter h4{color:#86868b;color:var(--text-secondary)}.work-type-filter h4{font-size:14px;font-weight:500;margin-bottom:12px}.work-types-container{display:flex;flex-wrap:wrap;gap:8px}.work-type-checkbox{align-items:center;background-color:#f5f5f7;background-color:var(--background-primary);border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.work-type-checkbox:hover{background-color:#f2f2f2;background-color:var(--hover-color)}.work-type-checkbox input[type=checkbox]{border:1px solid #d2d2d7;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;height:16px;position:relative;width:16px}.client-list{border-collapse:collapse;width:100%}.client-list th{background-color:#fff;background-color:var(--background-secondary);color:#86868b;color:var(--text-secondary);font-weight:500;text-align:left}.client-list td,.client-list th{border-bottom:1px solid #d2d2d7;border-bottom:1px solid var(--border-color);font-size:14px;padding:16px}.client-list td{color:#1d1d1f;color:var(--text-primary)}.client-list tr:hover{background-color:#f2f2f2;background-color:var(--hover-color);cursor:pointer}@media (max-width:1200px){.date-filters{flex-direction:column}.date-range input{width:calc(50% - 12px)}}@media (max-width:768px){.sidebar{padding:20px 8px;width:64px}.menu-btn span{display:none}.main-content{margin-left:64px;padding:20px}.logo-container{margin-bottom:24px}.logo{max-width:32px}}:root{--background-primary:#f5f5f7;--background-secondary:#fff;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent-color:#0071e3;--border-color:#d2d2d7;--hover-color:#f2f2f2;--success-color:#34c759;--warning-color:#ff9f0a}.client-card{background-color:var(--background-secondary);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.card-header h2{color:#1d1d1f;color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.edit-button{align-items:center;background-color:#f5f5f7;background-color:var(--background-primary);border:none;border-radius:8px;color:#0071e3;color:var(--accent-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.edit-button:hover{background-color:#f2f2f2;background-color:var(--hover-color)}.edit-button i{font-size:16px}.sections-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-section{background-color:#f5f5f7;background-color:var(--background-primary);border-radius:12px}.info-section h3{color:#1d1d1f;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.fields-grid{grid-gap:12px;display:grid;gap:12px}.field{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:8px;transition:background-color .2s ease}.field:hover{background-color:#fff;background-color:var(--background-secondary)}.field label{color:#86868b;color:var(--text-secondary);font-size:14px;margin-right:16px}.field .value{color:#1d1d1f;color:var(--text-primary);font-size:14px;font-weight:500}.field.highlighted{background-color:#fff;background-color:var(--background-secondary)}.field.highlighted .value{color:#0071e3;color:var(--accent-color);font-weight:600}.loading-state{color:#86868b;color:var(--text-secondary);font-size:16px;padding:40px;text-align:center}.edit-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.form-group{gap:8px}.form-group label{color:#86868b;color:var(--text-secondary)}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text]{border:1px solid #d2d2d7;border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:10px;transition:border-color .2s ease}.form-group input[type=checkbox]{border-radius:4px;height:20px;width:20px}.form-group input:focus{border-color:#0071e3;border-color:var(--accent-color);outline:none}.button-group{display:flex;gap:12px;margin-top:24px}.button-group button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.save-button{background-color:#0071e3;background-color:var(--accent-color)}.save-button:hover{opacity:.9}.cancel-button{background-color:#f5f5f7;background-color:var(--background-primary);color:#1d1d1f;color:var(--text-primary)}.cancel-button:hover{background-color:#f2f2f2;background-color:var(--hover-color)}@media (max-width:768px){.edit-form,.sections-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column;gap:16px}.edit-button{justify-content:center;width:100%}}.payment-calculator-root{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background-color:#f5f5f7;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;color:#1d1d1f;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;line-height:1.4;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;width:100%;word-spacing:normal;z-index:auto}.payment-calculator-root *{box-sizing:border-box}.payment-calculator-root .pc-container{background-color:#f5f5f7;max-width:none;padding:24px;width:100%}.payment-calculator-root .pc-summary{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.payment-calculator-root .pc-summary-title{color:#1d1d1f;font-size:20px;font-weight:600;margin:0 0 20px}.payment-calculator-root .pc-summary-content{grid-gap:12px;display:grid;gap:12px}.payment-calculator-root .pc-summary-row{border-bottom:1px solid #f5f5f7;display:flex;font-size:14px;justify-content:space-between;margin:0;padding:8px 0}.payment-calculator-root .pc-section-title{color:#1d1d1f;font-size:18px;font-weight:600;margin:24px 0 16px}.payment-calculator-root .pc-table-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto;overflow-x:auto;width:100%}.payment-calculator-root .pc-table{border-collapse:collapse;table-layout:auto;width:100%}.payment-calculator-root .pc-table td,.payment-calculator-root .pc-table th{border-top:1px solid #f5f5f7;font-size:14px;overflow:hidden;padding:16px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.payment-calculator-root .pc-table th{background-color:#f5f5f7;border:none;color:#86868b;font-weight:500;padding:16px;text-align:left}.payment-calculator-root .pc-table td:first-child,.payment-calculator-root .pc-table th:first-child{width:5%}.payment-calculator-root .pc-table td:nth-child(2),.payment-calculator-root .pc-table td:nth-child(3),.payment-calculator-root .pc-table td:nth-child(4),.payment-calculator-root .pc-table td:nth-child(5),.payment-calculator-root .pc-table td:nth-child(6),.payment-calculator-root .pc-table td:nth-child(7),.payment-calculator-root .pc-table td:nth-child(8),.payment-calculator-root .pc-table td:nth-child(9),.payment-calculator-root .pc-table th:nth-child(2),.payment-calculator-root .pc-table th:nth-child(3),.payment-calculator-root .pc-table th:nth-child(4),.payment-calculator-root .pc-table th:nth-child(5),.payment-calculator-root .pc-table th:nth-child(6),.payment-calculator-root .pc-table th:nth-child(7),.payment-calculator-root .pc-table th:nth-child(8),.payment-calculator-root .pc-table th:nth-child(9){width:10%}.payment-calculator-root .pc-table td:nth-child(10),.payment-calculator-root .pc-table th:nth-child(10){width:15%}.payment-calculator-root .pc-status{border-radius:6px;display:inline-block;font-size:13px;font-weight:500;min-width:90px;padding:6px 12px;text-align:center;width:auto}.payment-calculator-root .pc-status-paid{background-color:#34c7591a;color:#34c759}.payment-calculator-root .pc-status-partial{background-color:#ff9f0a1a;color:#ff9f0a}.payment-calculator-root .pc-status-unpaid{background-color:#f5f5f7;color:#86868b}.payment-calculator-root .pc-input{background-color:#fff;border:1px solid #d2d2d7;border-radius:8px;font-size:14px;min-width:120px;padding:8px 12px;width:100%}.payment-calculator-root .pc-input:focus{border-color:#0071e3;outline:none}.payment-calculator-root .pc-actions{gap:8px;justify-content:flex-start}.payment-calculator-root .pc-btn-full,.payment-calculator-root .pc-btn-partial{border:none!important;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:60px;padding:8px;text-align:center;transition:opacity .2s;white-space:nowrap}.payment-calculator-root .pc-btn-full{background-color:#000!important;color:#fff!important}.payment-calculator-root .pc-btn-partial{background-color:#666!important;color:#fff!important}.payment-calculator-root .pc-btn-full:hover,.payment-calculator-root .pc-btn-partial:hover{opacity:.9}.payment-calculator-root .pc-btn-full:disabled,.payment-calculator-root .pc-btn-partial:disabled{cursor:not-allowed;opacity:.5}.payment-calculator-root .pc-empty-message{color:#86868b;font-style:italic;margin:20px 0;text-align:center}.payment-calculator-root .pc-modal{align-items:center;background-color:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.payment-calculator-root .pc-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001a;max-width:480px;padding:24px;width:100%}.payment-calculator-root .pc-modal-title{color:#1d1d1f;font-size:20px;font-weight:600;margin:0 0 24px}.payment-calculator-root .pc-modal-row{border-bottom:1px solid #f5f5f7;display:flex;justify-content:space-between;margin:8px 0;padding:8px 0}.payment-calculator-root .pc-form-group{margin:24px 0}.payment-calculator-root .pc-main-actions{display:flex;flex-wrap:wrap;gap:8px}.payment-calculator-root .pc-btn-delete{background-color:#ff3b30!important;border:none!important;border-radius:8px;color:#fff!important;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;margin-top:4px;min-width:60px;padding:8px;text-align:center;transition:opacity .2s;white-space:nowrap}.payment-calculator-root .pc-btn-delete:hover{opacity:.9}.payment-calculator-root .pc-actions{display:flex;flex-direction:column;gap:4px}.payment-calculator-root .pc-form-label{color:#86868b;display:block;font-size:14px;margin-bottom:8px}.payment-calculator-root .pc-form-input{background-color:#fff;border:1px solid #d2d2d7;border-radius:8px;font-size:14px;padding:12px;width:100%}.payment-calculator-root .pc-form-input:focus{border-color:#0071e3;outline:none}.payment-calculator-root .pc-error{color:#ff3b30;font-size:12px;margin-top:4px}.payment-calculator-root .pc-modal-actions{display:flex;gap:12px;margin-top:24px}.payment-calculator-root .pc-modal-btn{border:none!important;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;text-align:center;white-space:nowrap}.payment-calculator-root .pc-modal-btn-primary{background-color:#000!important;color:#fff!important}.payment-calculator-root .pc-modal-btn-secondary{background-color:#666!important;color:#fff!important}.payment-calculator-root .pc-modal-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1400px){.payment-calculator-root .pc-table-wrapper{overflow-x:auto}}@media (max-width:768px){.payment-calculator-root .pc-container,.payment-calculator-root .pc-modal-content,.payment-calculator-root .pc-summary{padding:16px}.payment-calculator-root .pc-table td,.payment-calculator-root .pc-table th{padding:12px}.payment-calculator-root .pc-modal-btn{padding:10px}}.change-log{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.change-log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.change-log-header h3{color:#2c3e50;font-size:1.5rem;margin:0}.filter-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;padding:8px 12px}.change-log-table{overflow-x:auto}.change-log table{border-collapse:initial;border-spacing:0;width:100%}.change-log td,.change-log th{border-bottom:1px solid #e2e8f0;padding:12px 16px;text-align:left}.change-log th{background-color:#f7fafc;color:#2d3748;font-weight:600}.change-log tbody tr:hover{background-color:#f8fafc}.type-payment{background-color:#4299e11a}.type-info_update{background-color:#9ae6b41a}.type-note_update{background-color:#f6ad551a}.type-document{background-color:#9f7aea1a}.manager-info{display:flex;flex-direction:column}.manager-name{color:#2d3748;font-weight:500}.manager-id{color:#718096;font-size:.85em;margin-top:2px}.no-changes{color:#718096;font-size:1.1em;padding:40px;text-align:center}.change-log-error{background-color:#fff5f5;border-radius:8px;color:#e53e3e;margin-top:20px;padding:20px;text-align:center}@media (max-width:768px){.change-log-header{flex-direction:column;gap:10px}.filter-select{width:100%}.change-log td{padding:8px}}.tabs{align-items:center;flex-direction:column}.tab-titles{background-color:#f9f9f9;border-bottom:1px solid #ddd;display:flex;justify-content:center;margin-bottom:10px;position:sticky;top:0;width:100%;z-index:10}.tab-titles button{background-color:initial;border:none;border-bottom:2px solid #0000;color:#333;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:color .2s ease,border-bottom .2s ease}.tab-titles button:hover{color:#007bff}.tab-titles button.active{border-bottom:2px solid #007bff;color:#007bff}.tab-content{background-color:#fff0;border:1px solid #ddd0;border-radius:4px;margin-top:10px;max-width:800px;width:100%}.analytics-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:25px}.analytics-title{border-bottom:2px solid #eee;color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:25px;padding-bottom:15px}.analytics-wrapper{display:flex;flex-direction:column;gap:25px}.analytics-data-table{background:#fff;border:1px solid #e0e0e0;border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;width:100%}.analytics-data-cell{border-bottom:1px solid #e0e0e0;padding:15px}.analytics-data-row:last-child .analytics-data-cell{border-bottom:none}.analytics-label-cell{background-color:#f8f9fa;color:#2c3e50;font-weight:500;width:40%}.analytics-input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.analytics-input:hover{border-color:#90caf9}.analytics-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.analytics-section-header{background-color:#2196f3!important;color:#fff;font-size:16px;font-weight:700;padding:12px 15px}.analytics-total-row .analytics-data-cell{background-color:#f3f4f6;color:#2c3e50;font-weight:600}.analytics-profit-row .analytics-data-cell{background-color:#4caf50;color:#fff;font-size:16px;font-weight:700}.analytics-save-btn{background-color:#2196f3!important;border:none;border-radius:8px;box-shadow:0 2px 4px #2196f333;color:#fff!important;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-top:20px;opacity:1!important;padding:14px 28px;transition:all .2s ease;width:fit-content}.analytics-save-btn:hover{background-color:#1976d2!important;box-shadow:0 4px 8px #2196f34d;transform:translateY(-1px)}.analytics-save-btn:active{box-shadow:0 2px 4px #2196f333;transform:translateY(1px)}@media (max-width:768px){.analytics-container{margin:0 10px;padding:15px}.analytics-data-cell{padding:12px}.analytics-label-cell{width:50%}.analytics-save-btn{padding:12px;width:100%}}.company-card{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-top:16px;padding:16px}.file-upload{align-items:center;display:flex;gap:12px;margin-bottom:12px}.message{color:green;font-size:14px;margin-top:8px}.file-upload input[type=file]{border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:6px}.file-upload button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.file-upload button:hover{background-color:#1976d2}@media (max-width:480px){.file-upload{align-items:flex-start;flex-direction:column}}.client-details{background-color:#f5f5f5;padding:20px}.client-details h1{font-size:24px;margin-bottom:20px;text-align:center}.tabs{background-color:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:center;margin-bottom:20px;position:sticky;top:0;z-index:10}.tabs button{background-color:initial;border:none;border-bottom:2px solid #0000;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .2s ease}.tabs button.active{border-bottom:2px solid #007bff;color:#007bff}.info-section{background:#f5f5f5;height:calc(100vh - 200px);padding:20px}.notes-container{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;height:100%;overflow:hidden}.notes-header{background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding:16px 24px}.notes-header .button-group{display:flex;gap:12px}.notes-header .save-button{align-items:center;background-color:#4caf50;border:none;border-radius:6px;box-shadow:0 2px 4px #4caf5033;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-width:100px;padding:10px 20px;transition:all .2s ease}.notes-header .save-button:hover{background-color:#43a047;box-shadow:0 4px 8px #4caf504d;transform:translateY(-1px)}.notes-header .save-button:active{box-shadow:0 2px 4px #4caf5033;transform:translateY(0)}.notes-textarea{background:#fff;border:none;color:#2c3e50;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;padding:24px;resize:none;width:100%}.notes-textarea::placeholder{color:#a0aec0}.notes-textarea:focus{outline:none}.notes-textarea::-webkit-scrollbar{width:12px}.notes-textarea::-webkit-scrollbar-track{background:#f5f5f5;border-left:1px solid #f0f0f0}.notes-textarea::-webkit-scrollbar-thumb{background:#e0e0e0;border:3px solid #f5f5f5;border-radius:6px}.notes-textarea::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.tab-content{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:0 auto;max-width:1800px;padding:20px}.client-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.export-button{display:block;margin:10px 0}.client-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.client-card h2{font-size:20px;margin-bottom:20px;text-align:center}.client-card .client-info{grid-gap:10px 20px;display:grid;gap:10px 20px;grid-template-columns:1fr 2fr}.client-card .client-info p{margin:0;padding:5px 0}.client-card .client-info label{color:#333;font-weight:700}.client-card .edit-button{color:#007bff;cursor:pointer;display:block;font-size:14px;margin:10px 0;text-align:center;text-decoration:underline}.client-card .edit-button:hover{color:#0056b3}.client-card input[type=checkbox],.client-card input[type=date],.client-card input[type=number],.client-card input[type=text],.client-card select{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:8px;width:100%}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 15px;transition:background-color .3s ease}.save-button{background-color:#28a745;color:#fff}.cancel-button{background-color:#ffc107;color:#000}.save-button:hover{background-color:#218838}.cancel-button:hover{background-color:#e0a800}.document-manager{background:#f8f9fa;min-height:100%;padding:24px}.document-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.document-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.documents-count{color:#6c757d;font-size:16px}.count-badge{background:#007bff;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:4px 12px}.upload-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:32px;padding:24px}.file-drop-zone{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;cursor:pointer;padding:40px 24px;text-align:center;transition:all .3s ease}.file-drop-zone:hover{background:#f0f8ff;border-color:#007bff}.file-drop-zone.drag-active{background:#f0fff4;border-color:#28a745;transform:scale(1.02)}.file-drop-zone.has-file{background:#f8fff9;border-color:#28a745}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:16px}.upload-icon{font-size:48px;opacity:.6}.upload-text{color:#6c757d;font-size:16px}.file-input-label{cursor:pointer}.hidden-file-input{display:none}.upload-link{color:#007bff;font-weight:500;text-decoration:underline}.upload-link:hover{color:#0056b3}.selected-file-info{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;max-width:400px;padding:16px}.file-icon{font-size:32px}.file-details{flex:1 1;text-align:left}.file-name{color:#2c3e50;font-weight:600;margin-bottom:4px;word-break:break-word}.file-size{color:#6c757d;font-size:14px}.remove-file-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:background-color .2s;width:24px}.remove-file-btn:hover{background:#c82333}.upload-controls{margin-top:20px;text-align:center}.upload-btn{background:#28a745;border:none;border-radius:8px;box-shadow:0 2px 4px #28a74533;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s ease}.upload-btn:hover:not(:disabled){background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.upload-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.documents-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px}.empty-state{color:#6c757d;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text{font-size:20px;font-weight:600;margin-bottom:8px}.empty-subtext{font-size:16px}.documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.document-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:all .2s ease}.document-card:hover{border-color:#007bff;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.document-header-card{align-items:center;display:flex;gap:12px;margin-bottom:16px}.document-icon{font-size:24px}.document-info{flex:1 1;min-width:0}.document-name{color:#2c3e50;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-id{color:#6c757d;font-size:14px}.document-actions{gap:8px}.action-btn,.document-actions{display:flex!important;opacity:1!important;visibility:visible!important}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.download-btn{background:#007bff!important;color:#fff!important}.download-btn:hover{background:#0056b3!important;transform:translateY(-1px)}.delete-btn{background:#dc3545!important;color:#fff!important}.delete-btn:hover{background:#c82333!important;transform:translateY(-1px)}.btn-icon{font-size:16px}@media (max-width:768px){.document-manager{padding:16px}.document-header{flex-direction:column;gap:16px;text-align:center}.documents-grid{grid-template-columns:1fr}.file-drop-zone{padding:24px 16px}.document-actions{flex-direction:column}}.create-client{margin:0 auto;max-width:960px;padding:20px}.create-client h1{color:#333;font-size:24px;margin-bottom:20px}.create-client-form{display:flex;flex-direction:column;gap:16px}.form-section{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:16px}.form-section h2{border-bottom:1px solid #eee;color:#444;font-size:18px;margin-bottom:16px;padding-bottom:8px}.form-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{margin-bottom:2px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:0}.checkbox-group input[type=checkbox]{margin:0;width:auto}.total-expenses{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;font-size:15px;justify-content:space-between;margin-top:16px;padding:12px}.submit-button{align-self:flex-start;background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;padding:10px 20px;transition:background-color .2s}.submit-button:hover{background-color:#1976d2}input:required,select:required{border-left:3px solid #2196f3}.form-group input:hover,.form-group select:hover{border-color:#90caf9}@media (max-width:768px){.create-client{padding:10px}.form-section{padding:12px}.form-grid{gap:12px;grid-template-columns:1fr}.submit-button{width:100%}}:root{--primary-color:#3a66db;--primary-hover:#2a56cb;--error-color:#e53935;--text-color:#333;--light-text:#666;--border-color:#ddd;--background:#f5f7fa;--card-bg:#fff;--shadow:0 8px 30px #00000014;--transition:all 0.3s ease;--input-bg:#f9fafc;--input-focus-bg:#fff}.login-page{align-items:center;background-color:#f5f7fa;background-color:var(--background);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:fadeIn .5s ease;background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow);max-width:400px;overflow:hidden;width:100%}.login-header{padding:25px 30px;text-align:center}.login-header h1{color:#333;color:var(--text-color);font-size:24px;font-weight:600;margin:15px 0 0}.logo{gap:8px;margin-bottom:10px}.logo,.logo-icon{align-items:center;display:flex;justify-content:center}.logo-icon{background-color:#3a66db;background-color:var(--primary-color);border-radius:8px;color:#fff;font-size:20px;font-weight:700;height:36px;width:36px}.logo-text{color:#333;color:var(--text-color);font-size:18px;font-weight:700}.login-form{padding:0 30px 25px}.form-group{margin-bottom:20px}.form-group label{color:#666;color:var(--light-text);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-container{position:relative}.input-container input{background-color:#f9fafc;background-color:var(--input-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;font-size:15px;padding:12px 40px 12px 15px;transition:all .3s ease;transition:var(--transition);width:100%}.input-container input:focus{background-color:#fff;background-color:var(--input-focus-bg);border-color:#3a66db;border-color:var(--primary-color);box-shadow:0 0 0 3px #3a66db1a;outline:none}.input-container input::placeholder{color:#aab}.input-container svg{stroke:#aab;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.input-container input:focus+svg{stroke:#3a66db;stroke:var(--primary-color)}.login-button{align-items:center;background-color:#3a66db;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;margin-top:30px;padding:13px;transition:all .3s ease;transition:var(--transition);width:100%}.login-button:hover{background-color:#2a56cb;background-color:var(--primary-hover)}.login-button:focus{box-shadow:0 0 0 3px #3a66db4d;outline:none}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button.loading{background-color:#2a56cb;background-color:var(--primary-hover)}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{align-items:center;animation:fadeIn .3s ease;background-color:#e539351a;border-radius:8px;color:#e53935;color:var(--error-color);display:flex;font-size:14px;gap:8px;margin:0 30px 20px;padding:10px 15px}.error-message svg{flex-shrink:0}.login-footer{border-top:1px solid #ddd;border-top:1px solid var(--border-color);color:#666;color:var(--light-text);font-size:12px;padding:15px 30px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.login-card{border-radius:8px}.login-header{padding:20px}.login-form{padding:0 20px 20px}.error-message{margin:0 20px 15px;padding:8px 12px}.login-footer{padding:12px 20px}}.register-container{border:1px solid #ddd;margin:0 auto;max-width:400px;padding:20px}.overdue-container{margin:0 auto;max-width:1400px;padding:20px}.overdue-header{margin-bottom:24px}.overdue-header h1{font-size:24px;font-weight:700;margin-bottom:16px}.search-container{margin-bottom:16px}.client-row.partial{background-color:#fff3cd}.search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;width:100%}.filter-buttons{display:flex;gap:12px;margin-bottom:20px}.filter-btn{background-color:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.filter-btn:hover{background-color:#e5e7eb}.filter-btn.active{background-color:#3b82f6;color:#fff}.filter-btn.active.overdue{background-color:#ef4444}.filter-btn.active.upcoming{background-color:#f59e0b}.table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}table{border-collapse:collapse;width:100%}th{background-color:#f9fafb;color:#374151;font-weight:600;text-align:left}td,th{border-bottom:1px solid #e5e7eb;padding:12px 16px}.client-row{cursor:pointer;transition:background-color .2s}.client-row:hover{background-color:#f9fafb}.client-row.overdue{background-color:#fee2e2}.client-row.overdue:hover{background-color:#fecaca}.client-row.upcoming{background-color:#fef3c7}.client-row.upcoming:hover{background-color:#fde68a}.status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.status-badge.overdue{background-color:#fee2e2;color:#b91c1c}.status-badge.upcoming{background-color:#fef3c7;color:#92400e}.status-badge.normal{background-color:#e5e7eb;color:#374151}.overdue-loading{align-items:center;color:#6b7280;display:flex;font-size:16px;justify-content:center;min-height:200px}.mark-problematic-btn{background-color:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.mark-problematic-btn:hover{background-color:#b91c1c}.toggle-problematic-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s;white-space:nowrap}.toggle-problematic-btn.add{background-color:#dc2626;color:#fff}.toggle-problematic-btn.add:hover{background-color:#b91c1c}.toggle-problematic-btn.remove{background-color:#4b5563;color:#fff}.toggle-problematic-btn.remove:hover{background-color:#374151}.filter-checkboxes{align-items:center;display:flex;gap:20px;margin:16px 0}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.global-analytics{background-color:#f5f5f5;min-height:calc(100vh - 64px);padding:20px}.analytics-header{justify-content:space-between;margin-bottom:20px}.analytics-header,.controls{align-items:center;display:flex}.controls{gap:10px}.date-range-select,.view-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.export-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 16px;transition:background-color .3s}.export-button:hover{background-color:#45a049}.export-button:active{background-color:#3d8b40}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.summary-card h3{color:#666;font-size:14px;margin:0}.summary-card p{color:#333;font-size:24px;font-weight:700;margin:10px 0 0}.charts-grid{grid-gap:20px;display:grid;gap:20px}.chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.chart-container h3{color:#333;margin:0 0 20px}.error,.loading,.no-data{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:40px;text-align:center}.error h3{color:#f44;margin:0 0 10px}.retry-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:8px 16px}.retry-button:hover{background-color:#45a049}.no-data{color:#666;font-style:italic}.offices-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.office-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.office-card h4{color:#333;font-size:18px;margin-bottom:10px;margin-top:0}.office-stats{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px}.stat-row{color:#555;display:flex;font-size:14px;justify-content:space-between;margin:6px 0}.payments-list h5{color:#444;font-size:16px;margin:0 0 10px}.payments-list{display:flex;flex-direction:column;gap:10px}.payment-item{background-color:#f9f9f9;border-radius:4px;color:#333;font-size:14px;line-height:1.4;padding:10px}.payment-item p{margin:4px 0}.payment-item strong{color:#666}.payment-item:nth-child(odd){background-color:#f3f3f3}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column;gap:10px}.offices-grid{grid-template-columns:1fr!important}.controls{flex-direction:column;width:100%}.date-range-select,.export-button,.view-select{margin-left:0;width:100%}}.manager-list{padding:20px}.manager-list h1{margin-bottom:20px}.manager-list table{border-collapse:collapse;width:100%}.manager-list td,.manager-list th{border:1px solid #ddd;padding:8px;text-align:left}.manager-list th{background-color:#f4f4f4}.manager-list button{background-color:#e74c3c;border:none;color:#fff;cursor:pointer;padding:5px 10px}.manager-list button:hover{background-color:#c0392b}.error{color:red;margin-bottom:20px}
/*# sourceMappingURL=main.ba1ccde4.css.map*/