.comparison-window.svelte-yc76gu{height:100%;display:flex;flex-direction:column;background:#f8f9fa;overflow:hidden}.header.svelte-yc76gu{flex-shrink:0;padding:20px;background:#fff;border-bottom:2px solid #e9ecef;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center;z-index:100}.header.svelte-yc76gu h2:where(.svelte-yc76gu){margin:0;font-size:24px;color:#333;font-weight:600}.header-controls.svelte-yc76gu{display:flex;gap:12px;align-items:center}.visibility-toggles.svelte-yc76gu{flex-shrink:0;display:flex;gap:20px;align-items:center;padding:10px 20px;background:#fff;border-bottom:1px solid #e9ecef}.toggle-item.svelte-yc76gu{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#333;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-item.svelte-yc76gu input[type=checkbox]:where(.svelte-yc76gu){width:16px;height:16px;cursor:pointer;accent-color:#667eea}.branch-filter.svelte-yc76gu{padding:10px 16px;background:#fff;border:2px solid #667eea;border-radius:8px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s;min-width:180px}.branch-filter.svelte-yc76gu:hover{border-color:#5568d3;box-shadow:0 2px 4px #667eea33}.branch-filter.svelte-yc76gu:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.custom-period-btn.svelte-yc76gu{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #667eea33}.custom-period-btn.svelte-yc76gu:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.content-area.svelte-yc76gu{flex:1;overflow-y:auto;position:relative}.charts-container.svelte-yc76gu{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;padding:20px}.chart-section.svelte-yc76gu{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.chart-section.svelte-yc76gu h3:where(.svelte-yc76gu){margin:0;font-size:18px;font-weight:600;color:#333;flex:1;text-align:center}.section-title-row.svelte-yc76gu{position:sticky;top:0;z-index:50;background:#fff;padding:10px 0;margin:0 0 10px;display:flex;align-items:center;gap:8px}.export-btn.svelte-yc76gu{flex-shrink:0;padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s}.export-btn.svelte-yc76gu:hover{background:#059669}.total-section.svelte-yc76gu{position:sticky;top:48px;z-index:45;background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 20px;border-radius:8px;margin-bottom:20px;text-align:center;box-shadow:0 4px 6px #667eea33}.total-label.svelte-yc76gu{font-size:12px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.total-amount.svelte-yc76gu{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.legend.svelte-yc76gu{display:flex;flex-direction:column;gap:8px}.legend-item.svelte-yc76gu{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;transition:background .2s}.legend-item.svelte-yc76gu:hover{background:#f8f9fa}.legend-item.zero-amount.svelte-yc76gu{opacity:.4}.legend-item.clickable.svelte-yc76gu{cursor:pointer;transition:all .2s}.legend-item.clickable.svelte-yc76gu:hover{background:#e3f2fd;transform:translate(4px);box-shadow:0 2px 4px #0000001a}.legend-color.svelte-yc76gu{width:16px;height:16px;border-radius:3px;flex-shrink:0}.legend-label.svelte-yc76gu{flex:1;font-size:14px;color:#333;font-weight:500}.legend-value.svelte-yc76gu{font-size:14px;font-weight:600;color:#333}.legend-percentage.svelte-yc76gu{font-size:12px;color:#666;margin-left:4px}.no-data.svelte-yc76gu{text-align:center;padding:40px 20px;color:#666}.no-data.svelte-yc76gu p:where(.svelte-yc76gu){margin:0;font-size:16px}.loading.svelte-yc76gu{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.spinner.svelte-yc76gu{font-size:48px;animation:svelte-yc76gu-spin 2s linear infinite;margin-bottom:16px}@keyframes svelte-yc76gu-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message.svelte-yc76gu{text-align:center;padding:40px 20px;color:#dc3545}.error-icon.svelte-yc76gu{font-size:48px;margin-bottom:16px}.error-message.svelte-yc76gu p:where(.svelte-yc76gu){margin:8px 0 16px;font-size:16px}.retry-btn.svelte-yc76gu{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.retry-btn.svelte-yc76gu:hover{background:#0056b3}.modal-overlay.svelte-yc76gu{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content.svelte-yc76gu{background:#fff;border-radius:12px;width:90%;max-width:1200px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.modal-header.svelte-yc76gu{position:sticky;top:0;z-index:100;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #e9ecef}.modal-header.svelte-yc76gu h3:where(.svelte-yc76gu){margin:0 0 8px;font-size:20px;color:#333;font-weight:600}.modal-subheader.svelte-yc76gu{margin:0;font-size:14px;color:#666;font-weight:400}.close-btn.svelte-yc76gu{background:none;border:none;font-size:28px;cursor:pointer;color:#999;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn.svelte-yc76gu:hover{background:#f8f9fa;color:#333}.modal-body.svelte-yc76gu{flex:1;overflow:auto;padding:24px}.table-wrapper.svelte-yc76gu{overflow-x:auto;border:1px solid #dee2e6;border-radius:8px}.details-table.svelte-yc76gu{width:100%;border-collapse:collapse;font-size:14px}.details-table.svelte-yc76gu thead:where(.svelte-yc76gu){background:#f8f9fa;position:sticky;top:0;z-index:10}.details-table.svelte-yc76gu th:where(.svelte-yc76gu){padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6;white-space:nowrap}.details-table.svelte-yc76gu td:where(.svelte-yc76gu){padding:12px;border-bottom:1px solid #dee2e6}.details-table.svelte-yc76gu tbody:where(.svelte-yc76gu) tr:where(.svelte-yc76gu):hover{background:#f8f9fa}.details-table.svelte-yc76gu tbody:where(.svelte-yc76gu) tr:where(.svelte-yc76gu):last-child td:where(.svelte-yc76gu){border-bottom:none}.bill-number.svelte-yc76gu{font-weight:600;color:#007bff}.category.svelte-yc76gu{font-weight:500;color:#495057;max-width:150px;word-wrap:break-word;white-space:normal}.description.svelte-yc76gu{max-width:250px;word-wrap:break-word;white-space:normal;color:#666}.amount.svelte-yc76gu{font-weight:600;color:#333;white-space:nowrap}.status-badge.svelte-yc76gu{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;background:#f8d7da;color:#721c24}.status-badge.paid.svelte-yc76gu{background:#d4edda;color:#155724}.description.svelte-yc76gu{max-width:250px;word-wrap:break-word;white-space:normal}.modal-footer.svelte-yc76gu{position:sticky;bottom:0;z-index:10;padding:20px 24px;border-top:2px solid #e9ecef;background:#f8f9fa;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.total-summary.svelte-yc76gu{font-size:16px;color:#333;display:flex;align-items:center;gap:8px}.total-summary.svelte-yc76gu .count:where(.svelte-yc76gu){color:#666;font-size:14px;font-weight:400}.custom-period-modal.svelte-yc76gu{max-width:600px}.period-form.svelte-yc76gu{display:flex;flex-direction:column;gap:24px}.period-group.svelte-yc76gu{background:#f8f9fa;padding:20px;border-radius:8px}.period-group.svelte-yc76gu h4:where(.svelte-yc76gu){margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.date-row.svelte-yc76gu{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field.svelte-yc76gu{display:flex;flex-direction:column;gap:8px}.form-field.svelte-yc76gu label:where(.svelte-yc76gu){font-size:14px;font-weight:500;color:#555}.form-field.svelte-yc76gu input[type=date]:where(.svelte-yc76gu){padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-field.svelte-yc76gu input[type=date]:where(.svelte-yc76gu):focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cancel-btn.svelte-yc76gu{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.cancel-btn.svelte-yc76gu:hover{background:#5a6268}.apply-btn.svelte-yc76gu{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.apply-btn.svelte-yc76gu:hover{background:#5568d3}.edit-btn.svelte-yc76gu{padding:6px 12px;background:#fbbf24;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;white-space:nowrap}.edit-btn.svelte-yc76gu:hover{background:#f59e0b;transform:scale(1.05)}.actions.svelte-yc76gu{text-align:center;white-space:nowrap}.edit-form.svelte-yc76gu{display:flex;flex-direction:column;gap:16px}.form-group.svelte-yc76gu{display:flex;flex-direction:column;gap:8px}.form-group.svelte-yc76gu label:where(.svelte-yc76gu){font-weight:600;color:#333;font-size:14px}.info-text.svelte-yc76gu{padding:10px;background:#f0f0f0;border-radius:4px;color:#555;font-size:14px}.category-search-wrapper.svelte-yc76gu{display:flex;flex-direction:column;gap:8px;position:relative}.category-search.svelte-yc76gu{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.category-search.svelte-yc76gu:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.category-dropdown.svelte-yc76gu{border:1px solid #ddd;border-radius:6px;max-height:250px;overflow-y:auto;background:#fff;box-shadow:0 4px 6px #0000001a}.category-option.svelte-yc76gu{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:#fff;text-align:left;cursor:pointer;transition:background .2s;font-size:14px;font-family:inherit}.category-option.svelte-yc76gu:hover{background:#f0f0f0}.category-option.svelte-yc76gu:active{background:#e0e0e0}.category-color.svelte-yc76gu{width:16px;height:16px;border-radius:3px;flex-shrink:0}.no-results.svelte-yc76gu{padding:12px;text-align:center;color:#999;font-size:14px}.selected-category.svelte-yc76gu{padding:8px 12px;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:13px;text-align:center}.date-input.svelte-yc76gu{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s;width:100%;box-sizing:border-box}.date-input.svelte-yc76gu:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.save-btn.svelte-yc76gu{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.save-btn.svelte-yc76gu:hover:not(:disabled){background:#059669}.save-btn.svelte-yc76gu:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}