:root{--color-societe-1:#6fa2f2;--color-societe-2:#55c192;--color-societe-3:#f4c06a;--color-societe-4:#c589f8;--color-societe-5:#8ed89b;--color-societe-6:#f1a494;--color-societe-1-light:#6fa2f214;--color-societe-2-light:#55c19214;--color-societe-3-light:#f4c06a14;--color-societe-4-light:#c589f814;--color-societe-5-light:#8ed89b14;--color-societe-6-light:#f1a49414;--color-societe-1-hover:#5f92e2;--color-societe-2-hover:#45b182;--color-societe-3-hover:#e4b05a;--color-societe-4-hover:#b579e8;--color-societe-5-hover:#7ec88b;--color-societe-6-hover:#e19484;--color-primary:var(--color-societe-1);--color-primary-light:var(--color-societe-1-light);--color-primary-hover:var(--color-societe-1-hover);--color-secondary:var(--color-societe-2);--color-secondary-light:var(--color-societe-2-light);--color-secondary-hover:var(--color-societe-2-hover);--color-success:#8ed89b;--color-success-light:#8ed89b1a;--color-success-text:#15803d;--color-success-bg:#f0fdf4;--color-warning:#f4c06a;--color-warning-light:#f4c06a1a;--color-warning-text:#92400e;--color-warning-bg:#fefce8;--color-error:#f1a494;--color-error-light:#f1a4941a;--color-error-text:#dc2626;--color-error-bg:#fef2f2;--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:#111827;--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)}.color-primary-bg{background-color:#6fa2f214;background-color:var(--color-primary-light)}.color-primary-text{color:#6fa2f2;color:var(--color-primary)}.border-primary{border-color:#6fa2f2;border-color:var(--color-primary)}.color-secondary-bg{background-color:#55c19214;background-color:var(--color-secondary-light)}.color-secondary-text{color:#55c192;color:var(--color-secondary)}.border-secondary{border-color:#55c192;border-color:var(--color-secondary)}.color-success-bg{background-color:#f0fdf4;background-color:var(--color-success-bg)}.color-success-text{color:#15803d;color:var(--color-success-text)}.border-success{border-color:#8ed89b;border-color:var(--color-success)}.color-warning-bg{background-color:#fefce8;background-color:var(--color-warning-bg)}.color-warning-text{color:#92400e;color:var(--color-warning-text)}.border-warning{border-color:#f4c06a;border-color:var(--color-warning)}.color-error-bg{background-color:#fef2f2;background-color:var(--color-error-bg)}.color-error-text{color:#dc2626;color:var(--color-error-text)}.border-error{border-color:#f1a494;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:#6fa2f2;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:#6fa2f2;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:#5f92e2;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:#111827;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:#111827;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:#f0fdf4;background:var(--color-success-bg);border-color:#8ed89b;border-color:var(--color-success);color:#15803d;color:var(--color-success-text)}.state-warning{background:#fefce8;background:var(--color-warning-bg);border-color:#f4c06a;border-color:var(--color-warning);color:#92400e;color:var(--color-warning-text)}.state-error{background:#fef2f2;background:var(--color-error-bg);border-color:#f1a494;border-color:var(--color-error);color:#dc2626;color:var(--color-error-text)}.amount-positive{color:#15803d;color:var(--color-success-text)}.amount-positive-badge,.amount-positive-bg{background-color:#f0fdf4;background-color:var(--color-success-bg);color:#15803d;color:var(--color-success-text)}.amount-positive-badge{border:1px solid #8ed89b;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:#dc2626;color:var(--color-error-text)}.amount-negative-badge,.amount-negative-bg{background-color:#fef2f2;background-color:var(--color-error-bg);color:#dc2626;color:var(--color-error-text)}.amount-negative-badge{border:1px solid #f1a494;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:#92400e;color:var(--color-warning-text)}.amount-warning-badge,.amount-warning-bg{background-color:#fefce8;background-color:var(--color-warning-bg);color:#92400e;color:var(--color-warning-text)}.amount-warning-badge{border:1px solid #f4c06a;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 #6fa2f2;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:#111827;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:#6fa2f2;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:#6fa2f214;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:#111827;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-bottom:1px solid var(--border-light)}.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-bottom:2px solid #0000;color:var(--text-secondary);flex-shrink:0;font-size:1rem;font-size:var(--font-body);font-weight:var(--weight-medium);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative}.tab-item:hover{background:var(--surface-hover);color:var(--text-primary)}.tab-item.active{border-bottom-color:var(--color-primary-600);color:var(--color-primary-600);font-weight:600;font-weight:var(--weight-semibold)}.tab-item.active:hover{background:#0000}.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}.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:#111827;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:#111827;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:#111827;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:#f4c06a;color:var(--color-warning)}.list-item-title{color:#111827;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:#f1a494;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:#f4c06a;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:#111827;color:var(--amount-normal-color)}.status-overdue{background:#dc262614;background:var(--status-overdue-bg);color:#dc2626;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:#92400e;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:#111827;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 #f1a494;border-left:3px solid var(--color-error)}.accordion-item.upcoming{border-left:3px solid #f4c06a;border-left:3px solid var(--color-warning)}.accordion-item.neutral{border-left:3px solid #8ed89b;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:#111827;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:#6fa2f2;color:var(--tab-active-color)}.tab-item:focus{ring:2px solid #6fa2f2;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:#6fa2f214;background:var(--tab-badge-active-bg);color:#6fa2f2;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:#6fa2f2;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:#6fa2f2;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:#111827;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:#6fa2f2;border-color:var(--color-primary);color:#111827;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:#111827;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:#f0fdf4;background:var(--color-success-bg);color:#15803d;color:var(--color-success-text)}.pill-status-warning{background:#fefce8;background:var(--color-warning-bg);color:#92400e;color:var(--color-warning-text)}.pill-status-error{background:#fef2f2;background:var(--color-error-bg);color:#dc2626;color:var(--color-error-text)}.pill-count{align-items:center;background:#6fa2f2;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}.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)}.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}}
/*# sourceMappingURL=main.78c19938.css.map*/