:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.charges-container{padding:20px}.charges-filters{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px}.charges-stats{margin-bottom:20px}.charges-stats .stat-card{text-align:center;padding:16px}.charges-table{margin-top:20px}.charge-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.charge-actions{display:flex;gap:4px;align-items:center}.recurring-indicator{color:#1976d2;font-size:18px}.status-chip{font-size:.75rem;height:24px}.amount-cell{font-weight:600;color:#2e7d32}.charge-description{font-size:.875rem;color:#666;margin-top:2px}.empty-state{text-align:center;padding:40px 20px;color:#666}.filter-section{border-bottom:1px solid #e0e0e0;padding-bottom:16px;margin-bottom:16px}.filter-section:last-child{border-bottom:none;margin-bottom:0}.charges-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.charges-toolbar .actions{display:flex;gap:12px}@media (max-width: 768px){.charges-container{padding:10px}.charges-toolbar{flex-direction:column;gap:12px;align-items:stretch}.charges-toolbar .actions{justify-content:center}.charges-filters{padding:12px}}.attachment-indicator{color:#1976d2;cursor:pointer}.attachment-indicator:hover{color:#1565c0}.charge-row:hover{background-color:#f5f5f5}.total-amount{font-size:1.5rem;font-weight:600;color:#2e7d32}.recurring-badge{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:500}.payer-badge{background-color:#f3e5f5;color:#7b1fa2;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:500}.charge-name{font-weight:500;color:#1a1a1a}.charge-type{color:#666;font-size:.875rem}.charge-category{color:#666;font-size:.875rem;font-style:italic}.date-cell{white-space:nowrap;font-family:Roboto Mono,monospace;font-size:.875rem}.actions-cell{white-space:nowrap}.filter-reset-btn,.export-btn{margin-left:8px}.generate-recurring-btn{margin-left:12px}.stats-grid{margin-bottom:24px}.stat-value{font-size:1.75rem;font-weight:600;line-height:1.2}.stat-label{font-size:.875rem;color:#666;margin-bottom:4px}.table-container{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.table-header{background-color:#f5f5f5;font-weight:600}.no-data-message{padding:40px;text-align:center;color:#999}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.error-alert{margin-bottom:16px}.search-input,.filter-select{background-color:#fff}.toolbar-buttons{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 600px){.toolbar-buttons{width:100%;justify-content:center}.toolbar-buttons button{flex:1;min-width:120px}}.charge-modal{max-width:600px;width:100%}.export-modal{max-width:500px;width:100%}.attachment-list{margin-top:8px}.attachment-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background-color:#f5f5f5;border-radius:4px;margin-bottom:4px}.attachment-name{font-size:.875rem;color:#333}.attachment-size{font-size:.75rem;color:#666}.tag-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag-chip{font-size:.75rem;height:20px}.recurring-info{display:flex;align-items:center;gap:4px}.recurring-text{font-size:.75rem;color:#666}.status-indicator{display:flex;align-items:center;gap:4px}.validation-status{font-size:.75rem;color:#666;margin-top:2px}.amount-highlight{background-color:#fff3e0;padding:2px 6px;border-radius:4px;font-weight:600}.payer-info{display:flex;align-items:center;gap:4px}.reimbursement-status{font-size:.75rem;color:#ff9800;margin-top:2px}.charge-details{display:flex;flex-direction:column;gap:2px}.charge-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.meta-item{font-size:.75rem;color:#666;display:flex;align-items:center;gap:2px}.priority-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.priority-high{background-color:#f44336}.priority-medium{background-color:#ff9800}.priority-low{background-color:#4caf50}.bulk-actions{background-color:#e3f2fd;padding:12px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.bulk-actions-text{font-size:.875rem;color:#1976d2;font-weight:500}.quick-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.quick-filter-chip{cursor:pointer;transition:all .2s}.quick-filter-chip:hover{background-color:#e0e0e0}.quick-filter-chip.active{background-color:#1976d2;color:#fff}.summary-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;padding:20px;margin-bottom:20px}.summary-title{font-size:1.25rem;font-weight:600;margin-bottom:12px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.summary-stat{text-align:center}.summary-stat-value{font-size:1.5rem;font-weight:700;margin-bottom:4px}.summary-stat-label{font-size:.875rem;opacity:.9}.floating-summary{position:fixed;bottom:20px;right:20px;background:white;border-radius:12px;padding:16px;box-shadow:0 4px 20px #00000026;border:1px solid #e0e0e0;z-index:1000;min-width:200px}.floating-summary-title{font-size:.875rem;font-weight:600;color:#666;margin-bottom:8px}.floating-summary-amount{font-size:1.25rem;font-weight:700;color:#2e7d32}@media (max-width: 768px){.floating-summary{bottom:10px;right:10px;left:10px;min-width:auto}}.charge-timeline{margin-top:16px;padding:12px;background-color:#f8f9fa;border-radius:8px}.timeline-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.875rem;color:#666}.timeline-item:last-child{margin-bottom:0}.timeline-icon{width:16px;height:16px;color:#1976d2}.timeline-date{font-family:Roboto Mono,monospace;font-size:.75rem;color:#999}.advanced-filters{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px}.advanced-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.advanced-filters-title{font-size:1rem;font-weight:600;color:#333}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.date-range-picker,.amount-range-picker{display:flex;gap:8px;align-items:center}.filter-group{border:1px solid #e0e0e0;border-radius:8px;padding:12px}.filter-group-title{font-size:.875rem;font-weight:600;color:#666;margin-bottom:8px}.checkbox-group{display:flex;flex-direction:column;gap:4px}.checkbox-item{display:flex;align-items:center;gap:8px}.checkbox-item label{font-size:.875rem;color:#333;cursor:pointer}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.active-filter-chip{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb;font-size:.75rem;height:28px}.clear-all-filters{background-color:#ffebee;color:#d32f2f;border:1px solid #ffcdd2;font-size:.75rem;height:28px}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid #e0e0e0}.pagination-info{font-size:.875rem;color:#666}.pagination-controls{display:flex;gap:8px;align-items:center}.rows-per-page{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#666}.page-size-select{min-width:80px}.export-progress{margin-top:16px}.export-success{color:#4caf50;display:flex;align-items:center;gap:8px;margin-top:16px}.export-error{color:#f44336;display:flex;align-items:center;gap:8px;margin-top:16px}.validation-indicator{display:flex;align-items:center;gap:4px;margin-top:4px}.validation-pending{color:#ff9800}.validation-approved{color:#4caf50}.validation-rejected{color:#f44336}.collaboration-info{background-color:#f3e5f5;border:1px solid #e1bee7;border-radius:8px;padding:12px;margin-top:8px}.collaboration-text{font-size:.875rem;color:#7b1fa2;display:flex;align-items:center;gap:8px}.notification-badge{background-color:#f44336;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;position:absolute;top:-8px;right:-8px}.charge-card{border:1px solid #e0e0e0;border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s;cursor:pointer}.charge-card:hover{border-color:#1976d2;box-shadow:0 2px 8px #1976d226}.charge-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.charge-card-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:4px}.charge-card-subtitle{font-size:.875rem;color:#666}.charge-card-amount{font-size:1.25rem;font-weight:700;color:#2e7d32}.charge-card-body{margin-bottom:12px}.charge-card-footer{display:flex;justify-content:space-between;align-items:center}.charge-card-meta{display:flex;gap:12px;align-items:center}.charge-card-actions{display:flex;gap:4px}.view-toggle{display:flex;gap:8px;margin-bottom:16px}.view-toggle button{padding:8px 16px;border:1px solid #e0e0e0;background:white;color:#666;border-radius:6px;cursor:pointer;transition:all .2s}.view-toggle button:hover{background:#f5f5f5}.view-toggle button.active{background:#1976d2;color:#fff;border-color:#1976d2}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr}.charge-card-header,.charge-card-footer{flex-direction:column;align-items:flex-start;gap:8px}.charge-card-meta{flex-wrap:wrap}}.mobile-optimized{padding:8px}.mobile-optimized .charges-filters{padding:12px}.mobile-optimized .filter-grid{grid-template-columns:1fr;gap:12px}.mobile-optimized .stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mobile-optimized .toolbar-buttons{flex-direction:column;gap:8px}.mobile-optimized .table-container{overflow-x:auto}.mobile-optimized .charge-card{padding:12px}.mobile-optimized .charge-card-title{font-size:.875rem}.mobile-optimized .charge-card-amount{font-size:1rem}.sticky-header{position:sticky;top:0;background:white;z-index:100;border-bottom:1px solid #e0e0e0;padding:16px 0;margin-bottom:16px}.performance-indicator{position:fixed;top:20px;right:20px;background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;z-index:9999}.loading-skeleton{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.skeleton-row{height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-boundary{padding:40px;text-align:center;border:1px solid #ffcdd2;border-radius:8px;background-color:#ffebee;color:#d32f2f}.error-boundary h3{margin-bottom:16px;color:#d32f2f}.error-boundary p{margin-bottom:16px;color:#666}.retry-button{background-color:#d32f2f;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.875rem}.retry-button:hover{background-color:#c62828}.accessibility-skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:10000}.accessibility-skip-link:focus{top:6px}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible{outline:2px solid #1976d2;outline-offset:2px}.high-contrast{filter:contrast(150%)}.reduced-motion{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.charges-container{background-color:#121212;color:#fff}.charges-filters{background-color:#1e1e1e;border-color:#333}.charge-card{background-color:#1e1e1e;border-color:#333;color:#fff}.table-container{background-color:#1e1e1e}.table-header{background-color:#2a2a2a}}.print-only{display:none}@media print{.no-print{display:none!important}.print-only{display:block}.charges-container{padding:0}.charge-card{break-inside:avoid;border:1px solid #000;margin-bottom:10px}.table-container{font-size:12px}.charges-filters,.charges-toolbar,.floating-summary{display:none}}.rtl{direction:rtl}.rtl .charge-card-header,.rtl .charge-card-footer,.rtl .charge-actions,.rtl .toolbar-buttons{flex-direction:row-reverse}.charges-help{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:16px;margin-bottom:16px}.charges-help-title{font-size:1rem;font-weight:600;color:#1976d2;margin-bottom:8px;display:flex;align-items:center;gap:8px}.charges-help-content{font-size:.875rem;color:#1565c0;line-height:1.5}.charges-help-list{margin:8px 0;padding-left:20px}.charges-help-list li{margin-bottom:4px}.keyboard-shortcuts{position:fixed;bottom:20px;left:20px;background:rgba(0,0,0,.9);color:#fff;padding:12px;border-radius:8px;font-size:.75rem;z-index:1000;max-width:300px}.keyboard-shortcuts-title{font-weight:600;margin-bottom:8px}.keyboard-shortcut{display:flex;justify-content:space-between;margin-bottom:4px}.keyboard-shortcut-key{background:rgba(255,255,255,.2);padding:2px 6px;border-radius:3px;font-family:monospace}.data-visualization{margin:20px 0}.chart-container{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.chart-title{font-size:1.125rem;font-weight:600;margin-bottom:16px;color:#333}.chart-legend{display:flex;justify-content:center;gap:16px;margin-top:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem}.legend-color{width:12px;height:12px;border-radius:2px}.trend-indicator{display:flex;align-items:center;gap:4px;font-size:.875rem}.trend-up{color:#4caf50}.trend-down{color:#f44336}.trend-stable{color:#ff9800}.comparison-view{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.comparison-card{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.comparison-title{font-size:1rem;font-weight:600;margin-bottom:12px;color:#333}.comparison-value{font-size:1.5rem;font-weight:700;color:#2e7d32;margin-bottom:8px}.comparison-change{font-size:.875rem;display:flex;align-items:center;gap:4px}@media (max-width: 768px){.comparison-view{grid-template-columns:1fr}.keyboard-shortcuts{display:none}.chart-legend{flex-direction:column;align-items:center}}.advanced-search{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px}.advanced-search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;cursor:pointer}.advanced-search-title{font-size:1rem;font-weight:600;color:#333}.advanced-search-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.search-field-group{display:flex;flex-direction:column;gap:8px}.search-field-label{font-size:.875rem;font-weight:500;color:#666}.search-operators{display:flex;gap:8px;margin-top:16px}.search-operator{padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;background:white;cursor:pointer;font-size:.75rem;transition:all .2s}.search-operator:hover{background:#f5f5f5}.search-operator.active{background:#1976d2;color:#fff;border-color:#1976d2}.saved-searches{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.saved-searches-title{font-size:.875rem;font-weight:600;color:#666;margin-bottom:8px}.saved-search-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:6px;margin-bottom:4px;cursor:pointer;transition:all .2s}.saved-search-item:hover{background:#e9ecef}.saved-search-name{font-size:.875rem;color:#333}.saved-search-actions{display:flex;gap:4px}.bulk-operations{background:#fff3e0;border:1px solid #ffcc02;border-radius:8px;padding:16px;margin-bottom:16px}.bulk-operations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bulk-operations-title{font-size:1rem;font-weight:600;color:#e65100}.bulk-operations-actions{display:flex;gap:8px;flex-wrap:wrap}.bulk-action-btn{padding:6px 12px;border:1px solid #ff9800;background:white;color:#e65100;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.bulk-action-btn:hover{background:#ff9800;color:#fff}.bulk-action-btn:disabled{opacity:.5;cursor:not-allowed}.selection-summary{font-size:.875rem;color:#e65100;margin-bottom:8px}.audit-trail{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-top:16px}.audit-trail-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.audit-entry{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e9ecef}.audit-entry:last-child{border-bottom:none}.audit-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.audit-icon.create{background-color:#4caf50}.audit-icon.update{background-color:#ff9800}.audit-icon.delete{background-color:#f44336}.audit-icon.validate{background-color:#2196f3}.audit-details{flex:1}.audit-action{font-size:.875rem;font-weight:500;color:#333;margin-bottom:2px}.audit-meta{font-size:.75rem;color:#666;display:flex;gap:12px}.audit-user{font-weight:500}.audit-timestamp{font-family:Roboto Mono,monospace}.collaboration-panel{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px}.collaboration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.collaboration-title{font-size:1rem;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.pending-validations{background:#fff3e0;border:1px solid #ffcc02;border-radius:6px;padding:12px;margin-bottom:12px}.pending-validations-title{font-size:.875rem;font-weight:600;color:#e65100;margin-bottom:8px}.pending-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #ffe0b2}.pending-item:last-child{border-bottom:none}.pending-charge-info{flex:1}.pending-charge-name{font-size:.875rem;font-weight:500;color:#333}.pending-charge-details{font-size:.75rem;color:#666;margin-top:2px}.pending-actions{display:flex;gap:8px}.validate-btn{padding:4px 8px;border:1px solid #4caf50;background:white;color:#4caf50;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s}.validate-btn:hover{background:#4caf50;color:#fff}.reject-btn{padding:4px 8px;border:1px solid #f44336;background:white;color:#f44336;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s}.reject-btn:hover{background:#f44336;color:#fff}.recent-activity{margin-top:16px}.recent-activity-title{font-size:.875rem;font-weight:600;color:#666;margin-bottom:8px}.activity-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.875rem;color:#666}.activity-icon{width:16px;height:16px;color:#1976d2}.activity-text{flex:1}.activity-time{font-size:.75rem;color:#999;font-family:Roboto Mono,monospace}.notification-center{position:fixed;top:20px;right:20px;width:320px;max-height:400px;background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden}.notification-header{background:#1976d2;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.notification-title{font-size:1rem;font-weight:600}.notification-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.notification-close:hover{background:rgba(255,255,255,.1)}.notification-list{max-height:320px;overflow-y:auto}.notification-item{padding:12px 16px;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background .2s}.notification-item:hover{background:#f5f5f5}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#e3f2fd;border-left:4px solid #1976d2}.notification-content{font-size:.875rem;color:#333;margin-bottom:4px}.notification-meta{font-size:.75rem;color:#666;display:flex;justify-content:space-between}.notification-time{font-family:Roboto Mono,monospace}.notification-type{font-weight:500;text-transform:uppercase}.empty-notifications{padding:40px 16px;text-align:center;color:#666}.empty-notifications-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.empty-notifications-text{font-size:.875rem}@media (max-width: 768px){.notification-center{top:10px;right:10px;left:10px;width:auto}}.performance-metrics{position:fixed;bottom:20px;left:20px;background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;z-index:1000;font-family:Roboto Mono,monospace}.metric-item{display:flex;justify-content:space-between;margin-bottom:2px}.metric-label{margin-right:8px}.metric-value{font-weight:600}.metric-good{color:#4caf50}.metric-warning{color:#ff9800}.metric-error{color:#f44336}@media (max-width: 768px){.performance-metrics{display:none}}.theme-toggle{position:fixed;top:20px;left:20px;background:white;border:1px solid #e0e0e0;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;z-index:1000;transition:all .2s}.theme-toggle:hover{background:#f5f5f5;transform:scale(1.05)}.theme-toggle-icon{font-size:20px;color:#666}.dark-theme .theme-toggle{background:#333;border-color:#555}.dark-theme .theme-toggle-icon{color:#fff}.dark-theme .theme-toggle:hover{background:#444}@media (max-width: 768px){.theme-toggle{top:10px;left:10px;width:40px;height:40px}.theme-toggle-icon{font-size:16px}}.charges-onboarding{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;padding:24px;margin-bottom:24px;position:relative;overflow:hidden}.charges-onboarding:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>') repeat;background-size:20px 20px}.onboarding-content{position:relative;z-index:1}.onboarding-title{font-size:1.5rem;font-weight:700;margin-bottom:12px}.onboarding-subtitle{font-size:1rem;opacity:.9;margin-bottom:20px}.onboarding-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.onboarding-feature{display:flex;align-items:center;gap:8px;font-size:.875rem}.onboarding-feature-icon{width:20px;height:20px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.onboarding-actions{display:flex;gap:12px;flex-wrap:wrap}.onboarding-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onboarding-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.onboarding-btn.primary{background:white;color:#667eea;border-color:#fff}.onboarding-btn.primary:hover{background:#f5f5f5}.onboarding-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.onboarding-close:hover{background:rgba(255,255,255,.1)}@media (max-width: 768px){.charges-onboarding{padding:16px}.onboarding-title{font-size:1.25rem}.onboarding-features{grid-template-columns:1fr}.onboarding-actions{flex-direction:column}}.feature-tour{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10000;display:flex;align-items:center;justify-content:center}.tour-step{background:white;border-radius:12px;padding:24px;max-width:400px;width:90%;position:relative;box-shadow:0 8px 32px #0000004d}.tour-step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tour-step-title{font-size:1.25rem;font-weight:600;color:#333}.tour-step-counter{background:#1976d2;color:#fff;border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:600}.tour-step-content{margin-bottom:20px}.tour-step-description{font-size:.875rem;color:#666;line-height:1.5;margin-bottom:12px}.tour-step-image{width:100%;height:200px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999;font-size:.875rem}.tour-step-actions{display:flex;justify-content:space-between;align-items:center}.tour-step-nav{display:flex;gap:8px}.tour-btn{padding:8px 16px;border:1px solid #e0e0e0;background:white;color:#666;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.tour-btn:hover{background:#f5f5f5}.tour-btn.primary{background:#1976d2;color:#fff;border-color:#1976d2}.tour-btn.primary:hover{background:#1565c0}.tour-skip{color:#999;text-decoration:underline;cursor:pointer;font-size:.875rem}.tour-skip:hover{color:#666}.tour-progress{display:flex;gap:4px;margin-bottom:16px}.tour-progress-dot{width:8px;height:8px;border-radius:50%;background:#e0e0e0;transition:background .2s}.tour-progress-dot.active{background:#1976d2}.tour-progress-dot.completed{background:#4caf50}@media (max-width: 768px){.tour-step{padding:16px;width:95%}.tour-step-title{font-size:1.125rem}.tour-step-image{height:150px}.tour-step-actions{flex-direction:column;gap:12px}.tour-step-nav{width:100%;justify-content:space-between}}.charges-analytics{background:white;border:1px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:20px}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analytics-title{font-size:1.25rem;font-weight:600;color:#333}.analytics-period{display:flex;gap:8px}.period-btn{padding:6px 12px;border:1px solid #e0e0e0;background:white;color:#666;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.period-btn:hover{background:#f5f5f5}.period-btn.active{background:#1976d2;color:#fff;border-color:#1976d2}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.analytics-card{background:#f8f9fa;border-radius:8px;padding:16px;text-align:center}.analytics-card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px;color:#fff}.analytics-card-icon.expenses{background:linear-gradient(135deg,#f44336,#d32f2f)}.analytics-card-icon.income{background:linear-gradient(135deg,#4caf50,#388e3c)}.analytics-card-icon.savings{background:linear-gradient(135deg,#2196f3,#1976d2)}.analytics-card-icon.growth{background:linear-gradient(135deg,#ff9800,#f57c00)}.analytics-card-value{font-size:1.75rem;font-weight:700;color:#333;margin-bottom:4px}.analytics-card-label{font-size:.875rem;color:#666;margin-bottom:8px}.analytics-card-change{font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px}.analytics-card-change.positive{color:#4caf50}.analytics-card-change.negative{color:#f44336}.analytics-card-change.neutral{color:#666}.analytics-charts{display:grid;grid-template-columns:2fr 1fr;gap:20px}.analytics-chart{background:#f8f9fa;border-radius:8px;padding:16px}.analytics-chart-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:16px}.analytics-chart-content{height:300px;display:flex;align-items:center;justify-content:center;color:#999;font-size:.875rem}@media (max-width: 768px){.analytics-charts{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-card{padding:12px}.analytics-card-value{font-size:1.5rem}}.events-page{padding:0;max-width:1200px;margin:0 auto}.events-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.events-actions{display:flex;gap:10px}.events-filters{display:flex;gap:15px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.filter-select{padding:10px 15px;border:1px solid #ddd;border-radius:6px;background:white;font-size:14px;min-width:150px}.events-list{display:grid;gap:20px}.event-card{background:white;border:1px solid #e0e0e0;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.event-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.event-card.archived{opacity:.7;background:#f8f9fa}.event-card.recurring{border-color:#5b2c83;background:#fbf7ff}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.event-header h3{margin:0;color:#2c3e50;font-size:1.4rem;font-weight:500}.event-badges{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge-concert{background:#e3f2fd;color:#1976d2}.badge-portes_ouvertes{background:#f3e5f5;color:#7b1fa2}.badge-cours{background:#e8f5e8;color:#388e3c}.badge-brouillon{background:#fff3e0;color:#f57c00}.badge-ouvert{background:#e8f5e8;color:#388e3c}.badge-complet{background:#ffebee;color:#d32f2f}.badge-termine,.badge-archive{background:#f5f5f5;color:#616161}.badge-archived{background:#ffecb3;color:#f57f17}.badge-recurring{background:#ede7f6;color:#5b2c83}.event-details{margin-bottom:20px;line-height:1.6}.event-details p{margin:8px 0;color:#555}.event-details strong{color:#2c3e50;font-weight:500}.event-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;min-height:36px}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn:active{transform:translateY(0)}.btn-primary{background:#DAA520;color:#fff}.btn-primary:hover{background:#B8860B}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#229954}.btn-warning{background:#f39c12;color:#fff}.btn-warning:hover{background:#e67e22}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-outline{background:transparent;color:#daa520;border:1px solid #DAA520}.btn-outline:hover{background:#DAA520;color:#fff}.btn-sm{padding:6px 12px;font-size:12px;min-height:30px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:white;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:500}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.btn-close:hover{background:#f0f0f0;color:#666}.event-form,.registrant-form{padding:25px}.form-row{display:flex;gap:15px;margin-bottom:20px}.form-group{flex:1;margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#2c3e50;font-weight:500;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding:20px 25px;border-top:1px solid #e0e0e0;background:#f8f9fa;margin:0 -25px -25px;border-radius:0 0 12px 12px}.registrants-actions{padding:20px 25px;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;flex-wrap:wrap}.registrants-list{padding:25px;max-height:400px;overflow-y:auto}.no-registrants{text-align:center;color:#999;font-style:italic;padding:40px}.registrants-table{width:100%;border-collapse:collapse;margin-top:10px}.registrants-table th,.registrants-table td{padding:12px 8px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:14px}.registrants-table th{background:#f8f9fa;font-weight:500;color:#2c3e50;position:sticky;top:0}.registrants-table tr:hover{background:#f8f9fa}.registrants-table td:last-child{white-space:nowrap}.registrants-table .btn{margin-right:5px}.client-filters{display:flex;gap:15px;padding:20px 25px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.clients-list{padding:20px 25px;max-height:400px;overflow-y:auto}.client-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:8px;transition:background-color .2s ease}.client-item:hover{background:#f8f9fa}.client-item input[type=checkbox]{margin:0}.client-email{color:#666;font-size:12px;margin-left:auto}.newsletter-badge{background-color:#28a745;color:#fff;padding:2px 6px;border-radius:3px;font-size:.75rem;margin-left:8px}.checkbox-group{margin:15px 0}.checkbox-group label{display:flex;align-items:center;font-weight:400;cursor:pointer}.checkbox-group input[type=checkbox]{margin-right:8px;transform:scale(1.1)}.instrument-badge{color:#daa520;margin-left:8px;font-size:1.2rem;cursor:pointer;transition:color .2s ease,transform .2s ease}.instrument-badge:hover{color:#b8860b;transform:scale(1.1)}@media (max-width: 768px){.events-page{padding:15px}.events-header{flex-direction:column;gap:15px;align-items:stretch}.events-header h1{font-size:2rem}.events-filters{flex-direction:column}.search-input{min-width:auto}.form-row{flex-direction:column}.event-actions,.registrants-actions{justify-content:center}.modal{margin:10px;max-width:none;width:calc(100% - 20px)}.registrants-table{font-size:12px}.registrants-table th,.registrants-table td{padding:8px 4px}}@media (max-width: 480px){.events-header h1{font-size:1.5rem}.event-card{padding:15px}.event-header{flex-direction:column;gap:10px}.event-badges{justify-content:flex-start}.btn{font-size:12px;padding:6px 12px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.btn-success{animation:pulse 2s infinite}.loading{opacity:.6;pointer-events:none}.message{padding:10px 15px;border-radius:6px;margin-bottom:15px;font-size:14px}.message-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}