body,html{max-width:100vw;overflow-x:hidden}:root{--kompta-navy:#0f172a;--kompta-teal:#55c1b2;--kompta-amber:#f4c66a;--kompta-blue-light:#548df01a;--kompta-teal-light:#55c1b21a;--kompta-amber-light:#f4c66a26;--kompta-coral-light:#e8766d1a;--kompta-navy-light:#0f172a0a;--kompta-blue-hover:#3a6fd4;--kompta-teal-hover:#3d9b8e;--kompta-amber-hover:#e5ab3a;--kompta-coral-hover:#d45a50;--color-societe-1:#548df0;--color-societe-2:#55c1b2;--color-societe-3:#f4c66a;--color-societe-4:#e8766d;--color-societe-5:#8b5cf6;--color-societe-6:#0f172a;--color-societe-1-light:#548df014;--color-societe-2-light:#55c1b214;--color-societe-3-light:#f4c66a14;--color-societe-4-light:#e8766d14;--color-societe-5-light:#8b5cf614;--color-societe-6-light:#0f172a14;--color-societe-1-hover:#3a6fd4;--color-societe-2-hover:#3d9b8e;--color-societe-3-hover:#e5ab3a;--color-societe-4-hover:#d45a50;--color-societe-5-hover:#7c3aed;--color-societe-6-hover:#1e293b;--color-primary:var(--kompta-blue);--color-primary-light:var(--kompta-blue-light);--color-primary-hover:var(--kompta-blue-hover);--color-secondary:var(--kompta-teal);--color-secondary-light:var(--kompta-teal-light);--color-secondary-hover:var(--kompta-teal-hover);--color-success:var(--kompta-teal);--color-success-light:var(--kompta-teal-light);--color-success-text:#3d9b8e;--color-success-bg:#55c1b214;--color-warning:var(--kompta-amber);--color-warning-light:var(--kompta-amber-light);--color-warning-text:#e5ab3a;--color-warning-bg:#f4c66a1a;--color-error:var(--kompta-coral);--color-error-light:var(--kompta-coral-light);--color-error-text:#d45a50;--color-error-bg:#e8766d14;--color-neutral:#6b7280;--color-neutral-light:#f3f4f6;--color-neutral-dark:#374151;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-subtle:#f3f4f6;--border-standard:#e5e7eb;--border-strong:#d1d5db;--text-primary:var(--kompta-navy);--text-secondary:#6b7280;--text-tertiary:#9ca3af;--shadow-subtle:0 1px 2px 0 #0000000d;--shadow-standard:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-emphasis:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-hover:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--font-h1:2.25rem;--font-h2:1.875rem;--font-h3:1.5rem;--font-h4:1.25rem;--font-h5:1.125rem;--font-h6:1rem;--font-body-lg:1.125rem;--font-body:1rem;--font-body-sm:0.875rem;--font-body-xs:0.75rem;--leading-relaxed:1.75;--leading-normal:1.5;--leading-tight:1.25;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--gap-sm:var(--space-3);--gap-md:var(--space-6);--gap-lg:var(--space-8);--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-normal:200ms ease-in-out;--transition-slow:300ms ease-in-out;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--chart-color-1:var(--color-societe-1);--chart-color-2:var(--color-societe-2);--chart-color-3:var(--color-societe-3);--chart-color-4:var(--color-societe-4);--chart-color-5:var(--color-societe-5);--chart-color-6:var(--color-societe-6);--chart-grid-stroke:var(--border-standard);--chart-grid-opacity:0.5;--chart-axis-color:var(--color-neutral);--chart-height-main:350px;--chart-height-secondary:300px;--chart-height-mini:200px;--chart-tooltip-bg:var(--bg-primary);--chart-tooltip-border:var(--border-standard);--chart-tooltip-shadow:var(--shadow-standard);--pagination-bg:var(--bg-primary);--pagination-hover-bg:var(--bg-secondary);--pagination-active-bg:var(--color-primary);--pagination-active-color:#fff;--pagination-border:var(--border-standard);--metric-positive-color:var(--color-success);--metric-negative-color:var(--color-error);--metric-neutral-color:var(--color-neutral);--metric-bg:var(--bg-primary);--metric-border:var(--border-subtle);--status-active-bg:var(--color-success-bg);--status-active-color:var(--color-success-text);--status-inactive-bg:var(--color-neutral-light);--status-inactive-color:var(--color-neutral-dark);--status-pending-bg:var(--color-warning-bg);--status-pending-color:var(--color-warning-text);--table-header-bg:var(--bg-secondary);--table-row-hover-bg:var(--bg-secondary);--table-border:var(--border-subtle);--table-text-primary:var(--text-primary);--table-text-secondary:var(--text-secondary);--filter-bg:var(--bg-primary);--filter-border:var(--border-standard);--filter-hover-bg:var(--bg-secondary);--filter-active-bg:var(--color-primary-light);--filter-active-border:var(--color-primary);--z-base:0;--z-content:10;--z-navigation:20;--z-dropdown:30;--z-sticky:40;--z-modal:1000;--z-notification:1010;--dropdown-max-height:320px;--dropdown-min-width:250px;--dropdown-bg:var(--bg-primary);--dropdown-border:var(--border-standard);--dropdown-border-hover:var(--color-primary);--dropdown-shadow:var(--shadow-emphasis);--dropdown-radius:var(--radius-md);--dropdown-item-padding:var(--space-3);--dropdown-item-hover:var(--bg-secondary);--dropdown-checkbox-size:16px;--dropdown-checkbox-gap:var(--space-3);--dropdown-checkbox-color:var(--color-primary);--nav-button-size:40px;--nav-button-bg:var(--bg-tertiary);--nav-button-hover-bg:var(--border-standard);--nav-button-icon-color:var(--text-secondary);--nav-button-radius:var(--radius-sm);--nav-button-transition:var(--transition-normal);--kpi-card-gap:1rem;--kpi-card-padding:var(--space-6);--kpi-card-radius:var(--radius-md);--kpi-card-border:var(--border-subtle);--kpi-card-shadow:var(--shadow-subtle);--kpi-icon-size:32px;--kpi-icon-opacity:0.8;--kpi-value-size:var(--font-h2);--kpi-value-weight:var(--weight-bold);--kpi-label-size:var(--font-body-sm);--kpi-label-color:var(--text-secondary);--kpi-subtitle-size:var(--font-body-xs);--kpi-subtitle-color:var(--text-tertiary);--modal-backdrop:#00000080;--modal-backdrop-blur:blur(4px);--modal-bg:var(--bg-primary);--modal-border:var(--border-subtle);--modal-radius:var(--radius-lg);--modal-shadow:var(--shadow-emphasis);--modal-max-width:56rem;--modal-max-height:85vh;--modal-header-padding:var(--space-6) var(--space-6) var(--space-4) var(--space-6);--modal-header-border:var(--border-subtle);--modal-header-bg:var(--bg-secondary);--modal-content-padding:var(--space-6);--modal-content-max-height:none;--modal-close-size:2.5rem;--modal-close-color:var(--text-tertiary);--modal-close-hover-color:var(--text-secondary);--modal-close-hover-bg:var(--color-neutral-light);--filter-container-bg:var(--bg-secondary);--filter-container-border:var(--border-subtle);--filter-container-radius:var(--radius-md);--filter-container-padding:var(--space-4);--filter-container-margin:0 0 var(--space-6) 0;--filter-select-bg:var(--bg-primary);--filter-select-border:var(--border-standard);--filter-select-radius:var(--radius-sm);--filter-select-padding:var(--space-3) var(--space-4);--filter-select-font:var(--font-body-sm);--filter-select-color:var(--text-secondary);--filter-select-focus-border:var(--color-primary);--filter-select-focus-shadow:0 0 0 3px #6fa2f21a;--list-container-spacing:var(--space-4);--list-container-max-height:60vh;--list-item-bg:var(--bg-primary);--list-item-border:var(--border-subtle);--list-item-radius:var(--radius-md);--list-item-padding:var(--space-4) var(--space-6);--list-item-hover-bg:var(--bg-secondary);--list-item-hover-border:var(--color-primary-light);--list-item-shadow:var(--shadow-subtle);--list-item-hover-shadow:var(--shadow-hover);--list-item-title-font:var(--font-h6);--list-item-title-color:var(--text-primary);--list-item-subtitle-font:var(--font-body-sm);--list-item-subtitle-color:var(--text-tertiary);--list-item-value-font:var(--font-body-lg);--list-item-meta-font:var(--font-body-xs);--amount-overdue-color:var(--color-error);--amount-overdue-bg:#f1a49414;--amount-upcoming-color:var(--color-warning);--amount-upcoming-bg:#f4c06a14;--amount-normal-color:var(--text-primary);--amount-normal-bg:#0000;--status-overdue-color:var(--color-error-text);--status-overdue-bg:#dc262614;--status-upcoming-color:var(--color-warning-text);--status-upcoming-bg:#92400e14;--status-danger-bg:#ef44441a;--status-warning-bg:#f59e0b1a;--accordion-header-bg:#fafafa;--accordion-header-hover-bg:#f0f0f0;--accordion-header-border:#e5e7eb;--accordion-content-bg:#fff;--accordion-content-border:#f3f4f6;--accordion-icon-color:#6b7280;--accordion-icon-hover:#374151;--accordion-title-color:#111827;--accordion-subtitle-color:#6b7280;--tabs-container-bg:var(--color-neutral-light);--tabs-container-radius:var(--radius-lg);--tabs-container-padding:var(--space-1);--tabs-container-gap:var(--space-1);--tab-item-padding:var(--space-3) var(--space-4);--tab-item-radius:var(--radius-md);--tab-item-font-size:var(--font-body-sm);--tab-item-font-weight:var(--weight-medium);--tab-item-gap:var(--space-2);--tab-inactive-color:var(--text-secondary);--tab-inactive-bg:#0000;--tab-hover-color:var(--text-primary);--tab-hover-bg:#ffffff80;--tab-active-color:var(--color-primary);--tab-active-bg:var(--bg-primary);--tab-active-shadow:var(--shadow-subtle);--tab-badge-padding:var(--space-1) var(--space-2);--tab-badge-font-size:var(--font-body-xs);--tab-badge-radius:var(--radius-sm);--tab-badge-min-width:20px;--tab-badge-inactive-bg:var(--border-standard);--tab-badge-inactive-color:var(--text-secondary);--tab-badge-active-bg:var(--color-primary-light);--tab-badge-active-color:var(--color-primary)}.text-kompta-navy{color:#0f172a;color:var(--kompta-navy)}.text-kompta-blue{color:#548df0;color:var(--kompta-blue)}.text-kompta-teal{color:#55c1b2;color:var(--kompta-teal)}.text-kompta-amber{color:#f4c66a;color:var(--kompta-amber)}.text-kompta-coral{color:#e8766d;color:var(--kompta-coral)}.bg-kompta-navy{background-color:#0f172a;background-color:var(--kompta-navy)}.bg-kompta-blue{background-color:#548df0;background-color:var(--kompta-blue)}.bg-kompta-teal{background-color:#55c1b2;background-color:var(--kompta-teal)}.bg-kompta-amber{background-color:#f4c66a;background-color:var(--kompta-amber)}.bg-kompta-coral{background-color:#e8766d;background-color:var(--kompta-coral)}.bg-kompta-blue-light{background-color:#548df01a;background-color:var(--kompta-blue-light)}.bg-kompta-teal-light{background-color:#55c1b21a;background-color:var(--kompta-teal-light)}.bg-kompta-amber-light{background-color:#f4c66a26;background-color:var(--kompta-amber-light)}.bg-kompta-coral-light{background-color:#e8766d1a;background-color:var(--kompta-coral-light)}.border-kompta-blue{border-color:#548df0;border-color:var(--kompta-blue)}.border-kompta-teal{border-color:#55c1b2;border-color:var(--kompta-teal)}.border-kompta-amber{border-color:#f4c66a;border-color:var(--kompta-amber)}.border-kompta-coral{border-color:#e8766d;border-color:var(--kompta-coral)}.color-primary-bg{background-color:#548df01a;background-color:var(--color-primary-light)}.color-primary-text{color:#548df0;color:var(--color-primary)}.border-primary{border-color:#548df0;border-color:var(--color-primary)}.color-secondary-bg{background-color:#55c1b21a;background-color:var(--color-secondary-light)}.color-secondary-text{color:#55c1b2;color:var(--color-secondary)}.border-secondary{border-color:#55c1b2;border-color:var(--color-secondary)}.color-success-bg{background-color:#55c1b214;background-color:var(--color-success-bg)}.color-success-text{color:#3d9b8e;color:var(--color-success-text)}.border-success{border-color:#55c1b2;border-color:var(--color-success)}.color-warning-bg{background-color:#f4c66a1a;background-color:var(--color-warning-bg)}.color-warning-text{color:#e5ab3a;color:var(--color-warning-text)}.border-warning{border-color:#f4c66a;border-color:var(--color-warning)}.color-error-bg{background-color:#e8766d14;background-color:var(--color-error-bg)}.color-error-text{color:#d45a50;color:var(--color-error-text)}.border-error{border-color:#e8766d;border-color:var(--color-error)}.card-static{border:1px solid #f3f4f6;border:1px solid var(--border-subtle);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-subtle);cursor:default}.card-interactive,.card-static{background:#fff;background:var(--bg-primary);padding:1.5rem;padding:var(--space-6)}.card-interactive{border:1px solid #e5e7eb;border:1px solid var(--border-standard);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-standard);cursor:pointer;transition:all .2s ease-in-out;transition:all var(--transition-normal)}.card-interactive:hover{border-color:#548df0;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-emphasis);transform:translateY(-1px)}.btn-primary{background:#548df0;background:var(--color-primary);border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600;font-weight:var(--weight-semibold);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .2s ease-in-out;transition:all var(--transition-normal)}.btn-primary:hover{background:#3a6fd4;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--bg-primary);border:1px solid #d1d5db;border:1px solid var(--border-strong);border-radius:.5rem;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;font-weight:600;font-weight:var(--weight-semibold);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .2s ease-in-out;transition:all var(--transition-normal)}.btn-secondary:hover{background:#f9fafb;background:var(--bg-secondary);border-color:#6b7280;border-color:var(--color-neutral)}.text-h1{font-size:2.25rem;font-size:var(--font-h1)}.text-h1,.text-h2{color:#0f172a;color:var(--text-primary);font-weight:700;font-weight:var(--weight-bold);line-height:1.25;line-height:var(--leading-tight)}.text-h2{font-size:1.875rem;font-size:var(--font-h2)}.text-h3{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-h3);font-weight:600;font-weight:var(--weight-semibold);line-height:1.5;line-height:var(--leading-normal)}.text-body-lg{font-size:1.125rem;font-size:var(--font-body-lg);line-height:1.75;line-height:var(--leading-relaxed)}.text-body,.text-body-lg{color:#6b7280;color:var(--text-secondary)}.text-body{font-size:1rem;font-size:var(--font-body);line-height:1.5;line-height:var(--leading-normal)}.state-success{background:#55c1b214;background:var(--color-success-bg);border-color:#55c1b2;border-color:var(--color-success);color:#3d9b8e;color:var(--color-success-text)}.state-warning{background:#f4c66a1a;background:var(--color-warning-bg);border-color:#f4c66a;border-color:var(--color-warning);color:#e5ab3a;color:var(--color-warning-text)}.state-error{background:#e8766d14;background:var(--color-error-bg);border-color:#e8766d;border-color:var(--color-error);color:#d45a50;color:var(--color-error-text)}.amount-positive{color:#3d9b8e;color:var(--color-success-text)}.amount-positive-badge,.amount-positive-bg{background-color:#55c1b214;background-color:var(--color-success-bg);color:#3d9b8e;color:var(--color-success-text)}.amount-positive-badge{border:1px solid #55c1b2;border:1px solid var(--color-success);border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-size:var(--font-body-xs);font-weight:500;font-weight:var(--weight-medium);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.amount-negative{color:#d45a50;color:var(--color-error-text)}.amount-negative-badge,.amount-negative-bg{background-color:#e8766d14;background-color:var(--color-error-bg);color:#d45a50;color:var(--color-error-text)}.amount-negative-badge{border:1px solid #e8766d;border:1px solid var(--color-error);border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-size:var(--font-body-xs);font-weight:500;font-weight:var(--weight-medium);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.amount-warning{color:#e5ab3a;color:var(--color-warning-text)}.amount-warning-badge,.amount-warning-bg{background-color:#f4c66a1a;background-color:var(--color-warning-bg);color:#e5ab3a;color:var(--color-warning-text)}.amount-warning-badge{border:1px solid #f4c66a;border:1px solid var(--color-warning);border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-size:var(--font-body-xs);font-weight:500;font-weight:var(--weight-medium);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.focus-ring:focus{outline:2px solid #548df0;outline:2px solid var(--color-primary);outline-offset:2px}.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--modal-backdrop-blur);backdrop-filter:var(--modal-backdrop-blur);background:#00000080;background:var(--modal-backdrop);display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--space-4);position:fixed;z-index:1000;z-index:var(--z-modal)}.modal-container{background:#fff;background:var(--modal-bg);border:1px solid #f3f4f6;border:1px solid var(--modal-border);border-radius:1rem;border-radius:var(--modal-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--modal-shadow);display:flex;flex-direction:column;max-height:85vh;max-height:var(--modal-max-height);max-width:56rem;max-width:var(--modal-max-width);overflow:hidden;width:100%}.modal-header{align-items:center;background:#f9fafb;background:var(--modal-header-bg);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--modal-header-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 1.5rem 1rem;padding:var(--modal-header-padding)}.modal-title{color:#0f172a;color:var(--text-primary);flex:1 1;font-size:1.5rem;font-size:var(--font-h3);font-weight:600;font-weight:var(--weight-semibold);margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-sm);color:#9ca3af;color:var(--modal-close-color);cursor:pointer;display:flex;height:2.5rem;height:var(--modal-close-size);justify-content:center;transition:all .2s ease-in-out;transition:all var(--transition-normal);width:2.5rem;width:var(--modal-close-size)}.modal-close:hover{background:#f3f4f6;background:var(--modal-close-hover-bg);color:#6b7280;color:var(--modal-close-hover-color)}.modal-content{flex:1 1;max-height:none;max-height:var(--modal-content-max-height);overflow-y:auto;padding:1.5rem;padding:var(--modal-content-padding)}.filter-container{align-items:center;background:#f9fafb;background:var(--filter-container-bg);border:1px solid #f3f4f6;border:1px solid var(--filter-container-border);border-radius:.75rem;border-radius:var(--filter-container-radius);display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-end;margin:0 0 1.5rem;margin:var(--filter-container-margin);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.filter-label{color:#6b7280;color:var(--text-secondary);font-weight:500;font-weight:var(--weight-medium);white-space:nowrap}.filter-label,.filter-select{font-size:.875rem;font-size:var(--font-body-sm)}.filter-select{background:#fff;background:var(--filter-select-bg);border:1px solid #e5e7eb;border:1px solid var(--filter-select-border);border-radius:.5rem;border-radius:var(--filter-select-radius);color:#6b7280;color:var(--filter-select-color);cursor:pointer;min-width:140px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s ease-in-out;transition:all var(--transition-normal)}.filter-select:focus{border-color:#548df0;border-color:var(--filter-select-focus-border);box-shadow:0 0 0 3px #6fa2f21a;box-shadow:var(--filter-select-focus-shadow);outline:none}.list-container{display:flex;flex-direction:column;gap:1rem;gap:var(--list-container-spacing)}.list-item{align-items:center;background:#fff;background:var(--list-item-bg);border:1px solid #f3f4f6;border:1px solid var(--list-item-border);border-radius:.75rem;border-radius:var(--list-item-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--list-item-shadow);cursor:pointer;display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between;padding:1rem 1.5rem;padding:var(--list-item-padding);transition:all .2s ease-in-out;transition:all var(--transition-normal)}.list-item:hover{background:#f9fafb;background:var(--list-item-hover-bg);border-color:#548df01a;border-color:var(--list-item-hover-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--list-item-hover-shadow);transform:translateY(-1px)}.list-item-content{flex:1 1;min-width:0}.financial-item{align-items:center;background:var(--surface-primary);border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between;padding:1rem;padding:var(--space-4);transition:all .2s ease-in-out;transition:all var(--transition-normal)}.financial-item:hover{background:var(--surface-hover);border-color:var(--border-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.financial-item-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1);min-width:0}.financial-item-title{color:#0f172a;color:var(--text-primary);font-size:1rem;font-size:var(--font-body);font-weight:500;font-weight:var(--weight-medium);line-height:1.25;line-height:var(--leading-tight)}.financial-item-subtitle{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-body-sm);line-height:1.5;line-height:var(--leading-normal)}.financial-item-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;gap:var(--space-2)}.financial-item-sm{gap:.75rem;gap:var(--space-3);padding:.75rem;padding:var(--space-3)}.financial-item-sm .financial-item-title{font-size:.875rem;font-size:var(--font-body-sm)}.financial-item-sm .financial-item-subtitle{font-size:.75rem;font-size:var(--font-body-xs)}.financial-item-lg{gap:var(--space-5);padding:var(--space-5)}.financial-item-lg .financial-item-title{font-size:1.25rem;font-size:var(--font-h4);font-weight:600;font-weight:var(--weight-semibold)}.financial-amount-sm,.financial-item-lg .financial-item-subtitle{font-size:1rem;font-size:var(--font-body)}.financial-amount-sm{font-weight:500;font-weight:var(--weight-medium)}.financial-amount-md{font-size:1.25rem;font-size:var(--font-h4);font-weight:600;font-weight:var(--weight-semibold)}.financial-amount-lg{font-size:1.5rem;font-size:var(--font-h3);font-weight:700;font-weight:var(--weight-bold)}.tabs-container{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;display:inline-flex;gap:var(--space-1);padding:var(--space-1)}.tabs-list{-ms-overflow-style:none;display:flex;gap:0;list-style:none;margin:0;overflow-x:auto;padding:0 1rem;padding:0 var(--space-4);scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tab-item{border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0;font-size:1rem;font-size:var(--font-body);font-weight:var(--weight-medium);gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);position:relative}.tab-item:hover{background:var(--surface-hover);color:var(--text-primary)}.tab-item.active{cursor:default;font-weight:600;font-weight:var(--weight-semibold);pointer-events:none}.tab-item.active,.tab-item.active:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.tab-item-badge{background:var(--color-primary-600);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.75rem;font-size:var(--font-body-xs);font-weight:500;font-weight:var(--weight-medium);height:var(--space-5);line-height:var(--space-5);margin-left:.5rem;margin-left:var(--space-2);min-width:var(--space-5);padding:0 .5rem;padding:0 var(--space-2);text-align:center}@media (max-width:639px){.tabs-container{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;scrollbar-width:none;width:100%}.tabs-container::-webkit-scrollbar{display:none}.tab-item{font-size:.875rem;font-size:var(--font-body-sm);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.tab-item svg{height:14px;width:14px}}.chart-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;touch-action:pan-x}.chart-scroll-container::-webkit-scrollbar{height:6px}.chart-scroll-container::-webkit-scrollbar-track{background:#0000}.chart-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chart-scroll-content{min-width:600px}@media (min-width:768px){.chart-scroll-content{min-width:auto}}.tabs-container-compact .tab-item{font-size:.875rem;font-size:var(--font-body-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.tab-content{padding:1.5rem 1rem;padding:var(--space-6) var(--space-4)}.tab-content-compact{padding:1rem;padding:var(--space-4)}.financial-item-compact{gap:.75rem;gap:var(--space-3);margin-bottom:.5rem;margin-bottom:var(--space-2);padding:.75rem;padding:var(--space-3)}.financial-item-compact .financial-item-title{font-size:1rem;font-size:var(--font-body);font-weight:500;font-weight:var(--weight-medium)}.financial-item-compact .financial-item-subtitle{font-size:.875rem;font-size:var(--font-body-sm);margin-top:.25rem;margin-top:var(--space-1)}.financial-amount-compact{font-size:1rem;font-size:var(--font-body);font-weight:600;font-weight:var(--weight-semibold)}.modal-container-detailed{margin:.75rem;margin:var(--space-3);max-width:900px;padding:1rem;padding:var(--space-4)}.modal-header-compact{border-bottom:1px solid var(--border-light);padding:var(--space-4) var(--space-5)}.modal-close-compact{height:24px;position:absolute;right:.75rem;right:var(--space-3);top:.75rem;top:var(--space-3);width:24px}.modal-header-with-total{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}.modal-total-label{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-body-sm);font-weight:500;font-weight:var(--weight-medium)}.modal-total-amount{color:var(--color-danger);font-size:1.25rem;font-size:var(--font-h4);font-weight:700;font-weight:var(--weight-bold)}.accordion-container{border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-lg);overflow:hidden}.accordion-header{background:var(--surface-secondary);padding:1rem;padding:var(--space-4)}.accordion-header:hover{background:var(--surface-hover)}.accordion-header-title{color:#0f172a;color:var(--text-primary);font-size:1rem;font-size:var(--font-body);font-weight:500;font-weight:var(--weight-medium);margin:0}.accordion-header-subtitle{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-body-sm);margin-top:.25rem;margin-top:var(--space-1)}.accordion-header-actions{flex-shrink:0;text-align:right}.accordion-header-amount{color:var(--color-danger);font-size:1.25rem;font-size:var(--font-h4);font-weight:600;font-weight:var(--weight-semibold);margin:0}.accordion-header-meta{color:#6b7280;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-body-xs);margin-top:.25rem;margin-top:var(--space-1)}.accordion-content{background:var(--surface-primary);border-top:1px solid var(--border-light);padding:1rem;padding:var(--space-4)}.accordion-item{display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-2);padding:.5rem;padding:var(--space-2)}.accordion-item:last-child{margin-bottom:0}.accordion-item-overdue{background:#ef44441a;background:var(--status-danger-bg)}.accordion-item-upcoming{background:#f59e0b1a;background:var(--status-warning-bg)}.accordion-item-content{flex:1 1;min-width:0}.accordion-item-title{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-size:var(--font-body-sm);font-weight:500;font-weight:var(--weight-medium);margin:0}.accordion-item-subtitle{color:#6b7280;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-body-xs);margin-top:.25rem;margin-top:var(--space-1)}.accordion-item-actions{flex-shrink:0;text-align:right}.accordion-item-amount{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-size:var(--font-body-sm);font-weight:500;font-weight:var(--weight-medium);margin:0}.accordion-item-meta{font-size:.75rem;font-size:var(--font-body-xs);margin-top:.25rem;margin-top:var(--space-1)}.accordion-item-meta-overdue{color:var(--color-danger)}.accordion-item-meta-upcoming{color:#f4c66a;color:var(--color-warning)}.list-item-title{color:#0f172a;color:var(--list-item-title-color);font-size:1rem;font-size:var(--list-item-title-font);font-weight:600;font-weight:var(--weight-semibold);margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.list-item-subtitle{color:#9ca3af;color:var(--list-item-subtitle-color);font-size:.875rem;font-size:var(--list-item-subtitle-font);margin:0}.list-item-value{font-size:1.125rem;font-size:var(--list-item-value-font);font-weight:600;font-weight:var(--weight-semibold);text-align:right}.list-item-meta{color:#9ca3af;color:var(--list-item-subtitle-color);font-size:.75rem;font-size:var(--list-item-meta-font);margin:.25rem 0 0;margin:var(--space-1) 0 0 0;text-align:right}.amount-overdue,.amount-overdue-bg{color:#e8766d;color:var(--amount-overdue-color)}.amount-overdue-bg{background:#f1a49414;background:var(--amount-overdue-bg);border-radius:.5rem;border-radius:var(--radius-sm);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.amount-upcoming,.amount-upcoming-bg{color:#f4c66a;color:var(--amount-upcoming-color)}.amount-upcoming-bg{background:#f4c06a14;background:var(--amount-upcoming-bg);border-radius:.5rem;border-radius:var(--radius-sm);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.amount-normal{color:#0f172a;color:var(--amount-normal-color)}.status-overdue{background:#dc262614;background:var(--status-overdue-bg);color:#d45a50;color:var(--status-overdue-color)}.status-overdue,.status-upcoming{border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-size:var(--font-body-xs);font-weight:500;font-weight:var(--weight-medium);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.status-upcoming{background:#92400e14;background:var(--status-upcoming-bg);color:#e5ab3a;color:var(--status-upcoming-color)}.expandable-section{background:#fff;background:var(--bg-primary);border:1px solid #f3f4f6;border:1px solid var(--border-subtle);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-subtle);margin-bottom:1rem;margin-bottom:var(--space-4);overflow:hidden;transition:all .2s ease-in-out;transition:all var(--transition-normal)}.expandable-section.expanded{box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-standard)}.expandable-header{align-items:center;border-bottom:1px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:all .2s ease-in-out;transition:all var(--transition-normal)}.expandable-header:hover,.expandable-section.expanded .expandable-header{background:#f9fafb;background:var(--bg-secondary)}.expandable-section.expanded .expandable-header{border-bottom-color:#f3f4f6;border-bottom-color:var(--border-subtle)}.expandable-title{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-h4);font-weight:600;font-weight:var(--weight-semibold);margin:0}.expandable-icon{color:#9ca3af;color:var(--text-tertiary);transition:transform .2s ease-in-out;transition:transform var(--transition-normal)}.expandable-section.expanded .expandable-icon{transform:rotate(180deg)}.expandable-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;transition:max-height var(--transition-slow)}.expandable-section.expanded .expandable-content{max-height:80vh}.accordion-container{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);margin-top:1rem;margin-top:var(--space-4)}.accordion-item{background:#fff;background:var(--accordion-content-bg);border:1px solid #f3f4f6;border:1px solid var(--accordion-content-border);border-radius:.75rem;border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease-in-out;transition:all var(--transition-normal)}.accordion-item:hover{border-color:#e5e7eb;border-color:var(--accordion-header-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-hover)}.accordion-header{align-items:center;background:#fafafa;background:var(--accordion-header-bg);border-bottom:1px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s ease-in-out;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.accordion-header:hover,.accordion-item.expanded .accordion-header{background:#f0f0f0;background:var(--accordion-header-hover-bg)}.accordion-item.expanded .accordion-header{border-bottom-color:#e5e7eb;border-bottom-color:var(--accordion-header-border)}.accordion-header-content{flex:1 1;min-width:0}.accordion-title{color:#111827;color:var(--accordion-title-color);font-size:1rem;font-size:var(--font-body);font-weight:600;font-weight:var(--weight-semibold);margin:0}.accordion-subtitle{color:#6b7280;color:var(--accordion-subtitle-color);font-size:.875rem;font-size:var(--font-body-sm);margin:.25rem 0 0;margin:var(--space-1) 0 0 0}.accordion-header-info{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);margin-left:1rem;margin-left:var(--space-4)}.accordion-icon{color:#6b7280;color:var(--accordion-icon-color);margin-left:.5rem;margin-left:var(--space-2);transition:transform .2s ease-in-out,color .2s ease-in-out;transition:transform var(--transition-normal),color var(--transition-normal)}.accordion-header:hover .accordion-icon{color:#374151;color:var(--accordion-icon-hover)}.accordion-item.expanded .accordion-icon{transform:rotate(180deg)}.accordion-content{background:#fff;background:var(--accordion-content-bg);max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;transition:max-height var(--transition-slow)}.accordion-item.expanded .accordion-content{max-height:60vh}.accordion-content-inner{border-top:1px solid #f3f4f6;border-top:1px solid var(--accordion-content-border);padding:1rem;padding:var(--space-4)}.accordion-item.overdue{border-left:3px solid #e8766d;border-left:3px solid var(--color-error)}.accordion-item.upcoming{border-left:3px solid #f4c66a;border-left:3px solid var(--color-warning)}.accordion-item.neutral{border-left:3px solid #55c1b2;border-left:3px solid var(--color-success)}.expandable-content-inner{padding:1.5rem;padding:var(--space-6)}.tabs-container{-ms-overflow-style:none;background:#f3f4f6;background:var(--tabs-container-bg);border-radius:1rem;border-radius:var(--tabs-container-radius);display:flex;gap:.25rem;gap:var(--tabs-container-gap);margin:1rem 0;margin:var(--space-4) 0;overflow-x:auto;padding:.25rem;padding:var(--tabs-container-padding);scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-item{align-items:center;background:#0000;background:var(--tab-inactive-bg);border:none;border-radius:.75rem;border-radius:var(--tab-item-radius);color:#6b7280;color:var(--tab-inactive-color);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--tab-item-font-size);font-weight:500;font-weight:var(--tab-item-font-weight);gap:.5rem;gap:var(--tab-item-gap);padding:.75rem 1rem;padding:var(--tab-item-padding);text-decoration:none;transition:all .2s ease-in-out;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.tab-item:hover{background:#ffffff80;background:var(--tab-hover-bg);color:#0f172a;color:var(--tab-hover-color)}.tab-item.active{background:#fff;background:var(--tab-active-bg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--tab-active-shadow);color:#548df0;color:var(--tab-active-color)}.tab-item:focus{ring:2px solid #548df0;ring:2px solid var(--color-primary);ring-opacity:.3;outline:none}.tab-badge{background:#e5e7eb;background:var(--tab-badge-inactive-bg);border-radius:.5rem;border-radius:var(--tab-badge-radius);color:#6b7280;color:var(--tab-badge-inactive-color);font-size:.75rem;font-size:var(--tab-badge-font-size);font-weight:500;font-weight:var(--weight-medium);line-height:1;min-width:20px;min-width:var(--tab-badge-min-width);padding:.25rem .5rem;padding:var(--tab-badge-padding);text-align:center}.tab-item.active .tab-badge{background:#548df01a;background:var(--tab-badge-active-bg);color:#548df0;color:var(--tab-badge-active-color)}.tabs-container.compact{margin:.5rem 0;margin:var(--space-2) 0}.tabs-container.compact .tab-item{font-size:.75rem;font-size:var(--font-body-xs);gap:.25rem;gap:var(--space-1);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.tabs-container.compact .tab-badge{font-size:10px;min-width:16px;padding:2px .25rem;padding:2px var(--space-1)}.tab-item.icon-only{justify-content:center;min-width:44px;padding:.75rem;padding:var(--space-3)}@media (max-width:640px){.tabs-container{margin:.5rem 0;margin:var(--space-2) 0}.tab-item{font-size:.75rem;font-size:var(--font-body-xs);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.tab-badge{display:none}.tabs-container.mobile-show-badges .tab-badge{display:inline-block}}@media (min-width:640px){:root{--font-h1:2.5rem;--font-h2:2rem}}@media (min-width:1024px){:root{--font-h1:3rem;--font-h2:2.25rem}}[data-theme=dark]{--bg-primary:#1f2937;--bg-secondary:#111827;--text-primary:#f9fafb;--text-secondary:#d1d5db;--border-subtle:#374151;--border-standard:#4b5563}.dropdown-multiselect{display:inline-block;position:relative}.dropdown-multiselect-trigger{align-items:center;background:#fff;background:var(--dropdown-bg);border:1px solid #e5e7eb;border:1px solid var(--dropdown-border);border-radius:.75rem;border-radius:var(--dropdown-radius);cursor:pointer;display:flex;gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .2s ease-in-out;transition:all var(--transition-normal)}.dropdown-multiselect-trigger:hover{border-color:#548df0;border-color:var(--dropdown-border-hover)}.dropdown-multiselect-menu{background:#fff;background:var(--dropdown-bg);border:1px solid #e5e7eb;border:1px solid var(--dropdown-border);border-radius:.75rem;border-radius:var(--dropdown-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--dropdown-shadow);left:0;margin-top:.5rem;margin-top:var(--space-2);max-height:320px;max-height:var(--dropdown-max-height);min-width:250px;min-width:var(--dropdown-min-width);overflow-y:auto;position:absolute;top:100%;z-index:30;z-index:var(--z-dropdown)}.dropdown-checkbox-item{align-items:center;cursor:pointer;display:flex;padding:.75rem;padding:var(--dropdown-item-padding);transition:background .15s ease-in-out;transition:background var(--transition-fast)}.dropdown-checkbox-item:hover{background:#f9fafb;background:var(--dropdown-item-hover)}.dropdown-checkbox-input{accent-color:#548df0;accent-color:var(--dropdown-checkbox-color);height:16px;height:var(--dropdown-checkbox-size);margin-right:.75rem;margin-right:var(--dropdown-checkbox-gap);width:16px;width:var(--dropdown-checkbox-size)}.dropdown-checkbox-label{color:#0f172a;color:var(--text-primary);flex:1 1;font-size:.875rem;font-size:var(--font-body-sm)}.btn-nav-home{align-items:center;background:#f3f4f6;background:var(--nav-button-bg);border:none;border-radius:.5rem;border-radius:var(--nav-button-radius);cursor:pointer;display:flex;height:40px;height:var(--nav-button-size);justify-content:center;transition:background .2s ease-in-out;transition:background var(--nav-button-transition);width:40px;width:var(--nav-button-size)}.btn-nav-home:hover{background:#e5e7eb;background:var(--nav-button-hover-bg)}.btn-nav-home svg{color:#6b7280;color:var(--nav-button-icon-color)}.btn-nav-back{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-standard);border-radius:.5rem;border-radius:var(--nav-button-radius);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-body-sm);gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .2s ease-in-out;transition:all var(--nav-button-transition)}.btn-nav-back:hover{background:#f3f4f6;background:var(--nav-button-bg);border-color:#548df0;border-color:var(--color-primary);color:#0f172a;color:var(--text-primary)}.kpi-grid{grid-gap:1rem;grid-gap:var(--kpi-card-gap);display:grid;gap:1rem;gap:var(--kpi-card-gap);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-6)}.kpi-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #f3f4f6;border:1px solid var(--kpi-card-border);border-radius:.75rem;border-radius:var(--kpi-card-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--kpi-card-shadow);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--kpi-card-padding);transition:all .2s ease-in-out;transition:all var(--transition-normal)}.kpi-card:hover{box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-standard);transform:translateY(-1px)}.kpi-card-content{flex:1 1}.kpi-card-label{color:#6b7280;color:var(--kpi-label-color);font-size:.875rem;font-size:var(--kpi-label-size);font-weight:500;font-weight:var(--weight-medium);margin:0}.kpi-card-value{color:#0f172a;color:var(--text-primary);font-size:1.875rem;font-size:var(--kpi-value-size);font-weight:700;font-weight:var(--kpi-value-weight)}.kpi-card-subtitle,.kpi-card-value{margin:.25rem 0 0;margin:var(--space-1) 0 0 0}.kpi-card-subtitle{color:#9ca3af;color:var(--kpi-subtitle-color);font-size:.75rem;font-size:var(--kpi-subtitle-size)}.kpi-card-icon{height:32px;height:var(--kpi-icon-size);opacity:.8;opacity:var(--kpi-icon-opacity);width:32px;width:var(--kpi-icon-size)}.card-chart,.card-detail,.card-kpi{@apply bg-white rounded-lg border border-gray-200 shadow-lg p-4 cursor-pointer transition-all duration-200 hover:shadow-xl hover:border-blue-300}.pill-status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-body-xs);font-weight:500;font-weight:var(--weight-medium);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.pill-status-success{background:#55c1b214;background:var(--color-success-bg);color:#3d9b8e;color:var(--color-success-text)}.pill-status-warning{background:#f4c66a1a;background:var(--color-warning-bg);color:#e5ab3a;color:var(--color-warning-text)}.pill-status-error{background:#e8766d14;background:var(--color-error-bg);color:#d45a50;color:var(--color-error-text)}.pill-count{align-items:center;background:#548df0;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.75rem;font-size:var(--font-body-xs);font-weight:700;font-weight:var(--weight-bold);height:20px;justify-content:center;min-width:20px;padding:0 .5rem;padding:0 var(--space-2)}.App{font-family:sans-serif;text-align:center}.animation-delay-200>div{animation-delay:.2s}.animation-delay-400>div{animation-delay:.4s}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loader-fade-in{animation:fadeInScale .5s ease-out}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-20px)}to{max-height:2000px;opacity:1;transform:translateY(0)}}.animate-slideDown{animation:slideDown .3s ease-out forwards}@keyframes slideUp{0%{max-height:2000px;opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;transform:translateY(-20px)}}.animate-slideUp{animation:slideUp .2s ease-in forwards}.toggle-switch{border-radius:12px;cursor:pointer;display:inline-block;height:24px;position:relative;transition:background-color .2s ease-in-out;width:44px}.toggle-slider{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #00000026;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease-in-out;width:20px}input:checked+.toggle-switch .toggle-slider{transform:translateX(20px)}.toggle-switch:hover .toggle-slider{box-shadow:0 2px 6px #0003}select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}select option{padding:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.hover-lift{transition:all .2s ease-in-out}.hover-lift:hover{box-shadow:var(--shadow-interactive-hover);transform:translateY(-2px)}@media (max-width:768px){.max-w-7xl{padding-left:1rem;padding-right:1rem}.grid-cols-2{grid-template-columns:1fr}}.slider-blue::-webkit-slider-thumb,.slider-green::-webkit-slider-thumb,.slider-red::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px 0 #0000001a;cursor:pointer;height:12px;-webkit-transition:all .2s;transition:all .2s;width:12px}.slider-green::-webkit-slider-thumb{background:#8ed89b}.slider-blue::-webkit-slider-thumb{background:#60a5fa}.slider-red::-webkit-slider-thumb{background:#f1a494}.slider-blue::-moz-range-thumb,.slider-green::-moz-range-thumb,.slider-red::-moz-range-thumb{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px 0 #0000001a;cursor:pointer;height:12px;-moz-transition:all .2s;transition:all .2s;width:12px}.slider-green::-moz-range-thumb{background:#8ed89b}.slider-blue::-moz-range-thumb{background:#60a5fa}.slider-red::-moz-range-thumb{background:#f1a494}.slider-blue:hover::-webkit-slider-thumb,.slider-green:hover::-webkit-slider-thumb,.slider-red:hover::-webkit-slider-thumb{transform:scale(1.2)}.slider-blue:hover::-moz-range-thumb,.slider-green:hover::-moz-range-thumb,.slider-red:hover::-moz-range-thumb{transform:scale(1.2)}:root{--kompta-turquoise:#55c1b2;--kompta-turquoise-light:#7dd3c7;--kompta-turquoise-dark:#3d9b8e;--kompta-coral:#e8766d;--kompta-coral-light:#f0968f;--kompta-coral-dark:#d45a50;--kompta-blue:#548df0;--kompta-blue-light:#7aa8f5;--kompta-blue-dark:#3a6fd4;--kompta-gold:#f4c66a;--kompta-gold-light:#f7d68e;--kompta-gold-dark:#e5ab3a;--kompta-dark:#0f172a;--kompta-dark-soft:#1e293b;--flux-positive:var(--kompta-turquoise);--flux-negative:var(--kompta-coral);--flux-neutral:var(--kompta-blue);--flux-highlight:var(--kompta-gold);--flux-bg-primary:#f8fafc;--flux-bg-secondary:#fff;--flux-bg-elevated:#ffffffd9;--flux-bg-glass:#ffffffb3;--flux-font-display:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--flux-font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--flux-shadow-sm:0 1px 2px #0f172a0a;--flux-shadow-md:0 4px 12px #0f172a14;--flux-shadow-lg:0 8px 30px #0f172a1f;--flux-shadow-glow-turquoise:0 4px 20px #55c1b240;--flux-shadow-glow-coral:0 4px 20px #e8766d40;--flux-shadow-glow-blue:0 4px 20px #548df040;--flux-border-subtle:#0f172a0f;--flux-border-standard:#0f172a1a;--flux-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--flux-transition-base:250ms cubic-bezier(0.4,0,0.2,1);--flux-transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}.flux-page{background:#f8fafc;background:var(--flux-bg-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--flux-font-body);min-height:100vh;overflow-x:hidden;position:relative}.flux-page:before{background:radial-gradient(ellipse 80% 50% at 20% -10%,#55c1b214 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 10%,#548df00f 0,#0000 50%),radial-gradient(ellipse 40% 30% at 50% 20%,#f4c66a0a 0,#0000 50%);content:"";height:500px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.flux-page-content{margin:0 auto;max-width:80rem;padding:1rem .75rem;position:relative;z-index:1}@media (min-width:640px){.flux-page-content{padding:1.5rem}}@media (min-width:1024px){.flux-page-content{padding:2rem}}.flux-header{margin-bottom:32px}.flux-header-title{color:#0f172a;color:var(--kompta-dark);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--flux-font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.flux-header-subtitle{color:#64748b;font-size:15px;font-weight:400}.flux-tabs-container{background:#0f172a0a;border-radius:14px;display:inline-flex;gap:4px;margin-bottom:32px;padding:4px}.flux-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--flux-font-body);font-size:14px;font-weight:500;gap:10px;padding:12px 24px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--flux-transition-base);white-space:nowrap}.flux-tab:hover:not(.flux-tab--active){background:#ffffff80;color:#0f172a;color:var(--kompta-dark)}.flux-tab--active{background:#fff;background:var(--flux-bg-secondary);box-shadow:0 4px 12px #0f172a14;box-shadow:var(--flux-shadow-md);color:#548df0}.flux-tab__icon{height:18px;opacity:.7;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--flux-transition-fast);width:18px}.flux-tab--active .flux-tab__icon{color:#548df0;opacity:1}.flux-tab__badge{align-items:center;background:#0f172a14;border-radius:6px;color:#64748b;display:inline-flex;font-size:12px;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 7px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--flux-transition-fast)}.flux-tab--active .flux-tab__badge{background:#548df0;color:#fff}.flux-status-bar{align-items:center;animation:flux-slide-in .3s ease-out;background:linear-gradient(135deg,#55c1b214,#548df014);border:1px solid #55c1b233;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:14px 20px}.flux-status-bar__icon{color:#55c1b2;color:var(--kompta-turquoise);height:20px;width:20px}.flux-status-bar__icon--spinning{animation:flux-spin 1s linear infinite}.flux-status-bar__text{color:#0f172a;color:var(--kompta-dark);font-size:14px;font-weight:500}@keyframes flux-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes flux-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.flux-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.flux-loading__spinner{animation:flux-spin .8s linear infinite;border:3px solid #0f172a0f;border-top-color:#55c1b2;border:3px solid var(--flux-border-subtle);border-radius:50%;border-top-color:var(--kompta-turquoise);height:48px;width:48px}.flux-loading__text{color:#64748b;font-size:15px;font-weight:500}.flux-card{background:#fff;background:var(--flux-bg-secondary);border:1px solid #0f172a0f;border:1px solid var(--flux-border-subtle);border-radius:16px;box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--flux-shadow-sm);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--flux-transition-base)}.flux-card--elevated,.flux-card:hover{box-shadow:0 4px 12px #0f172a14;box-shadow:var(--flux-shadow-md)}.flux-card--elevated:hover{box-shadow:0 8px 30px #0f172a1f;box-shadow:var(--flux-shadow-lg);transform:translateY(-2px)}.flux-card__header{align-items:center;border-bottom:1px solid #0f172a0f;border-bottom:1px solid var(--flux-border-subtle);display:flex;justify-content:space-between;padding:20px 24px}.flux-card__title{align-items:center;color:#0f172a;display:flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--flux-font-display);font-size:16px;font-weight:600;gap:12px}.flux-card__title-icon{align-items:center;background:linear-gradient(135deg,#55c1b2,#3d9b8e);background:linear-gradient(135deg,var(--kompta-turquoise) 0,var(--kompta-turquoise-dark) 100%);border-radius:10px;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.flux-card__title-icon--blue{background:linear-gradient(135deg,#548df0,#3a6fd4);background:linear-gradient(135deg,var(--kompta-blue) 0,var(--kompta-blue-dark) 100%)}.flux-card__title-icon--coral{background:linear-gradient(135deg,#e8766d,#d45a50);background:linear-gradient(135deg,var(--kompta-coral) 0,var(--kompta-coral-dark) 100%)}.flux-card__title-icon--gold{background:linear-gradient(135deg,#f4c66a,#e5ab3a);background:linear-gradient(135deg,var(--kompta-gold) 0,var(--kompta-gold-dark) 100%)}.flux-card__actions{align-items:center;display:flex;gap:12px}.flux-card__body{padding:24px}.flux-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--flux-font-body);font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 18px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--flux-transition-fast);white-space:nowrap}.flux-btn:disabled{cursor:not-allowed;opacity:.5}.flux-btn--primary{background:linear-gradient(135deg,#55c1b2,#3d9b8e);background:linear-gradient(135deg,var(--kompta-turquoise) 0,var(--kompta-turquoise-dark) 100%);box-shadow:0 1px 2px #0f172a0a,0 2px 8px #55c1b24d;box-shadow:var(--flux-shadow-sm),0 2px 8px #55c1b24d;color:#fff}.flux-btn--primary:hover:not(:disabled){box-shadow:0 4px 12px #0f172a14,0 4px 16px #55c1b266;box-shadow:var(--flux-shadow-md),0 4px 16px #55c1b266;transform:translateY(-1px)}.flux-btn--primary:active:not(:disabled){transform:translateY(0)}.flux-btn--secondary{background:#0f172a0a;border:1px solid #0f172a1a;border:1px solid var(--flux-border-standard);color:#0f172a;color:var(--kompta-dark)}.flux-btn--secondary:hover:not(:disabled){background:#0f172a14;border-color:#0f172a26}.flux-btn--ghost{background:#0000;color:#64748b}.flux-btn--ghost:hover:not(:disabled){background:#0f172a0a;color:#0f172a;color:var(--kompta-dark)}.flux-btn--icon{border-radius:10px;padding:10px}.flux-btn--save{background:linear-gradient(135deg,#548df0,#3a6fd4);background:linear-gradient(135deg,var(--kompta-blue) 0,var(--kompta-blue-dark) 100%);box-shadow:0 1px 2px #0f172a0a,0 2px 8px #548df04d;box-shadow:var(--flux-shadow-sm),0 2px 8px #548df04d;color:#fff}.flux-btn--save:hover:not(:disabled){box-shadow:0 4px 12px #0f172a14,0 4px 16px #548df066;box-shadow:var(--flux-shadow-md),0 4px 16px #548df066;transform:translateY(-1px)}.flux-btn--danger{background:#e8766d1a;border:1px solid #e8766d33;color:#e8766d;color:var(--kompta-coral)}.flux-btn--danger:hover:not(:disabled){background:#e8766d;background:var(--kompta-coral);border-color:#e8766d;border-color:var(--kompta-coral);color:#fff}.flux-toast{align-items:center;animation:flux-toast-in .3s ease-out;border-radius:10px;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px}.flux-toast--success{background:#55c1b21a;border:1px solid #55c1b233;color:#3d9b8e;color:var(--kompta-turquoise-dark)}.flux-toast--error{background:#e8766d1a;border:1px solid #e8766d33;color:#d45a50;color:var(--kompta-coral-dark)}.flux-toast--warning{background:#f4c66a26;border:1px solid #f4c66a4d;color:#92700c}@keyframes flux-toast-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.flux-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.flux-empty__icon{color:#cbd5e1;height:64px;margin-bottom:20px;width:64px}.flux-empty__title{color:#0f172a;color:var(--kompta-dark);font-size:16px;font-weight:600;margin-bottom:8px}.flux-empty__text{color:#64748b;font-size:14px;margin-bottom:24px;max-width:320px}.flux-table{border-collapse:initial;border-spacing:0;width:100%}.flux-table th{background:#0f172a05;border-bottom:1px solid #0f172a0f;border-bottom:1px solid var(--flux-border-subtle);color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.flux-table th:first-child{border-radius:8px 0 0 0}.flux-table th:last-child{border-radius:0 8px 0 0}.flux-table td{border-bottom:1px solid #0f172a0f;border-bottom:1px solid var(--flux-border-subtle);color:#0f172a;color:var(--kompta-dark);font-size:14px;padding:14px 16px;vertical-align:middle}.flux-table tr:last-child td{border-bottom:none}.flux-table tbody tr{transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--flux-transition-fast)}.flux-table tbody tr:hover{background:#55c1b208}.flux-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:5px 12px}.flux-badge--encaissement{background:#55c1b21f;color:#3d9b8e;color:var(--kompta-turquoise-dark)}.flux-badge--decaissement{background:#e8766d1f;color:#d45a50;color:var(--kompta-coral-dark)}.flux-badge--periodicite{background:#548df01a;color:#3a6fd4;color:var(--kompta-blue-dark)}.flux-montant{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-size:14px;font-weight:600}.flux-montant--positive{color:#3d9b8e;color:var(--kompta-turquoise-dark)}.flux-montant--negative{color:#d45a50;color:var(--kompta-coral-dark)}.flux-montant--large{font-size:24px}.flux-kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1200px){.flux-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.flux-kpi-grid{grid-template-columns:1fr}}.flux-kpi{background:#fff;background:var(--flux-bg-secondary);border:1px solid #0f172a0f;border:1px solid var(--flux-border-subtle);border-radius:14px;overflow:hidden;padding:20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--flux-transition-base)}.flux-kpi:hover{box-shadow:0 4px 12px #0f172a14;box-shadow:var(--flux-shadow-md);transform:translateY(-2px)}.flux-kpi:before{background:#55c1b2;background:var(--kompta-turquoise);content:"";height:3px;left:0;position:absolute;right:0;top:0}.flux-kpi--warning:before{background:#e8766d;background:var(--kompta-coral)}.flux-kpi--neutral:before{background:#548df0;background:var(--kompta-blue)}.flux-kpi--highlight:before{background:#f4c66a;background:var(--kompta-gold)}.flux-kpi__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.flux-kpi__label{color:#64748b;font-size:13px;font-weight:500}.flux-kpi__icon{background:#55c1b21a;border-radius:8px;color:#55c1b2;color:var(--kompta-turquoise);height:32px;padding:6px;width:32px}.flux-kpi--warning .flux-kpi__icon{background:#e8766d1a;color:#e8766d;color:var(--kompta-coral)}.flux-kpi--neutral .flux-kpi__icon{background:#548df01a;color:#548df0;color:var(--kompta-blue)}.flux-kpi__value{color:#0f172a;color:var(--kompta-dark);font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-size:26px;font-weight:700;margin-bottom:4px}.flux-kpi__value--positive{color:#3d9b8e;color:var(--kompta-turquoise-dark)}.flux-kpi__value--negative{color:#d45a50;color:var(--kompta-coral-dark)}.flux-kpi__subtext{color:#94a3b8;font-size:12px}.flux-filters{align-items:center;border-bottom:1px solid #0f172a0f;border-bottom:1px solid var(--flux-border-subtle);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px 0}.flux-filter-group{align-items:center;display:flex;gap:8px}.flux-filter-label{color:#64748b;font-size:13px;font-weight:500}.flux-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--flux-bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #0f172a1a;border:1px solid var(--flux-border-standard);border-radius:8px;color:#0f172a;color:var(--kompta-dark);cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--flux-font-body);font-size:13px;padding:8px 32px 8px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--flux-transition-fast)}.flux-select:focus,.flux-select:hover{border-color:#55c1b2;border-color:var(--kompta-turquoise)}.flux-select:focus{box-shadow:0 0 0 3px #55c1b226;outline:none}.flux-chart{background:#fff;background:var(--flux-bg-secondary);border:1px solid #0f172a0f;border:1px solid var(--flux-border-subtle);border-radius:16px;padding:24px}.flux-chart__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.flux-chart__title{color:#0f172a;color:var(--kompta-dark);font-size:16px;font-weight:600}.flux-fade-in{animation:flux-fade-in .4s ease-out}@keyframes flux-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flux-stagger-1{animation-delay:.05s}.flux-stagger-2{animation-delay:.1s}.flux-stagger-3{animation-delay:.15s}.flux-stagger-4{animation-delay:.2s}@media (max-width:768px){.flux-page-content{padding:1rem .75rem}.flux-header-title{font-size:22px}.flux-tabs-container{width:100%}.flux-tab{flex:1 1;justify-content:center;padding:10px 16px}.flux-card__header{align-items:flex-start;flex-direction:column;gap:12px}.flux-card__actions{justify-content:flex-end;width:100%}}
/*# sourceMappingURL=main.83a59455.css.map*/