@charset "UTF-8";code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-header{margin:0 auto}.page-header--list{margin:0 auto;max-width:var(--layout-max-width);padding:32px 24px 24px;text-align:center}.page-header--list .page-title{margin:0 0 8px}.detail-status{display:inline-flex;margin-top:8px}.detail-status-badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;justify-content:center;line-height:1.2;min-height:24px;padding:4px 12px;white-space:nowrap}.detail-status-badge--active,.detail-status-badge--upcoming{background:#e7f6ec;border-color:#cfe9d7;color:#1f6b3b}.detail-status-badge--ongoing{background:#fff4e5;border-color:#f3d7ad;color:#975a16}.detail-status-badge--inactive,.detail-status-badge--past{background:#eef2f7;border-color:#d6dde7;color:#475569}.detail-status-badge--deleted{background:#fdebec;border-color:#f4c8cb;color:#a12a2f}[data-theme=dark] .detail-status-badge--active,[data-theme=dark] .detail-status-badge--upcoming{background:#10b98138;border-color:#10b98166;color:#bbf7d0}[data-theme=dark] .detail-status-badge--ongoing{background:#f59e0b38;border-color:#f59e0b66;color:#fde68a}[data-theme=dark] .detail-status-badge--inactive,[data-theme=dark] .detail-status-badge--past{background:#94a3b838;border-color:#94a3b859;color:#e2e8f0}[data-theme=dark] .detail-status-badge--deleted{background:#ef444438;border-color:#ef444466;color:#fecaca}@media (max-width:768px){.page-title{font-size:24px}.page-subtitle{font-size:14px}}@media (max-width:480px){.page-header,.page-header--list{padding:24px 16px 20px}.page-title{font-size:22px}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary-hover:#0f172a;--color-primary-dark:#020617;--color-primary-rgb:17,24,39;--color-secondary:#8b5cf6;--color-success:#059669;--color-success-light:#d1fae5;--color-warning:#d97706;--color-error:#dc2626;--color-background:#fcfbf8;--color-background-secondary:#f9fafb;--color-surface-secondary:#f3f4f6;--color-search-box-surface:var(--color-surface);--color-border:#e5e7eb;--color-separator:#e5e7eb;--color-text-primary:#1a1a1a;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-on-primary:#fff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-xxl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-xxl:24px;--font-size-xxxl:32px;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--layout-page-gutter:clamp(16px,2vw,24px);--layout-max-width:min(1560px,calc(100vw - var(--layout-page-gutter)*2));--layout-detail-max-width:min(1280px,calc(100vw - var(--layout-page-gutter)*2));--modal-overlay-bg:#0009;--modal-content-bg:#fff;--modal-border-radius:12px;--modal-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--modal-border-color:#e5e7eb;--modal-title-color:#1f2937;--modal-close-color:#6b7280;--modal-close-hover-bg:#f3f4f6;--modal-close-hover-color:#1f2937}[data-theme=light]{--color-background:#fcfbf8;--color-background-primary:#fff;--color-background-secondary:#f9fafb;--color-surface:#fff;--color-surface-secondary:#f3f4f6;--color-border:#e5e7eb;--color-separator:#e5e7eb;--color-text-primary:#1a1a1a;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-on-primary:#fff}[data-theme=dark]{--color-background:#0f172a;--color-background-primary:#1e293b;--color-background-secondary:#1e293b;--color-surface:#1e293b;--color-surface-secondary:#334155;--color-border:#475569;--color-separator:#475569;--color-text-primary:#fff;--color-text-secondary:#e5e7eb;--color-text-tertiary:#9ca3af;--color-text-on-primary:#fff;--shadow-sm:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;--modal-overlay-bg-dark:#000c;--modal-content-bg-dark:#1e293b;--modal-border-color-dark:#475569;--modal-title-color-dark:#fff;--modal-close-color-dark:#e5e7eb;--modal-close-hover-bg-dark:#334155;--modal-close-hover-color-dark:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fcfbf8;background-color:var(--color-background);color:#1a1a1a;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family);font-size:16px;font-size:var(--font-size-md);font-weight:400;line-height:1.5;line-height:var(--line-height-normal);margin:0;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;line-height:var(--line-height-tight);margin-bottom:8px;margin-bottom:var(--spacing-sm)}h1{font-size:32px;font-size:var(--font-size-xxxl);font-weight:700}h2{font-size:24px;font-size:var(--font-size-xxl)}h2,h3{font-weight:600}h3{font-size:20px;font-size:var(--font-size-xl)}h4{font-size:18px;font-size:var(--font-size-lg)}h4,h5{font-weight:500}h5{font-size:16px;font-size:var(--font-size-md)}h6{font-weight:500}h6,p{font-size:14px;font-size:var(--font-size-sm)}p{color:#6b7280;color:var(--color-text-secondary);line-height:1.5;line-height:var(--line-height-normal);margin-bottom:8px;margin-bottom:var(--spacing-sm)}a{color:#111827;color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:#020617;color:var(--color-primary-dark)}.btn{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family);font-size:16px;min-height:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.btn-primary{background-color:#111827;color:var(--color-text-on-primary)}.btn-primary:hover{background-color:#020617;background-color:var(--color-primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;background-color:var(--color-surface);border:1px solid #e5e7eb;color:#111827;color:var(--color-primary)}.btn-secondary:hover{background-color:#f3f4f6;background-color:var(--color-surface-secondary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-danger{background-color:#dc2626;color:var(--color-text-on-primary)}.btn-danger:hover{background-color:#e6342a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn:disabled{transform:none}[data-theme=dark] .btn-primary{background:#2563eb!important;border:1px solid #3b82f6!important;box-shadow:0 2px 8px #2563eb59;color:#fff!important}[data-theme=dark] .btn-primary:hover:not(:disabled){background:#1d4ed8!important;border-color:#60a5fa!important;box-shadow:0 4px 12px #1d4ed873}[data-theme=dark] .btn-primary:active:not(:disabled){background:#1e40af!important;border-color:#60a5fa!important}[data-theme=dark] .btn-primary:disabled{background:#334155!important;border:1px solid #64748b!important;box-shadow:none!important;color:#cbd5e1!important;opacity:1!important}[data-theme=dark] .action-btn-primary{background:#2563eb!important;border-color:#3b82f6!important;color:#fff!important}[data-theme=dark] .action-btn-primary:hover:not(:disabled){background:#1d4ed8!important;border-color:#60a5fa!important;color:#fff!important}.list-actions-controls{align-items:center;display:flex;flex:0 0 auto;gap:12px;justify-content:flex-end}.list-actions-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 1px 3px #1118274d;box-sizing:border-box;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:600;gap:4px;height:44px;justify-content:center;line-height:1;min-height:44px;min-width:120px;padding:0 14px;white-space:nowrap;width:auto}.list-actions-btn svg{flex-shrink:0;height:16px;width:16px}.action-btn.action-view,.card-action-btn.action-view,.draft-action-btn.action-view,.messages-hub-delete-btn.action-view,.org-table-action-btn.action-view,.table-action-btn.action-view,.verein-table-action-btn.action-view{background:#f8fafc!important;border-color:#cbd5e1!important;color:#64748b!important}.action-btn.action-edit,.card-action-btn.action-edit,.draft-action-btn.action-edit,.messages-hub-delete-btn.action-edit,.org-table-action-btn.action-edit,.table-action-btn.action-edit,.verein-table-action-btn.action-edit{background:#eff6ff!important;border-color:#bfdbfe!important;color:#2563eb!important}.action-btn.action-delete,.card-action-btn.action-delete,.draft-action-btn.action-delete,.messages-hub-delete-btn.action-delete,.org-table-action-btn.action-delete,.table-action-btn.action-delete,.verein-table-action-btn.action-delete{background:#fff1f2!important;border-color:#fecaca!important;color:#dc2626!important}.action-btn.action-send,.card-action-btn.action-send,.draft-action-btn.action-send,.org-table-action-btn.action-send,.table-action-btn.action-send,.verein-table-action-btn.action-send{background:#ecfdf3!important;border-color:#bbf7d0!important;color:#059669!important}.action-btn.action-complete,.card-action-btn.action-complete,.draft-action-btn.action-complete,.org-table-action-btn.action-complete,.table-action-btn.action-complete,.verein-table-action-btn.action-complete{background:#ecfdf3!important;border-color:#86efac!important;color:#059669!important}.action-btn.action-view:hover,.card-action-btn.action-view:hover,.draft-action-btn.action-view:hover,.messages-hub-delete-btn.action-view:hover,.org-table-action-btn.action-view:hover,.table-action-btn.action-view:hover,.verein-table-action-btn.action-view:hover{background:#eef2f7!important;border-color:#94a3b8!important;color:#334155!important}.action-btn.action-edit:hover,.card-action-btn.action-edit:hover,.draft-action-btn.action-edit:hover,.messages-hub-delete-btn.action-edit:hover,.org-table-action-btn.action-edit:hover,.table-action-btn.action-edit:hover,.verein-table-action-btn.action-edit:hover{background:#dbeafe!important;border-color:#93c5fd!important;color:#1d4ed8!important}.action-btn.action-delete:hover,.card-action-btn.action-delete:hover,.draft-action-btn.action-delete:hover,.messages-hub-delete-btn.action-delete:hover,.org-table-action-btn.action-delete:hover,.table-action-btn.action-delete:hover,.verein-table-action-btn.action-delete:hover{background:#fee2e2!important;border-color:#fca5a5!important;color:#b91c1c!important}.action-btn.action-complete:hover,.action-btn.action-send:hover,.card-action-btn.action-complete:hover,.card-action-btn.action-send:hover,.draft-action-btn.action-complete:hover,.draft-action-btn.action-send:hover,.org-table-action-btn.action-complete:hover,.org-table-action-btn.action-send:hover,.table-action-btn.action-complete:hover,.table-action-btn.action-send:hover,.verein-table-action-btn.action-complete:hover,.verein-table-action-btn.action-send:hover{background:#dcfce7!important;border-color:#86efac!important;color:#047857!important}.status-chip{border:1px solid #0000;border-radius:9999px;font-size:12px;justify-content:center;line-height:1.2;min-height:24px;padding:4px 12px;white-space:nowrap}.status-chip--xs{font-size:11px;min-height:20px;padding:2px 8px}.status-chip--sm{min-height:22px;padding:3px 10px}.status-chip--active,.status-chip--success,.status-chip--upcoming{background:#e7f6ec;border-color:#cfe9d7;color:#1f6b3b}.status-chip--inactive,.status-chip--past{background:#eef2f7;border-color:#d6dde7;color:#475569}.status-chip--ongoing,.status-chip--pending,.status-chip--warning{background:#fff4e5;border-color:#f3d7ad;color:#975a16}.status-chip--info{background:#e8f2ff;border-color:#c6dcff;color:#1d4ed8}.status-chip--deleted,.status-chip--error,.status-chip--rejected{background:#fdebec;border-color:#f4c8cb;color:#a12a2f}[data-theme=dark] .status-chip--active,[data-theme=dark] .status-chip--success,[data-theme=dark] .status-chip--upcoming{background:#10b98138;border-color:#10b98166;color:#bbf7d0}[data-theme=dark] .status-chip--inactive,[data-theme=dark] .status-chip--past{background:#94a3b838;border-color:#94a3b859;color:#e2e8f0}[data-theme=dark] .status-chip--ongoing,[data-theme=dark] .status-chip--pending,[data-theme=dark] .status-chip--warning{background:#f59e0b38;border-color:#f59e0b66;color:#fde68a}[data-theme=dark] .status-chip--info{background:#3b82f633;border-color:#3b82f666;color:#bfdbfe}[data-theme=dark] .status-chip--deleted,[data-theme=dark] .status-chip--error,[data-theme=dark] .status-chip--rejected{background:#ef444438;border-color:#ef444466;color:#fecaca}.card{background-color:#fff;background-color:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg);transition:all .2s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-group{margin-bottom:24px}.form-label{color:#1a1a1a;font-size:14px;font-size:var(--font-size-sm);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.form-input{background-color:#fff;background-color:var(--color-surface);border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--radius-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family);font-size:16px;font-size:var(--font-size-md);min-height:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.form-input:focus{border-color:#111827;box-shadow:0 0 0 3px #007aff1a}.form-input::placeholder{color:#9ca3af;color:var(--color-text-tertiary)}.loading{animation:spin 1s ease-in-out infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#111827;border:2px solid var(--color-border);border-top-color:var(--color-primary);display:inline-block;height:20px;width:20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.mt-0{margin-top:0}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mt-lg{margin-top:24px;margin-top:var(--spacing-lg)}.p-0{padding:0}.p-sm{padding:8px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-full{width:100%}.h-full{height:100%}@media (max-width:768px){:root{--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px}.card{padding:16px;padding:var(--spacing-md)}}.toast-container{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:420px;pointer-events:none;position:fixed;width:100%;z-index:10000}.toast-container-top-right{right:var(--spacing-lg);top:var(--spacing-lg)}.toast-container-top-left{left:var(--spacing-lg);top:var(--spacing-lg)}.toast-container-bottom-right{bottom:var(--spacing-lg);right:var(--spacing-lg)}.toast-container-bottom-left{bottom:var(--spacing-lg);left:var(--spacing-lg)}.toast-container-top-center{left:50%;top:var(--spacing-lg);transform:translateX(-50%)}.toast-container-bottom-center{bottom:var(--spacing-lg);left:50%;transform:translateX(-50%)}.toast{align-items:flex-start;animation:slideIn .3s ease-out;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;display:flex;gap:var(--spacing-md);max-width:420px;min-height:60px;min-width:320px;padding:var(--spacing-md);pointer-events:auto}.toast-container-bottom-left .toast,.toast-container-top-left .toast{animation:slideInLeft .3s ease-out}.toast-container-bottom-center .toast,.toast-container-top-center .toast{animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-container-bottom-center .toast{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{background:#4caf501a;color:var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon{background:#f443361a;color:var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{background:#ff98001a;color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.toast-info .toast-icon{background:#2196f31a;color:var(--color-info)}.toast-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:24px;justify-content:center;padding:var(--spacing-xs);width:24px}.toast-icon svg{height:16px;width:16px}.toast-content{flex:1 1;min-width:0}.toast-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;line-height:1.4;margin:0 0 var(--spacing-xs) 0}.toast-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.toast-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.toast-action-btn{background:#0000;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;min-height:32px;min-width:32px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.toast-action-btn:hover{background:var(--color-primary);color:#fff}.toast-action-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.toast-close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:var(--spacing-xs);transition:all .2s ease}.toast-close-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.toast-close-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.toast-close-btn svg{height:16px;width:16px}@media (max-width:768px){.toast-container{left:var(--spacing-md);max-width:100%;right:var(--spacing-md)}.toast-container-bottom-left,.toast-container-bottom-right,.toast-container-top-left,.toast-container-top-right{left:var(--spacing-md);right:var(--spacing-md);transform:none}.toast-container-bottom-center,.toast-container-top-center{left:50%;transform:translateX(-50%);width:calc(100% - var(--spacing-md)*2)}.toast{max-width:100%;min-width:auto}}@media (max-width:480px){.toast-container,.toast-container-bottom-left,.toast-container-bottom-right,.toast-container-top-left,.toast-container-top-right{left:var(--spacing-sm);right:var(--spacing-sm)}.toast-container-bottom-center,.toast-container-top-center{width:calc(100% - var(--spacing-sm)*2)}.toast{gap:var(--spacing-sm);padding:var(--spacing-sm)}.toast-icon{height:20px;width:20px}.toast-icon svg{height:14px;width:14px}.toast-title{font-size:var(--font-size-sm)}.toast-message{font-size:var(--font-size-xs)}.toast-action-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.toast-action-btn,.toast-close-btn{min-height:28px;min-width:28px}.toast-close-btn svg{height:14px;width:14px}}@media (prefers-color-scheme:dark){.toast{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 4px 12px #0000004d}.toast-close-btn:hover{background:var(--color-surface-secondary)}}@media (prefers-reduced-motion:reduce){.toast,.toast-container-bottom-center .toast,.toast-container-bottom-left .toast,.toast-container-top-center .toast,.toast-container-top-left .toast{animation:none}.toast-action-btn,.toast-close-btn{transition:none}}@media (prefers-contrast:high){.toast{border-width:3px}.toast-title{color:currentColor;font-weight:700}.toast-message{color:currentColor;font-weight:500}.toast-action-btn{border-width:2px;font-weight:600}.toast-close-btn{border:2px solid;color:currentColor}}@media print{.toast-container{display:none}}:root{--color-background-primary:#fff;--color-background-secondary:#f5f5f5;--color-background-tertiary:#e9ecef;--color-surface:#fff;--color-surface-hover:#f8f9fa;--color-text:#1a1a1a;--color-text-secondary:#6c757d;--color-text-tertiary:#adb5bd;--color-border:#dee2e6;--color-border-light:#e9ecef;--color-primary:#111827;--color-primary-dark:#0f172a;--color-primary-light:#e5e7eb;--color-success:#4caf50;--color-success-dark:#388e3c;--color-success-light:#81c784;--color-error:#f44336;--color-error-dark:#d32f2f;--color-error-light:#ef5350;--color-warning:#ff9800;--color-warning-dark:#f57c00;--color-warning-light:#ffb74d;--color-info:#111827;--color-info-dark:#0f172a;--color-info-light:#cbd5e1;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}[data-theme=dark]{--color-background-primary:#121212;--color-background-secondary:#1e1e1e;--color-background-tertiary:#2d2d2d;--color-surface:#1e1e1e;--color-surface-hover:#2d2d2d;--color-text:#e0e0e0;--color-text-secondary:#b0b0b0;--color-text-tertiary:#8a8a8a;--color-border:#404040;--color-border-light:#2d2d2d;--color-primary:#cbd5e1;--color-primary-dark:#94a3b8;--color-primary-light:#334155;--color-success:#81c784;--color-success-dark:#66bb6a;--color-success-light:#a5d6a7;--color-error:#ef5350;--color-error-dark:#c62828;--color-error-light:#f87171;--color-warning:#ffb74d;--color-warning-dark:#ff9800;--color-warning-light:#ffd180;--color-info:#cbd5e1;--color-info-dark:#94a3b8;--color-info-light:#475569;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #0009}@media (prefers-contrast:high){:root{--color-text:#000;--color-background-primary:#fff;--color-border:#000}[data-theme=dark]{--color-text:#fff;--color-background-primary:#000;--color-border:#fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-toggle{align-items:center;background:#fff;background:var(--color-surface);border:2px solid #dee2e6;border:2px solid var(--color-border);border-radius:8px;color:#1a1a1a;color:var(--color-text);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;position:relative;transition:all .3s ease;transition:all var(--transition-normal);width:40px}.theme-toggle:hover{background:#f8f9fa;background:var(--color-surface-hover);border-color:#111827;border-color:var(--color-primary)}.theme-toggle:focus-visible{outline:3px solid #111827;outline:3px solid var(--color-primary);outline-offset:2px}.theme-toggle svg{height:20px;width:20px}.sun-icon{display:block}.auto-icon,.moon-icon{display:none}:root .sun-icon{display:block}:root .auto-icon,:root .moon-icon,[data-theme=dark] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:block}[data-theme=auto] .moon-icon,[data-theme=auto] .sun-icon,[data-theme=dark] .auto-icon{display:none}[data-theme=auto] .auto-icon{display:block}.theme-dropdown{display:inline-block;position:fixed;right:16px;top:16px;z-index:1200}.theme-dropdown.theme-dropdown-inline{position:relative;right:auto;top:auto;z-index:auto}.theme-dropdown-menu{background:#fff;background:var(--color-surface);border:1px solid #dee2e6;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);min-width:150px;padding:.5rem 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.theme-dropdown-item{align-items:center;background:none;border:none;color:#1a1a1a;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem .875rem;text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.theme-dropdown-item:hover{background:#f5f5f5;background:var(--color-background-secondary)}.theme-dropdown-item:focus-visible{outline:2px solid #111827;outline:2px solid var(--color-primary);outline-offset:-2px}.theme-dropdown-item.active{background:#111827;background:var(--color-primary);color:#fff}.theme-dropdown-item svg{height:16px;width:16px}@media (max-width:768px){.theme-toggle{height:36px;width:36px}.theme-dropdown{right:12px;top:12px}.theme-toggle svg{height:18px;width:18px}.theme-dropdown-menu{min-width:140px}}@media (max-width:480px){.theme-toggle{height:32px;width:32px}.theme-toggle svg{height:16px;width:16px}}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:calc(100vh - 64px);height:calc(100vh - var(--global-topbar-height, 64px));left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:64px;top:var(--global-topbar-height,64px);transform:translateX(-100%);transition:transform .3s ease;width:256px;z-index:200}.sidebar-open{transform:translateX(0)}@media (min-width:769px){.sidebar{transform:translateX(0)}}.sidebar-overlay{background:#00000080;height:calc(100vh - 64px);height:calc(100vh - var(--global-topbar-height, 64px));left:0;position:fixed;top:64px;top:var(--global-topbar-height,64px);width:100vw;z-index:150}@media (min-width:769px){.sidebar-overlay{display:none}}.sidebar-profile{border-bottom:1px solid var(--color-border);padding:24px}.verein-identity{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:12px;margin:16px 12px 8px;padding:14px 16px}.verein-identity-button{cursor:pointer;text-align:left;width:calc(100% - 24px)}.verein-identity-button:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #1118271f}.verein-identity-content{align-items:center;display:flex;gap:12px}.verein-identity-logo{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-primary);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:48px;justify-content:center;overflow:hidden;width:48px}.verein-identity-logo img{height:100%;object-fit:cover;width:100%}.verein-identity-text{flex:1 1;min-width:0}.verein-identity-name{color:var(--color-text-primary);font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verein-identity-meta{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:6px;margin-top:6px}.verein-identity-location{color:var(--color-text-secondary);font-size:11px;line-height:1.4}.verein-identity-location-line{display:block}.verein-identity-badge{letter-spacing:0}[data-theme=dark] .verein-identity{background:var(--color-surface-secondary);border-color:var(--color-border)}[data-theme=dark] .verein-identity-logo{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-on-primary)}.sidebar-profile-compact{padding:16px 24px 20px}.sidebar-profile-compact .profile-avatar{font-size:14px;height:40px;margin-bottom:8px;width:40px}.sidebar-profile-compact .profile-name{font-size:12px}.sidebar-profile-compact .profile-email{font-size:11px}.verein-hero{background:linear-gradient(135deg,#f8fafc,#eef2ff);border-bottom:1px solid var(--color-border);padding:20px 24px}.verein-hero-header{align-items:center;display:flex;gap:12px}.verein-hero-header svg{color:var(--color-text-secondary);flex-shrink:0}.verein-hero-details{flex:1 1;min-width:0}.verein-hero-name{color:var(--color-text-primary);display:block;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verein-hero-status{color:var(--color-text-secondary);display:block;font-size:12px;margin-top:4px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#111827,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.profile-avatar,.sidebar .profile-info{margin-bottom:12px}.sidebar .profile-name{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.sidebar .profile-email,.sidebar .profile-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.sidebar .profile-email{color:var(--color-text-secondary);font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease;width:100%}.profile-button:hover{background:var(--color-border)}.verein-info{border-bottom:1px solid var(--color-border);padding:16px 24px}.verein-header{align-items:center;display:flex;gap:12px}.verein-header svg{color:var(--color-text-secondary);flex-shrink:0}.verein-details{flex:1 1;min-width:0}.sidebar .verein-name{color:var(--color-text-primary);display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .verein-status{color:var(--color-text-secondary);display:block;font-size:12px;margin-top:2px}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 12px}.sidebar-section-toggle{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.08em;margin:12px 0 6px;padding:6px 12px;text-transform:uppercase;width:100%}.sidebar-section-toggle:hover{background:var(--color-surface);color:var(--color-text-primary)}.sidebar-section-caret{transition:transform .2s ease}.sidebar-section-caret.open{transform:rotate(180deg)}.nav-link{align-items:center;border-radius:8px;color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:4px;padding:10px 12px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.nav-link-active{background:#1118271a;color:var(--color-text-primary)}.nav-link-active:hover{background:#11182726}.nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.nav-label{flex:1 1}.nav-badge{background:#ef4444;border-radius:999px;color:#fff;font-size:11px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 6px;text-align:center}.sidebar-footer{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px;padding:16px 24px}.sidebar-footer-divider{background:var(--color-border);height:1px}.sidebar-footer-actions{align-items:center;display:flex;gap:8px;justify-content:space-between}.sidebar-icon-button{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:48%}.sidebar-icon-button:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.sidebar-icon-button svg{height:18px;width:18px}.sidebar-icon-button.logout-icon:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444}.sidebar-footer-profile{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:12px}.sidebar-footer-profile .profile-email{font-size:11px;margin:0}.sidebar-footer-profile .profile-button{justify-content:center;width:100%}.logout-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;transition:all .2s ease;width:100%}.logout-button:hover{background:#ef44441a;color:#ef4444}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media (max-width:768px){.sidebar{width:280px}}.notification-bell{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;position:fixed;right:64px;top:16px;transition:all .2s ease;width:40px;z-index:1200}.notification-bell.notification-bell-inline{position:relative;right:auto;top:auto;z-index:auto}.notification-bell:hover{background:var(--color-surface-secondary);border-color:var(--color-primary);transform:translateY(-1px)}.notification-bell:active{transform:translateY(0)}.notification-bell:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.notification-bell-icon{height:18px;width:18px}.notification-bell-badge{background:#ef4444;border-radius:999px;box-shadow:0 2px 6px #ef444466;color:#fff;font-size:11px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:4px;text-align:center;top:4px}@media (max-width:768px){.notification-bell{height:36px;right:56px;top:12px;width:36px}.notification-bell-icon{height:16px;width:16px}.notification-bell-badge{font-size:10px;height:16px;line-height:16px;min-width:16px}}@media (max-width:480px){.notification-bell{height:32px;right:52px;top:12px;width:32px}.notification-bell-icon{height:14px;width:14px}}.global-topbar{--global-prayer-start:256px;--global-prayer-end:24px;--global-prayer-gap:14px;background:linear-gradient(180deg,var(--color-surface) 0,#f8fafc 100%);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-secondary,#f8fafc) 100%);border-bottom:1px solid var(--color-border);box-shadow:0 4px 12px #0f172a0f;display:block;left:0;min-height:64px;padding:10px 0;position:fixed;right:0;top:0;z-index:240}.global-topbar-left{align-items:center;display:flex;gap:10px;left:0;min-width:0;padding-left:20px;position:absolute;top:50%;transform:translateY(-50%);width:auto;z-index:2}.global-topbar-menu-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:none;height:38px;justify-content:center;width:38px}.global-topbar-menu-btn svg{height:18px;width:18px}.global-topbar-brand-logo{flex-shrink:0;height:34px;object-fit:cover;object-position:center;width:124px}.global-topbar-brand-logo-dark{display:none}.global-topbar-address{color:#4b5563;flex-shrink:0;font-size:12px;font-weight:600;line-height:1.3;max-width:min(320px,35vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-topbar-center{left:var(--global-prayer-start);min-width:0;position:absolute;right:var(--global-prayer-end);top:50%;transform:translateY(-50%);z-index:1}.global-topbar-center-content{align-items:center;display:flex;gap:10px;min-width:0;width:100%}.global-topbar-divider{background:var(--color-border);flex-shrink:0;height:28px;width:1px}.global-prayer-track{align-items:center;display:flex;flex:1 1;gap:14px;gap:var(--global-prayer-gap,14px);min-height:40px;min-width:0;overflow-x:auto;scrollbar-width:none;width:100%}.global-prayer-track:not(.has-address)>.global-prayer-pill:first-of-type{margin-left:auto}.global-prayer-track::-webkit-scrollbar{display:none}.global-prayer-pill{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-primary);display:inline-flex;flex-shrink:0;gap:8px;padding:8px 12px}.global-prayer-pill.is-next{background:linear-gradient(135deg,#2563eb1f,#0ea5e91f);border-color:#11182740}.global-prayer-label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.global-prayer-time{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700}.global-prayer-countdown-wrap{align-items:center;display:inline-flex;flex-shrink:1;min-width:0;position:relative}.global-prayer-countdown{background:#111827;border:none;border-radius:999px;color:#fff;cursor:pointer;display:block;flex-shrink:1;font-family:inherit;font-size:12px;font-weight:600;max-width:clamp(180px,22vw,320px);min-width:0;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.global-prayer-countdown:focus-visible{outline:2px solid #3b82f6d9;outline-offset:2px}.global-prayer-countdown-tooltip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 10px 24px #0f172a33;color:var(--color-text-primary);font-size:12px;font-weight:600;left:0;line-height:1.4;max-width:min(320px,75vw);padding:8px 10px;pointer-events:none;position:fixed;top:0;transform:translateX(-100%);white-space:normal;width:-webkit-max-content;width:max-content;z-index:260}.global-prayer-countdown-tooltip--portal{z-index:1000}.global-prayer-hint{color:var(--color-text-secondary);font-size:12px;font-weight:500}.global-topbar-right{align-items:center;display:flex;gap:10px;margin-left:0;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:2}.global-language-menu{position:relative}.global-language-trigger{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;gap:4px;height:40px;justify-content:center;width:40px}.global-language-icon{display:inline-flex;height:16px;width:16px}.global-language-icon svg{height:100%;width:100%}.global-language-code{font-size:10px;font-weight:700;letter-spacing:.03em}.global-language-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #0f172a24;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:68px}.global-language-option{background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;font-size:12px;font-weight:700;padding:10px 0;width:100%}.global-language-option:hover{background:#f8fafc;background:var(--color-surface-secondary,#f8fafc)}.global-language-option.active{background:#111827;color:#fff}@media (max-width:1024px){.global-topbar{padding:10px 0}.global-topbar-left{padding-left:14px}.global-topbar-right{right:14px}.global-topbar-brand-logo{height:31px;width:112px}}@media (max-width:1280px){.global-topbar-address{max-width:min(240px,28vw)}}@media (max-width:1140px){.global-topbar-address,.global-topbar-divider{display:none}.global-topbar-center-content{gap:0}}@media (max-width:768px){.global-topbar{grid-gap:8px;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;padding:8px 10px}.global-topbar-left{padding-left:0;position:static;transform:none;width:auto;z-index:auto}.global-topbar-menu-btn{display:inline-flex}.global-topbar-brand-logo{height:26px;width:92px}.global-topbar-address,.global-topbar-divider{display:none}.global-topbar-center{left:auto;position:static;right:auto;top:auto;transform:none;z-index:auto}.global-topbar-center-content{gap:0}.global-topbar-right{gap:6px;margin-left:0;position:static;right:auto;transform:none;z-index:auto}.global-prayer-track{gap:12px;gap:var(--global-prayer-gap,12px)}.global-prayer-pill{gap:6px;padding:6px 10px}.global-prayer-countdown{padding:6px 10px}.global-prayer-countdown-tooltip{max-width:min(300px,82vw)}}[data-theme=dark] .global-topbar-brand-logo-light{display:none}[data-theme=dark] .global-topbar-brand-logo-dark{display:inline-block}[data-theme=dark] .global-topbar-address{color:#cbd5e1}.app-footer{background:linear-gradient(180deg,#ffffffd1,#f8fafcf5);border-top:1px solid color-mix(in srgb,var(--color-border) 85%,#9ca3af 15%);box-shadow:inset 0 1px 0 #94a3b82e;margin-top:28px}.app-footer-inner{align-items:center;display:flex;gap:14px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:14px 48px 16px;width:100%}.app-footer-brand{align-items:center;display:inline-flex;gap:10px;min-width:0}.app-footer-logo-image{flex-shrink:0;height:34px;object-fit:cover;object-position:center;width:122px}.app-footer-logo-image-dark{display:none}.app-footer-tagline{color:#4b5563;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-footer-links{align-items:center;display:inline-flex;gap:14px}.app-footer-link{color:#4b5563;font-size:12px;font-weight:600;transition:color .2s ease}.app-footer-link:hover{color:var(--color-text-primary)}.app-footer-meta{font-feature-settings:"tnum";align-items:center;color:#4b5563;display:inline-flex;font-size:12px;font-variant-numeric:tabular-nums;gap:10px}.app-footer-dot{color:var(--color-text-tertiary)}[data-theme=dark] .app-footer{background:linear-gradient(180deg,#1e293be0,#0f172af5);border-top-color:#94a3b859;box-shadow:inset 0 1px 0 #94a3b83d}[data-theme=dark] .app-footer-logo-image-light{display:none}[data-theme=dark] .app-footer-logo-image-dark{display:inline-block}[data-theme=dark] .app-footer-link,[data-theme=dark] .app-footer-meta,[data-theme=dark] .app-footer-tagline{color:#cbd5e1}[data-theme=dark] .app-footer-link:hover{color:#fff}@media (max-width:768px){.app-footer-inner{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:8px 12px;padding:12px 12px 14px}.app-footer-logo-image{height:30px;width:106px}.app-footer-tagline{white-space:normal}.app-footer-links{gap:12px;justify-content:flex-start;order:3;width:100%}.app-footer-meta{gap:8px;margin-left:auto}}.page-note-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.page-note-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.page-note-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.page-note-modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.close-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:color .2s}.close-button:hover{color:#1f2937}.page-note-tabs{border-bottom:1px solid #e5e7eb;display:flex;padding:0 24px}.tab-button{border-bottom:2px solid #0000;font-size:14px;padding:12px 20px}.tab-button:hover{color:#1f2937}.tab-button.active{border-bottom-color:#2563eb;color:#2563eb}.page-note-modal-content{flex:1 1;overflow-y:auto;padding:24px}.page-note-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #d1d5db!important;border-radius:6px;box-sizing:border-box;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#9ca3af!important}.form-group textarea{min-height:120px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-primary,.btn-secondary{font-size:14px;padding:10px 20px}.btn-primary{background:#2563eb}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:active:not(:disabled){background:#1e40af}.btn-primary:focus-visible{outline:2px solid #93c5fd}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.page-note-list{display:flex;flex-direction:column;gap:16px}.list-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-bottom:12px}.list-header span{color:#6b7280;font-size:14px;font-weight:500}.refresh-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .2s}.refresh-button:hover{background:#e5e7eb;border-color:#9ca3af}.notes-container{display:flex;flex-direction:column;gap:12px}.note-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.note-card:hover{box-shadow:0 2px 8px #0000001a}.note-card-header{gap:12px;margin-bottom:12px}.note-page-link{background:#eff6ff;border-left:3px solid #111827;border-radius:4px;margin-bottom:12px;padding:8px 12px}.note-page-link .page-link{align-items:center;color:#0f172a;display:inline-flex;font-size:14px;font-weight:500;gap:6px;text-decoration:none}.note-page-link .page-link:hover{color:#020617;text-decoration:underline}.note-page-link .page-link:before{content:"→";font-weight:700}.note-meta{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.note-category{color:#6b7280;font-size:13px;font-weight:500}.note-priority{font-size:12px;font-weight:600;text-transform:uppercase}.note-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.note-card .action-btn{background:#fff!important;border:1px solid!important;border-radius:4px!important;cursor:pointer!important;font-size:12px!important;font-weight:500!important;min-width:60px!important;padding:5px 10px!important;text-align:center!important;transition:all .2s!important;white-space:nowrap!important}.note-card .edit-btn{border-color:#111827!important;color:#111827!important}.note-card .edit-btn:hover{background:#111827!important;color:#fff!important}.note-card .delete-btn{border-color:#ef4444!important;color:#ef4444!important}.note-card .delete-btn:hover{background:#ef4444!important;color:#fff!important}.note-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.note-content{color:#4b5563;font-size:14px;line-height:1.6;margin:0 0 12px;white-space:pre-wrap}.note-card-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:12px}.note-status{background:#e0e7ff;border-radius:4px;color:#4338ca;font-size:12px;font-weight:500;padding:4px 8px}.note-date{color:#9ca3af;font-size:12px}.admin-notes{background:#fef3c7;border-left:3px solid #f59e0b;color:#92400e;font-size:13px;padding:12px}.admin-notes,.completed-info{border-radius:4px;margin-top:12px}.completed-info{background:#d1fae5;color:#065f46;font-size:12px;padding:8px 12px}.page-note-list-empty{padding:60px 20px;text-align:center}.page-note-list-empty h3{color:#1f2937;font-size:18px;margin:0 0 8px}.page-note-list-empty p{color:#6b7280;font-size:14px;margin:0 0 4px}.empty-hint{color:#9ca3af!important;font-size:13px!important}.page-note-list-loading{padding:60px 20px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 16px;width:40px}@media (max-width:768px){.page-note-modal{max-height:90vh;width:95%}.page-note-modal-content,.page-note-modal-header{padding:16px}.form-row{grid-template-columns:1fr}.note-card-header{align-items:flex-start;flex-direction:column;gap:12px}.note-meta{width:100%}.note-actions{justify-content:flex-end;width:100%}.action-btn{flex:0 0 auto}}.page-note-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #667eea66;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:56px;z-index:999}.page-note-button:hover{box-shadow:0 6px 20px #667eea99;transform:scale(1.1)}.page-note-button:active{transform:scale(.95)}.note-icon{font-size:13px;line-height:1}.note-badge,.note-icon{color:#fff;font-weight:600}.note-badge{align-items:center;animation:pulse 2s infinite;background:#ef4444;border-radius:10px;box-shadow:0 2px 4px #0003;display:flex;font-size:11px;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px}@media (max-width:768px){.page-note-button{bottom:16px;height:48px;right:16px;width:48px}.note-icon{font-size:11px}.note-badge{font-size:10px;height:18px;min-width:18px}}.page-note-button:focus{outline:2px solid #667eea;outline-offset:2px}.page-note-button:focus:not(:focus-visible){outline:none}@media (prefers-color-scheme:dark){.page-note-button{box-shadow:0 4px 12px #667eea4d}.page-note-button:hover{box-shadow:0 6px 20px #667eea80}}.layout{--global-topbar-height:64px;background-color:var(--color-background)}.layout,.layout-main{display:flex;min-height:100vh}.layout-main{flex:1 1;flex-direction:column;padding-top:var(--global-topbar-height);transition:margin-left .3s ease}.layout-content{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:0}.content-container{margin:0 auto;max-width:1200px;padding:0 24px;width:100%}@media (min-width:769px){.layout-main{margin-left:256px}}@media (max-width:768px){.layout{--global-topbar-height:58px}.layout-content{padding:var(--spacing-xs)}}@media (max-width:480px){.layout-content{padding:var(--spacing-xs)}}.content-container{animation:fadeIn .3s ease-in-out}.layout-content::-webkit-scrollbar{width:6px}.layout-content::-webkit-scrollbar-track{background:var(--color-background)}.layout-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.layout-content::-webkit-scrollbar-thumb:hover{background:var(--color-separator)}@media print{.layout-main{margin-left:0}.layout-content{padding:0}}.loading-container{padding:var(--spacing-xl)}.loading-container-fullscreen{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffffe6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.loading-spinner{display:inline-block;position:relative}.loading-spinner-small{height:20px;width:20px}.loading-spinner-medium{height:40px;width:40px}.loading-spinner-large{height:60px;width:60px}.spinner-ring{animation:spin 1.2s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--color-primary);position:absolute}.loading-spinner-small .spinner-ring{border-width:2px;height:20px;width:20px}.loading-spinner-medium .spinner-ring{border-width:3px;height:40px;width:40px}.loading-spinner-large .spinner-ring{border-width:4px;height:60px;width:60px}.spinner-ring:first-child{animation-delay:0s}.spinner-ring:nth-child(2){animation-delay:-.4s;border-top-color:var(--color-secondary);transform:scale(.8)}.spinner-ring:nth-child(3){animation-delay:-.8s;border-top-color:var(--color-success);transform:scale(.6)}.loading-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;margin:0;text-align:center}.inline-loading{display:inline-block;margin-right:var(--spacing-sm);vertical-align:middle}.skeleton-container{padding:var(--spacing-md)}.skeleton-line{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface-secondary) 50%,var(--color-border) 75%);background-size:200% 100%;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.skeleton-line:last-child{margin-bottom:0}@media (prefers-color-scheme:dark){.loading-container-fullscreen{background-color:#000000e6}.skeleton-line{background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%);background-size:200% 100%}}@media (prefers-reduced-motion:reduce){.spinner-ring{animation:none;border-top-color:var(--color-primary)}.skeleton-line{animation:none;background:var(--color-border)}}@media (prefers-contrast:high){.spinner-ring{border-top-color:initial;border-width:3px}.loading-text{color:var(--color-text-primary);font-weight:600}}.keyboard-shortcuts-modal{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.keyboard-shortcuts-content{animation:slideUp .3s ease-out;background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.keyboard-shortcuts-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.keyboard-shortcuts-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.keyboard-shortcuts-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.keyboard-shortcuts-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.keyboard-shortcuts-close:focus{outline:2px solid var(--primary-color);outline-offset:2px}.keyboard-shortcuts-body{flex:1 1;overflow-y:auto;padding:1.5rem}.keyboard-shortcuts-list{display:flex;flex-direction:column;gap:.75rem}.keyboard-shortcuts-item{align-items:center;background-color:var(--bg-secondary);border-radius:8px;display:flex;gap:1rem;padding:.75rem;transition:background-color .2s ease}.keyboard-shortcuts-item:hover{background-color:var(--bg-hover)}.keyboard-shortcuts-key{align-items:center;color:var(--text-primary);display:flex;font-family:Courier New,monospace;font-size:.875rem;gap:.25rem;min-width:150px}.keyboard-shortcuts-key kbd{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 0 var(--border-color);display:inline-block;font-size:.8125rem;font-weight:500;padding:.25rem .5rem}.keyboard-shortcuts-description{color:var(--text-secondary);flex:1 1;font-size:.9375rem}@media (prefers-color-scheme:dark){.keyboard-shortcuts-modal{background-color:#000000d9}}@media (prefers-reduced-motion:reduce){.keyboard-shortcuts-content,.keyboard-shortcuts-item,.keyboard-shortcuts-modal{animation:none}}@media (max-width:640px){.keyboard-shortcuts-content{max-height:90vh}.keyboard-shortcuts-header{padding:1rem}.keyboard-shortcuts-header h2{font-size:1.25rem}.keyboard-shortcuts-body{padding:1rem}.keyboard-shortcuts-item{align-items:flex-start;flex-direction:column;gap:.5rem}.keyboard-shortcuts-key{min-width:auto}}@media (prefers-contrast:high){.keyboard-shortcuts-content{border:2px solid var(--text-primary)}.keyboard-shortcuts-header{border-bottom:2px solid var(--text-primary)}.keyboard-shortcuts-item{border:1px solid var(--border-color)}.keyboard-shortcuts-key kbd{border:2px solid var(--text-primary);box-shadow:none}}.dashboard{background:var(--color-background);min-height:100vh;padding:0}.dashboard .section-shell{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 28px}.dashboard .page-header{padding:20px 24px 12px}.section-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.section-heading h2{line-height:1.2;margin:0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.eyebrow,.section-subtitle{color:var(--color-text-secondary)}.section-subtitle{font-size:14px;line-height:1.5;margin:4px 0 0}.dashboard-prayer-times-section{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 28px}.dashboard-prayer-times-card{background:#f3f7ff;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 8px 20px #0000000f;padding:16px}.dashboard-prayer-times-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:14px}.dashboard-prayer-times-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.dashboard-prayer-time-row{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.dashboard-prayer-time-row.is-current{background:linear-gradient(135deg,#2563eb14,#38bdf814);border-color:#2563eb73;box-shadow:inset 0 0 0 1px #2563eb2e}.dashboard-prayer-time-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.dashboard-prayer-time-label{color:var(--color-text-primary);font-size:14px;font-weight:600}.dashboard-prayer-time-value{color:var(--color-text-primary);font-size:14px;font-weight:700}.dashboard-prayer-time-bar{background:#eef2f7;background:var(--color-background-secondary,#eef2f7);border-radius:999px;height:8px;overflow:hidden;width:100%}.dashboard-prayer-time-fill{background:linear-gradient(90deg,#111827,#2563eb);border-radius:inherit;display:block;height:100%;transition:width .4s ease}.dashboard-prayer-time-row.is-current .dashboard-prayer-time-fill{background:linear-gradient(90deg,#1d4ed8,#0ea5e9)}.dashboard-prayer-time-row.is-next .dashboard-prayer-time-fill{background:linear-gradient(90deg,#f59e0b,#f97316)}.dashboard-prayer-time-row.is-passed .dashboard-prayer-time-fill{background:linear-gradient(90deg,#16a34a,#22c55e)}.dashboard-prayer-times-message{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin:0}.actions-section.modern,.kpi-section,.signals-section{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 28px}.kpi-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.kpi-card{border-radius:14px;box-shadow:0 8px 20px #0000000f;gap:12px;min-height:120px;padding:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.kpi-card:hover{border-color:#11182740;box-shadow:0 12px 28px #00000014;transform:translateY(-4px)}.kpi-card .kpi-icon{align-items:center;background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border-radius:12px;color:var(--color-text-primary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.kpi-content{flex:1 1;justify-content:center}.kpi-label{color:var(--color-text-secondary);font-size:13px;font-weight:600;line-height:1.4;margin-bottom:6px}.kpi-value-row{align-items:center;display:flex;gap:8px}.kpi-value{font-size:30px;font-weight:800;line-height:1}.kpi-change{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:4px 10px}.kpi-change.up{background:#10b9811f;color:#0f9f6e}.kpi-change.down{background:#ef44441f;color:#dc2626}.kpi-context{color:var(--color-text-secondary);font-size:12px;font-weight:500;line-height:1.4;margin-top:6px}.kpi-card.accent-blue .kpi-icon{background:#1118271f;color:#0f172a}.kpi-card.accent-green .kpi-icon{background:#10b9811f;color:#0f9f6e}.kpi-card.accent-amber .kpi-icon{background:#f59e0b1f;color:#b45309}.kpi-card.accent-purple .kpi-icon{background:#8b5cf61f;color:#7c3aed}[data-theme=dark] .kpi-card.accent-blue .kpi-icon{background:#3b82f63d;color:#bfdbfe}.actions-section.modern{margin-top:4px}.modern-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.action-card.modern{grid-gap:14px;align-items:center;background:linear-gradient(135deg,var(--color-surface) 0,var(--color-background-secondary) 100%);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 10px 20px #0000000d;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;min-height:140px;padding:18px 20px}.action-card.modern .action-info{min-width:0}.action-card.modern .action-info h3,.action-card.modern .action-info p{overflow-wrap:anywhere;word-break:break-word}.action-card.modern .action-icon{background:#1118271f;background:var(--action-icon-bg,#1118271f);color:#0f172a;color:var(--action-icon-color,#0f172a);margin:0}.action-card.modern .action-chevron{align-items:center;color:var(--color-text-secondary);display:flex;font-size:18px;justify-content:center;line-height:1;transition:transform .2s ease}.action-card.modern:hover .action-chevron{transform:translateX(4px)}.action-card.accent-blue{--action-icon-bg:#1118271f;--action-icon-color:#0f172a}.action-card.accent-green{--action-icon-bg:#10b9811f;--action-icon-color:#0f9f6e}.action-card.accent-amber{--action-icon-bg:#f59e0b1f;--action-icon-color:#b45309}.action-card.accent-purple{--action-icon-bg:#8b5cf61f;--action-icon-color:#7c3aed}.signals-section{padding-top:8px}.signals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.2fr 1fr}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.panel-header h3{color:var(--color-text-primary);font-size:16px;font-weight:700;margin:0}.pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:6px 12px}.pill.neutral{background:#94a3b826;border-color:#94a3b84d;color:#475569}.pill.success{background:#16a34a1f;border-color:#16a34a4d;color:#15803d}.activity-panel,.alert-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:14px;box-shadow:0 8px 20px #0000000f;padding:18px}.alert-list{display:flex;flex-direction:column;gap:12px}.alert-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px}.alert-card .alert-title{color:var(--color-text-primary);font-weight:700;margin:0 0 4px}.alert-card .alert-description{color:var(--color-text-secondary);font-size:13px;margin:0}.alert-action{color:var(--color-primary);font-weight:700;text-decoration:none}.alert-card.tone-warning{border-color:#f59e0b4d}.alert-card.tone-info{border-color:#1118274d}.alert-card.tone-critical{border-color:#ef444459}.alert-card.tone-success{border-color:#10b9814d}.alert-card.tone-warning{background:#f59e0b0f}.alert-card.tone-info{background:#1118270f}.alert-card.tone-critical{background:#ef44440f}.alert-card.tone-success{background:#10b9810f}.activity-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.activity-badge{align-items:center;background:var(--color-surface-secondary);border-radius:10px;color:var(--color-text-primary);display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;justify-content:center;padding:6px 10px}.activity-body{flex:1 1}.activity-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.activity-title{font-weight:700}.activity-meta{font-size:12px;font-weight:600}.activity-detail,.activity-meta{color:var(--color-text-secondary)}.activity-detail{font-size:13px;margin:4px 0 0}.dashboard a,.dashboard button,.dashboard input,.dashboard select{min-height:44px;min-width:44px}.dashboard a:focus-visible,.dashboard button:focus-visible,.dashboard input:focus-visible,.dashboard select:focus-visible{border-radius:4px;outline:3px solid var(--color-primary);outline-offset:2px}.status-section{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 32px}.status-card{align-items:center;background:var(--color-surface);border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;gap:20px;padding:24px;transition:all .3s ease}.status-card:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.status-connected{border-color:#10b98133}.status-disconnected{border-color:#ef444433}.status-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.status-connected .status-icon{background:#10b9811a;color:#10b981}.status-disconnected .status-icon{background:#ef44441a;color:#ef4444}.status-info{flex:1 1}.status-info h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.status-text{font-size:14px;margin:0 0 12px}.status-connected .status-text{color:#10b981}.status-disconnected .status-text{color:#ef4444}.status-details{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.status-details span{background:var(--color-surface-secondary);border-radius:6px;font-weight:500;padding:4px 10px}.status-timestamp{color:var(--color-text-tertiary);flex-shrink:0;font-size:12px;text-align:right}.stats-section{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 32px}.stats-section h2{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:20px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.stat-card{border:2px solid var(--color-border);padding:24px}.stat-card:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #11182733}.stat-card:hover{border-color:#11182733;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.stat-icon{font-size:24px;margin-bottom:16px}.stat-info h3{font-size:14px;font-weight:500;margin:0 0 8px}.stat-number{align-items:center;display:flex;gap:8px;letter-spacing:-.025em}.stat-note{background:#fbbf2426;border-radius:6px;color:var(--color-text-secondary);display:inline-block;font-size:12px;font-weight:500;margin-top:8px;padding:4px 8px}.satzung-section{padding:0 24px 28px}.satzung-section h2{color:var(--color-text-primary);font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:24px}.satzung-info-card{border:2px solid var(--color-border)}.satzung-info-card:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #11182733}.no-satzung{font-size:16px}.actions-section{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 40px}.actions-section h2{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:24px}.actions-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{border:2px solid var(--color-border);color:inherit;flex-direction:column;padding:24px;position:relative}.action-card:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #11182733;outline:none}.action-card:hover{border-color:#11182733;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.action-icon{font-size:24px;margin-bottom:16px}.action-info h3{letter-spacing:-.025em}.action-badge{background:#fbbf2433;border-radius:6px;color:#fbbf24;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:12px;top:12px}@media (max-width:1024px){.signals-grid{grid-template-columns:1fr}.actions-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.actions-section,.dashboard-prayer-times-section,.satzung-section,.stats-section,.status-section{padding-left:16px;padding-right:16px}.status-card{flex-direction:column;gap:16px;text-align:center}.status-details{justify-content:center}.status-timestamp{text-align:center}.actions-grid,.stats-grid{grid-template-columns:1fr}.dashboard-prayer-times-meta{align-items:flex-start;flex-direction:column}.dashboard-prayer-times-list{grid-template-columns:1fr}}@media (max-width:480px){.action-card,.satzung-info-card,.stat-card,.status-card{padding:20px}.action-icon,.satzung-icon,.stat-icon,.status-icon{font-size:20px;height:40px;width:40px}.status-details{flex-direction:column;gap:8px}.stat-number{font-size:28px}.satzung-info-card{flex-direction:column;gap:16px;text-align:center}.satzung-date{justify-content:center}}@media (prefers-contrast:high){.dashboard .action-card,.dashboard .satzung-info-card,.dashboard .stat-card,.dashboard .status-card{border-width:3px}.dashboard .action-info h3,.dashboard .satzung-info h3,.dashboard .stat-info h3,.dashboard .status-info h3{font-weight:700}}.charts-section{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 32px}.charts-section h2{color:var(--color-text-primary);font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:24px}.charts-grid{grid-gap:20px;align-items:stretch;gap:20px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 10px 24px #0000000d;display:flex;flex-direction:column;gap:12px;height:100%;min-height:360px;padding:20px;transition:all .3s ease}.chart-card:hover{border-color:#11182740;box-shadow:0 14px 28px #00000014}.chart-card h3{color:var(--color-text-primary);font-size:18px;font-weight:600;letter-spacing:-.025em;margin:0}.chart-card--wide{grid-column:span 2}.chart-container{background:linear-gradient(180deg,#f8fafccc,#ffffffe6);border-radius:10px;height:100%;min-height:320px;padding:12px;position:relative}@media (max-width:1024px){.charts-grid{grid-template-columns:repeat(2,1fr)}.chart-card--wide{grid-column:span 2}}@media (max-width:768px){.charts-section{padding-left:16px;padding-right:16px}.charts-grid{grid-template-columns:1fr}.chart-card--wide{grid-column:span 1}.section-heading{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.chart-card{padding:16px}.chart-container{min-height:260px}}@media (prefers-contrast:high){.dashboard .action-card,.dashboard .chart-card,.dashboard .satzung-info-card,.dashboard .stat-card,.dashboard .status-card{border-width:3px}.dashboard .action-info h3,.dashboard .chart-card h3,.dashboard .satzung-info h3,.dashboard .stat-info h3,.dashboard .status-info h3{font-weight:700}}@media (prefers-reduced-motion:reduce){.dashboard,.dashboard .action-card,.dashboard .chart-card,.dashboard .satzung-info-card,.dashboard .stat-card,.dashboard .status-card{animation:none;transition:none}}.verein-dashboard{background:var(--color-background);min-height:100vh;padding:0}.verein-dashboard .section-shell{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 28px}.verein-dashboard .section-shell+.section-shell{margin-top:12px}.verein-dashboard .page-header{padding:32px 0 24px}.verein-dashboard .section-shell--header,.verein-dashboard .section-shell--header .page-header{padding-bottom:8px}.verein-dashboard .section-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.verein-dashboard .section-heading h2{color:var(--color-text-primary);font-size:var(--font-size-xxl);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0}.verein-dashboard .eyebrow{color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.verein-dashboard .section-subtitle{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:4px 0 0}.verein-dashboard .actions-section,.verein-dashboard .activities-section,.verein-dashboard .satzung-section{margin:0;padding:0 24px 28px}.verein-dashboard .verein-kpi-section{padding:0 24px 28px}.verein-dashboard .verein-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.verein-dashboard .verein-kpi-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 8px 20px #0000000f;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:120px;padding:14px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.verein-dashboard .verein-kpi-card:hover{border-color:#11182740;box-shadow:0 12px 28px #00000014;transform:translateY(-4px)}.verein-dashboard .verein-kpi-icon{align-items:center;background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border-radius:12px;color:var(--color-text-primary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.verein-dashboard .verein-kpi-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.verein-dashboard .verein-kpi-label{color:var(--color-text-secondary);font-size:13px;font-weight:600;line-height:1.4;margin-bottom:6px}.verein-dashboard .verein-kpi-value-row{align-items:center;display:flex;gap:8px;justify-content:center}.verein-dashboard .verein-kpi-value{color:var(--color-text-primary);font-size:1.6rem;font-weight:700;line-height:1}.verein-dashboard .verein-kpi-context{color:var(--color-text-secondary);font-size:12px;font-weight:500;line-height:1.4;margin-top:6px}.verein-dashboard .verein-kpi-card.accent-blue .verein-kpi-icon{background:#1118271f;color:#0f172a}.verein-dashboard .verein-kpi-card.accent-green .verein-kpi-icon{background:#10b9811f;color:#0f9f6e}.verein-dashboard .verein-kpi-card.accent-amber .verein-kpi-icon{background:#f59e0b1f;color:#b45309}.verein-dashboard .verein-kpi-card.accent-purple .verein-kpi-icon{background:#8b5cf61f;color:#7c3aed}[data-theme=dark] .verein-dashboard .verein-kpi-card.accent-blue .verein-kpi-icon{background:#3b82f63d;color:#bfdbfe}.verein-dashboard .actions-section.modern{margin-top:8px}.verein-dashboard .modern-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.verein-dashboard .action-card.modern{grid-gap:14px;align-items:center;background:linear-gradient(135deg,var(--color-surface) 0,var(--color-background-secondary) 100%);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 10px 20px #0000000d;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;min-height:140px;padding:18px 20px}.verein-dashboard .action-card.modern .action-info{min-width:0}.verein-dashboard .action-card.modern .action-info h3,.verein-dashboard .action-card.modern .action-info p{overflow-wrap:anywhere;word-break:break-word}.verein-dashboard .activities-section{padding-bottom:28px}.verein-dashboard .action-card.modern .action-icon{background:#1118271f;background:var(--action-icon-bg,#1118271f);color:#0f172a;color:var(--action-icon-color,#0f172a);margin:0}.verein-dashboard .action-card.modern .action-chevron{align-items:center;color:var(--color-text-secondary);display:flex;font-size:18px;justify-content:center;line-height:1;transition:transform .2s ease}.verein-dashboard .action-card.modern:hover .action-chevron{transform:translateX(4px)}.verein-dashboard .action-card.accent-blue{--action-icon-bg:#1118271f;--action-icon-color:#0f172a}.verein-dashboard .action-card.accent-green{--action-icon-bg:#10b9811f;--action-icon-color:#0f9f6e}.verein-dashboard .action-card.accent-amber{--action-icon-bg:#f59e0b1f;--action-icon-color:#b45309}.verein-dashboard .action-card.accent-purple{--action-icon-bg:#8b5cf61f;--action-icon-color:#7c3aed}.dashboard-title{color:var(--color-text-primary);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}.dashboard-subtitle{color:var(--color-text-secondary);font-size:18px;font-weight:400;line-height:1.6;margin:0}.actions-section,.activities-section,.stats-section{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 32px}.actions-section>h2,.activities-section>h2,.stats-section>h2{color:var(--color-text-primary);font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 20px}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{gap:2px;min-height:130px;padding:20px 18px}.stat-card.highlight{background:linear-gradient(135deg,#1118270d 0,var(--color-surface) 100%);border-color:#111827}.stat-card.success{background:linear-gradient(135deg,#10b9810d 0,var(--color-surface) 100%);border-color:#10b981}.stat-card.success .stat-icon{background:#10b9811a;color:#10b981}.stat-card.info{background:linear-gradient(135deg,#06b6d40d 0,var(--color-surface) 100%);border-color:#06b6d4}.stat-card.info .stat-icon{background:#06b6d41a;color:#06b6d4}.stat-card.warning{background:linear-gradient(135deg,#f59e0b0d 0,var(--color-surface) 100%);border-color:#f59e0b}.stat-card.warning .stat-icon{background:#f59e0b1a;color:#f59e0b}.stat-breakdown{display:flex;flex-direction:column;gap:8px;margin-top:12px}.stat-item{align-items:center;background:var(--color-background);border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.stat-value{font-size:16px}.detailed-stats{border-top:2px solid var(--color-border);margin-top:32px;padding-top:32px}.verein-dashboard .stat-card .stat-info{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.verein-dashboard .stat-card .stat-info h3{color:var(--color-text-primary)!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.3!important;margin:0 0 2px!important;text-align:center!important;text-transform:none!important}.verein-dashboard .stat-card .stat-number{color:var(--color-text-primary)!important;font-size:36px!important;font-weight:700!important;line-height:1!important;margin:4px 0!important;text-align:center!important}.verein-dashboard .stat-card .stat-detail{color:var(--color-text-secondary)!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;margin:0!important;text-align:center!important}.actions-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.action-card{gap:16px;min-height:100px;padding:20px;text-decoration:none}.action-icon{border-radius:10px;height:48px;width:48px}.action-info h3{font-size:16px;font-weight:600;margin:0 0 4px}.action-info p{font-size:14px;line-height:1.5}.activities-list{background:var(--color-surface);border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;max-width:100%;padding:12px 14px}.activity-item{border-bottom:1px solid #f3f4f6;padding:14px 12px;transition:background .2s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--color-surface-secondary);border-radius:8px}.activity-icon{background:#1118271a;border-radius:8px;color:#111827}.activity-title{font-size:15px;margin:0 0 4px}.activity-description{font-size:14px;margin:0 0 4px}.activity-date{color:var(--color-text-tertiary);font-size:13px;font-weight:500}@media (max-width:768px){.dashboard-title{font-size:32px}.dashboard-subtitle{font-size:16px}.actions-grid,.modern-grid,.stats-grid,.verein-kpi-grid{grid-template-columns:1fr}.verein-dashboard .section-heading{align-items:flex-start;flex-direction:column}.verein-dashboard .stat-card .stat-info h3{font-size:16px!important}.verein-dashboard .stat-card .stat-number{font-size:42px!important}.verein-dashboard .stat-card .stat-detail{font-size:14px!important}}.satzung-section{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 32px}.satzung-section>h2{color:var(--color-text-primary);font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 20px}.satzung-info-card{align-items:flex-start;background:var(--color-surface);border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:inherit;display:flex;gap:20px;padding:24px;text-decoration:none;transition:all .3s ease}.satzung-info-card:hover{border-color:#11182733;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.satzung-icon{align-items:center;background:#1118271a;border-radius:10px;color:var(--color-text-primary);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;margin-top:2px;width:48px}.satzung-info h3{font-size:16px;font-weight:600}.satzung-date,.satzung-info h3{color:var(--color-text-primary);margin:0 0 8px}.satzung-date{align-items:center;display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:-.025em}.loading-spinner{color:var(--color-text-secondary);font-style:italic}.no-satzung{color:var(--color-text-tertiary);font-style:italic}.satzung-filename{color:var(--color-text-secondary);font-size:14px;font-weight:500}.satzung-pending-info{align-items:center;display:flex;gap:10px;margin-top:10px}.satzung-pending-date{color:var(--color-text-secondary);font-size:13px;font-weight:500}.satzung-status-badge{margin-left:12px}.satzung-pending-info .satzung-status-badge{margin-left:0}@media (max-width:768px){.satzung-section{padding-left:16px;padding-right:16px}.satzung-info-card{flex-direction:column;gap:16px;text-align:center}.satzung-date{justify-content:center}}@media (max-width:480px){.verein-dashboard .verein-kpi-value{font-size:1.6rem}.satzung-info-card{padding:20px}.satzung-date,.satzung-icon,.satzung-info h3{margin-bottom:12px}}.verein-dashboard .verein-prayer-times-section{padding:0 24px 28px}.verein-dashboard .verein-prayer-times-card{background:#f3f7ff;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 8px 20px #0000000f;padding:16px}.verein-dashboard .verein-prayer-times-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:14px}.verein-dashboard .verein-prayer-times-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.verein-dashboard .verein-prayer-time-row{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.verein-dashboard .verein-prayer-time-row.is-current{background:linear-gradient(135deg,#2563eb14,#38bdf814);border-color:#2563eb73;box-shadow:inset 0 0 0 1px #2563eb2e}.verein-dashboard .verein-prayer-time-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.verein-dashboard .verein-prayer-time-label{color:var(--color-text-primary);font-size:14px;font-weight:600}.verein-dashboard .verein-prayer-time-value{color:var(--color-text-primary);font-size:14px;font-weight:700}.verein-dashboard .verein-prayer-time-bar{background:#eef2f7;background:var(--color-background-secondary,#eef2f7);border-radius:999px;height:8px;overflow:hidden;width:100%}.verein-dashboard .verein-prayer-time-fill{background:linear-gradient(90deg,#111827,#2563eb);border-radius:inherit;display:block;height:100%;transition:width .4s ease}.verein-dashboard .verein-prayer-time-row.is-current .verein-prayer-time-fill{background:linear-gradient(90deg,#1d4ed8,#0ea5e9)}.verein-dashboard .verein-prayer-time-row.is-next .verein-prayer-time-fill{background:linear-gradient(90deg,#f59e0b,#f97316)}.verein-dashboard .verein-prayer-time-row.is-passed .verein-prayer-time-fill{background:linear-gradient(90deg,#16a34a,#22c55e)}.verein-dashboard .verein-prayer-times-message{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin:0}@media (max-width:768px){.verein-dashboard .verein-prayer-times-section{padding-left:16px;padding-right:16px}.verein-dashboard .verein-prayer-times-meta{align-items:flex-start;flex-direction:column}.verein-dashboard .verein-prayer-times-list{grid-template-columns:1fr}}.mitglied-dashboard{background:var(--color-background);min-height:100vh;padding:0}.mitglied-dashboard .section-shell{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 32px}.mitglied-dashboard .section-shell+.section-shell{margin-top:0}.mitglied-dashboard .section-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.mitglied-dashboard .section-heading h2{font-size:var(--font-size-xxl);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0}.mitglied-dashboard .eyebrow{color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.mitglied-dashboard .section-subtitle{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:4px 0 0}.mitglied-dashboard .mitglied-dashboard-content{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 32px}.mitglied-dashboard .mitglied-actions-section,.mitglied-dashboard .mitglied-activities-section{margin:0;padding:0 0 32px}.mitglied-dashboard .mitglied-prayer-times-section{padding:0 0 32px}.mitglied-prayer-times-card{background:#f3f7ff;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 8px 20px #0000000f;padding:16px}.mitglied-prayer-times-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:14px}.mitglied-prayer-times-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.mitglied-prayer-time-row{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.mitglied-prayer-time-row.is-current{background:linear-gradient(135deg,#2563eb14,#38bdf814);border-color:#2563eb73;box-shadow:inset 0 0 0 1px #2563eb2e}.mitglied-prayer-time-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.mitglied-prayer-time-label{color:var(--color-text-primary);font-size:14px;font-weight:600}.mitglied-prayer-time-value{color:var(--color-text-primary);font-size:14px;font-weight:700}.mitglied-prayer-time-bar{background:#eef2f7;background:var(--color-background-secondary,#eef2f7);border-radius:999px;height:8px;overflow:hidden;width:100%}.mitglied-prayer-time-fill{background:linear-gradient(90deg,#111827,#2563eb);border-radius:inherit;display:block;height:100%;transition:width .4s ease}.mitglied-prayer-time-row.is-current .mitglied-prayer-time-fill{background:linear-gradient(90deg,#1d4ed8,#0ea5e9)}.mitglied-prayer-time-row.is-next .mitglied-prayer-time-fill{background:linear-gradient(90deg,#f59e0b,#f97316)}.mitglied-prayer-time-row.is-passed .mitglied-prayer-time-fill{background:linear-gradient(90deg,#16a34a,#22c55e)}.mitglied-prayer-times-message{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin:0}.mitglied-dashboard .mitglied-kpi-section{padding:0 0 32px}.mitglied-dashboard .mitglied-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mitglied-dashboard .mitglied-kpi-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 8px 20px #0000000f;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:136px;padding:20px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.mitglied-dashboard .mitglied-kpi-card:hover{border-color:#11182740;box-shadow:0 12px 28px #00000014;transform:translateY(-4px)}.mitglied-dashboard .mitglied-kpi-icon{align-items:center;background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border-radius:12px;color:var(--color-text-primary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.mitglied-dashboard .mitglied-kpi-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.mitglied-dashboard .mitglied-kpi-label{color:var(--color-text-secondary);font-size:13px;font-weight:600;line-height:1.4;margin-bottom:8px}.mitglied-dashboard .mitglied-kpi-value-row{align-items:center;display:flex;gap:8px;justify-content:center}.mitglied-dashboard .mitglied-kpi-value{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:30px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.mitglied-dashboard .mitglied-kpi-value.is-currency{font-size:28px;letter-spacing:-.01em}.mitglied-dashboard .mitglied-kpi-context{color:var(--color-text-secondary);font-size:12px;font-weight:500;line-height:1.4;margin-top:6px}.mitglied-dashboard .mitglied-kpi-card.accent-blue .mitglied-kpi-icon{background:#1118271f;color:#0f172a}.mitglied-dashboard .mitglied-kpi-card.accent-green .mitglied-kpi-icon{background:#10b9811f;color:#0f9f6e}.mitglied-dashboard .mitglied-kpi-card.accent-amber .mitglied-kpi-icon{background:#f59e0b1f;color:#b45309}.mitglied-dashboard .mitglied-kpi-card.accent-purple .mitglied-kpi-icon{background:#8b5cf61f;color:#7c3aed}[data-theme=dark] .mitglied-dashboard .mitglied-kpi-card.accent-blue .mitglied-kpi-icon{background:#3b82f63d;color:#bfdbfe}.kpi-meta-box{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);display:inline-flex;font-weight:600;gap:8px;line-height:1;padding:8px 12px}.dot{border-radius:50%;display:inline-block;height:10px;width:10px}.dot.live{background:#22c55e;box-shadow:0 0 0 6px #22c55e26}.mitglied-dashboard .mitglied-actions-section.modern{margin-top:4px}.mitglied-dashboard .mitglied-actions-grid,.mitglied-dashboard .mitglied-modern-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mitglied-dashboard .mitglied-action-card.modern{grid-gap:14px;align-items:center;background:linear-gradient(135deg,var(--color-surface) 0,var(--color-background-secondary) 100%);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 10px 20px #0000000d;color:inherit;display:grid;gap:14px;grid-template-columns:auto 1fr auto;min-height:140px;padding:18px 20px;text-decoration:none}.mitglied-dashboard .mitglied-action-card.modern .mitglied-action-icon{background:#1118271f;background:var(--action-icon-bg,#1118271f);color:#0f172a;color:var(--action-icon-color,#0f172a);margin:0}.mitglied-dashboard .mitglied-action-card.modern .mitglied-action-chevron{align-items:center;color:var(--color-text-secondary);display:flex;font-size:18px;justify-content:center;line-height:1;transition:transform .2s ease}.mitglied-dashboard .mitglied-action-card.modern:hover .mitglied-action-chevron{transform:translateX(4px)}.mitglied-dashboard .mitglied-action-card.accent-blue{--action-icon-bg:#1118271f;--action-icon-color:#0f172a}.mitglied-dashboard .mitglied-action-card.accent-green{--action-icon-bg:#10b9811f;--action-icon-color:#0f9f6e}.mitglied-dashboard .mitglied-action-card.accent-amber{--action-icon-bg:#f59e0b1f;--action-icon-color:#b45309}.mitglied-dashboard .mitglied-action-card.accent-purple{--action-icon-bg:#8b5cf61f;--action-icon-color:#7c3aed}.mitglied-dashboard .mitglied-action-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.mitglied-dashboard .mitglied-action-info{min-width:0}.mitglied-dashboard .mitglied-action-info h3{color:var(--color-text-primary);font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0 0 8px}.mitglied-dashboard .mitglied-action-info p{color:var(--color-text-secondary);font-size:15px;font-weight:500;line-height:1.6;margin:0}.mitglied-dashboard .mitglied-activities-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.mitglied-dashboard .mitglied-activity-item{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:12px;padding:12px;transition:background-color .2s ease}.mitglied-dashboard .mitglied-activity-item:hover{background-color:var(--color-surface-secondary)}.mitglied-dashboard .mitglied-activity-icon{align-items:center;background:#34c7591a;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.mitglied-dashboard .mitglied-activity-content{flex:1 1}.mitglied-dashboard .mitglied-activity-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-xs) 0}.mitglied-dashboard .mitglied-activity-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;line-height:1.45;margin:0 0 var(--spacing-xs) 0}.mitglied-dashboard .mitglied-activity-date{color:var(--color-text-secondary);font-size:12px;font-weight:600}.verein-selector-banner{background:linear-gradient(135deg,#111827,#8b5cf6);border-radius:12px;box-shadow:0 4px 20px #11182733;margin:24px;padding:24px}.banner-content{align-items:center;display:flex;gap:20px;margin:0 auto;max-width:var(--layout-detail-max-width)}.banner-content svg{color:#fff;flex-shrink:0}.banner-text{flex:1 1}.banner-text h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.banner-text p{color:#fffffff2;font-size:14px;margin:0}.verein-select-dropdown{background:var(--color-surface);border:2px solid #e5e7eb;border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:15px;font-weight:500;min-width:300px;padding:12px 16px;transition:all .2s ease}.verein-select-dropdown:hover{border-color:#111827}.verein-select-dropdown:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.verein-select-dropdown:disabled{cursor:not-allowed;opacity:.5}.verein-select-compact{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-weight:500;padding:8px 12px}.verein-select-compact:hover{background:#ffffff4d}.verein-select-compact:focus{background:#ffffff4d;box-shadow:0 0 0 3px #fff3}.verein-select-compact option{background:var(--color-surface);color:var(--color-text-primary)}@media (max-width:768px){.banner-content{align-items:stretch;flex-direction:column;gap:16px}.banner-text{text-align:center}.verein-select-dropdown{min-width:100%}.verein-select-compact{font-size:13px;min-width:150px}.header-status{align-items:stretch;flex-direction:column;gap:8px}}.mitglied-dashboard-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008;margin:0 24px 24px;overflow:hidden;padding:24px 28px;position:relative}.mitglied-dashboard-header:before{background:linear-gradient(90deg,#111827,#8b5cf6 50%,#ec4899);content:"";height:4px;left:0;position:absolute;right:0;top:0}.mitglied-dashboard>.actions-section,.mitglied-dashboard>.activities-section,.mitglied-dashboard>.stats-section{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 32px}.header-content{align-items:flex-start;justify-content:space-between;margin-bottom:20px}.mitglied-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.mitglied-subtitle{color:#64748b;font-size:15px;font-weight:500;margin:4px 0 0}.header-status{align-items:center;display:flex;flex-shrink:0;gap:12px}.verein-select-compact{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#334155;cursor:pointer;font-size:14px;font-weight:600;min-width:200px;padding:10px 16px;transition:all .2s ease}.verein-select-compact:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #00000014}.verein-select-compact:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.status-badge{box-shadow:none}.mitglied-contact{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:24px;padding-top:20px}.contact-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s ease}.contact-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.stats-section{margin-bottom:var(--spacing-xl)}.stats-section h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-lg) 0}.stats-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;gap:8px;padding:16px;transition:all .3s ease}.stat-card:hover{border-color:#111827;box-shadow:0 8px 24px #11182726}.stat-info{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center}.stat-info h3{font-size:13px;letter-spacing:.05em;margin:0}.stat-number{font-size:36px;letter-spacing:-.5px;margin:0}.stat-detail{font-size:13px;font-weight:500;line-height:1.4}.actions-section{margin-bottom:0}.actions-section h2{color:var(--color-text-primary);font-size:var(--font-size-xxl);font-weight:600;letter-spacing:-.02em;margin:0}.actions-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.action-card{align-items:flex-start;background:var(--color-surface);border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:inherit!important;cursor:pointer;display:flex;gap:20px;padding:28px;text-decoration:none!important;transition:all .3s ease}.action-card:hover{border-color:#111827;box-shadow:0 8px 24px #11182726;color:inherit;text-decoration:none;transform:translateY(-2px)}.action-icon{align-items:center;background:#1118271a;border-radius:12px;color:var(--color-text-primary);display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.action-info{flex:1 1}.action-info h3{color:var(--color-text-primary);font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0 0 8px}.action-info p{color:var(--color-text-secondary);font-size:15px;font-weight:500;line-height:1.6;margin:0}.activities-section h2{color:var(--color-text-primary);font-size:var(--font-size-xxl);font-weight:600;letter-spacing:-.02em;margin:0}.activities-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.activity-item{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:12px;padding:12px;transition:background-color .2s ease}.activity-item:hover{background-color:var(--color-surface-secondary)}.activity-icon{align-items:center;background:#34c7591a;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-xs) 0}.activity-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;line-height:1.45;margin:0 0 var(--spacing-xs) 0}.activity-date{color:var(--color-text-secondary);font-size:12px;font-weight:600}@media (max-width:768px){.mitglied-dashboard{padding:var(--spacing-md)}.mitglied-dashboard .mitglied-dashboard-content{padding:0 12px 24px}.mitglied-dashboard-header{margin:0 12px 24px;padding:20px}.mitglied-info h1{font-size:24px}.header-content{flex-direction:column;gap:16px}.header-status{align-items:stretch;flex-direction:column;width:100%}.verein-select-compact{min-width:0;min-width:auto;width:100%}.status-badge{text-align:center}.mitglied-contact{flex-direction:column;gap:10px}.contact-item{justify-content:flex-start;width:100%}.mitglied-actions-grid,.mitglied-kpi-grid,.mitglied-modern-grid{grid-template-columns:1fr}.mitglied-prayer-times-meta{align-items:flex-start;flex-direction:column}.mitglied-prayer-times-list{grid-template-columns:1fr}.mitglied-dashboard .section-heading{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr}.stat-card{align-items:center;flex-direction:column;gap:12px;text-align:center}.stat-icon{height:48px;width:48px}.stat-info{gap:6px}.stat-info h3{font-size:14px}.stat-number{font-size:36px}.stat-detail{font-size:13px}.mitglied-actions-grid{grid-template-columns:1fr}.mitglied-action-card,.stat-card{padding:var(--spacing-lg)}.stat-icon{font-size:24px;height:52px;width:52px}.stat-info h3{font-size:15px}.stat-number{font-size:40px}.stat-detail{font-size:15px}.mitglied-action-icon{font-size:24px;height:52px;width:52px}.mitglied-action-info h3{font-size:16px}.mitglied-action-info p{font-size:14px}}@media (max-width:480px){.mitglied-info h1{font-size:var(--font-size-xl)}.mitglied-dashboard .mitglied-kpi-value{font-size:28px}.mitglied-dashboard .mitglied-kpi-value.is-currency{font-size:26px}.stat-number{font-size:var(--font-size-xl)}.mitglied-activity-item{padding:var(--spacing-md)}}.error-container{padding:var(--spacing-xl)}.error-container,.error-container-fullscreen{align-items:center;display:flex;justify-content:center}.error-container-fullscreen{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffffff2;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.error-content{animation:errorSlideIn .3s ease-out;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--spacing-xl);text-align:center;width:100%}.error-content-error{border-left:4px solid var(--color-error)}.error-content-warning{border-left:4px solid var(--color-warning)}.error-content-info{border-left:4px solid var(--color-primary)}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-icon{display:block;font-size:48px;margin-bottom:var(--spacing-md)}.error-details{margin-bottom:var(--spacing-lg)}.error-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-sm) 0}.error-message{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0}.error-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.error-btn{min-width:120px}.inline-error{align-items:center;background-color:#ff3b301a;border:1px solid #ff3b3033;border-radius:var(--radius-sm);display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.inline-error-icon,.inline-error-message{color:var(--color-error);font-size:var(--font-size-sm)}.inline-error-message{font-weight:500}.error-toast{animation:toastSlideIn .3s ease-out;position:fixed;right:20px;top:20px;z-index:10000}.error-toast-content{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-error);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-sm);max-width:400px;min-width:300px;padding:var(--spacing-md)}.error-toast-icon{color:var(--color-error);font-size:var(--font-size-lg)}.error-toast-message{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:500}.error-toast-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-xs);transition:all .2s ease}.error-toast-close:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.error-content{margin:var(--spacing-md);padding:var(--spacing-lg)}.error-icon{font-size:36px}.error-title{font-size:var(--font-size-lg)}.error-actions{flex-direction:column}.error-btn{width:100%}.error-toast{left:10px;right:10px;top:10px}.error-toast-content{min-width:auto}}@media (prefers-color-scheme:dark){.error-container-fullscreen{background-color:#000000f2}}@media (prefers-contrast:high){.error-content-error,.error-content-info,.error-content-warning{border-left-width:6px}.inline-error{background-color:var(--color-error);color:#fff}.inline-error-icon,.inline-error-message{color:#fff}}@media (prefers-reduced-motion:reduce){.error-content,.error-toast{animation:none}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.Modal_overlay__fALhj{align-items:center;animation:Modal_fadeIn__tww1b .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;background-color:var(--modal-overlay-bg,#0009);bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--spacing-md,16px);position:fixed;right:0;top:0;z-index:1000}@keyframes Modal_fadeIn__tww1b{0%{opacity:0}to{opacity:1}}.Modal_content__mpHdf{animation:Modal_slideUp__aTB2R .3s ease;background:#fff;background:var(--modal-content-bg,#fff);border-radius:12px;border-radius:var(--modal-border-radius,12px);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--modal-shadow,0 20px 25px -5px #0000001a);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}@keyframes Modal_slideUp__aTB2R{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Modal_sizeSm__cJoct{max-width:400px}.Modal_sizeMd__N8qmM{max-width:600px}.Modal_sizeLg__tBGcD{max-width:800px}.Modal_sizeXl__28ECp{max-width:1000px}.Modal_header__15EG7{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--modal-border-color,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:32px;padding:var(--spacing-xl,32px)}.Modal_title__Ns7Iq{color:#1f2937;color:var(--modal-title-color,#1f2937);font-size:20px;font-size:var(--font-size-xl,20px);font-weight:700;margin:0}.Modal_closeButton__Li7Jj{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#6b7280;color:var(--modal-close-color,#6b7280);cursor:pointer;display:flex;font-size:24px;font-size:var(--font-size-2xl,24px);height:36px;justify-content:center;line-height:1;padding:4px;padding:var(--spacing-xs,4px);transition:all .2s ease;width:36px}.Modal_closeButton__Li7Jj:hover{background-color:#f3f4f6;background-color:var(--modal-close-hover-bg,#f3f4f6);color:#1f2937;color:var(--modal-close-hover-color,#1f2937)}.Modal_closeButton__Li7Jj:disabled{cursor:not-allowed;opacity:.5}.Modal_body__tOlCj{flex:1 1;overflow-y:auto}.Modal_body__tOlCj,.Modal_footer__3jNY2{padding:32px;padding:var(--spacing-xl,32px)}.Modal_footer__3jNY2{border-top:1px solid #e5e7eb;border-top:1px solid var(--modal-border-color,#e5e7eb);display:flex;flex-shrink:0;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}@media (max-width:768px){.Modal_overlay__fALhj{padding:0}.Modal_content__mpHdf{border-radius:0;max-height:100vh;max-width:100%!important}.Modal_body__tOlCj,.Modal_footer__3jNY2,.Modal_header__15EG7{padding:16px;padding:var(--spacing-md,16px)}.Modal_footer__3jNY2{flex-direction:column-reverse}.Modal_footer__3jNY2>*{width:100%}}[data-theme=dark] .Modal_overlay__fALhj{background-color:#000c;background-color:var(--modal-overlay-bg-dark,#000c)}[data-theme=dark] .Modal_content__mpHdf{background:#1e293b!important;background:var(--modal-content-bg-dark,#1e293b)!important}[data-theme=dark] .Modal_header__15EG7{border-bottom-color:#475569!important;border-bottom-color:var(--modal-border-color-dark,#475569)!important}[data-theme=dark] .Modal_title__Ns7Iq{color:#fff!important;color:var(--modal-title-color-dark,#fff)!important}[data-theme=dark] .Modal_closeButton__Li7Jj{color:#e5e7eb!important;color:var(--modal-close-color-dark,#e5e7eb)!important}[data-theme=dark] .Modal_closeButton__Li7Jj:hover{background-color:#334155!important;background-color:var(--modal-close-hover-bg-dark,#334155)!important;color:#fff!important;color:var(--modal-close-hover-color-dark,#fff)!important}[data-theme=dark] .Modal_footer__3jNY2{border-top-color:#475569!important;border-top-color:var(--modal-border-color-dark,#475569)!important}.social-media-editor{display:flex;flex-direction:column;gap:1rem}.editor-label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.social-inputs{display:flex;flex-direction:column;gap:1rem}.social-input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;font-weight:500;gap:.5rem}.platform-icon{font-size:1.2rem;line-height:1}.social-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.social-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1118271a;outline:none}.social-input::placeholder{color:var(--color-text-tertiary)}.editor-hint{background:var(--bg-secondary);border-left:3px solid var(--color-primary);border-radius:6px;color:var(--color-text-secondary);font-size:.8rem;margin:0;padding:.75rem 1rem}[data-theme=dark] .social-input{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .social-input:focus{background:#ffffff14;border-color:var(--color-primary)}[data-theme=dark] .editor-hint{background:#ffffff0d}@media (max-width:640px){.social-input{font-size:.85rem;padding:.65rem .85rem}.editor-hint{font-size:.75rem;padding:.65rem .85rem}}.VereinFormModal_form__Sj6Im{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.VereinFormModal_formGrid__UADK0{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(2,1fr)}.VereinFormModal_subGrid__T0j7x{grid-gap:16px;grid-gap:var(--spacing-md,16px);display:grid;gap:16px;gap:var(--spacing-md,16px);grid-template-columns:repeat(2,minmax(0,1fr))}.VereinFormModal_subGrid__T0j7x .VereinFormModal_helperText__CKJ9Z{grid-column:1/-1}.VereinFormModal_formGroup__OPr7B{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.VereinFormModal_formGroup__OPr7B.VereinFormModal_fullWidth__uHAWJ{grid-column:1/-1}.VereinFormModal_formGroup__OPr7B.VereinFormModal_checkboxGroup__fqUVZ{align-items:center;flex-direction:row}.VereinFormModal_formGroup__OPr7B.VereinFormModal_checkboxGroup__fqUVZ label{align-items:center;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm,8px);margin-bottom:0}.VereinFormModal_formGroup__OPr7B.VereinFormModal_checkboxGroup__fqUVZ input[type=checkbox]{margin:0;width:auto}.VereinFormModal_formGroup__OPr7B label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.VereinFormModal_formGroup__OPr7B label .VereinFormModal_required__gZMdK{color:#dc2626;color:var(--color-error,#dc2626);margin-left:2px}.VereinFormModal_formGroup__OPr7B input,.VereinFormModal_formGroup__OPr7B select,.VereinFormModal_formGroup__OPr7B textarea{background:#fff;border:2px solid #d1d5db;border-radius:8px;border-radius:var(--radius-md,8px);color:#1f2937;font-family:inherit;font-size:16px;font-size:var(--font-size-md,16px);padding:12px 16px;transition:all .2s ease}.VereinFormModal_formGroup__OPr7B input:focus,.VereinFormModal_formGroup__OPr7B select:focus,.VereinFormModal_formGroup__OPr7B textarea:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.VereinFormModal_formGroup__OPr7B input.VereinFormModal_error__dLXvo,.VereinFormModal_formGroup__OPr7B select.VereinFormModal_error__dLXvo,.VereinFormModal_formGroup__OPr7B textarea.VereinFormModal_error__dLXvo{border-color:#dc2626;border-color:var(--color-error,#dc2626)}.VereinFormModal_formGroup__OPr7B input.VereinFormModal_error__dLXvo:focus,.VereinFormModal_formGroup__OPr7B select.VereinFormModal_error__dLXvo:focus,.VereinFormModal_formGroup__OPr7B textarea.VereinFormModal_error__dLXvo:focus{box-shadow:0 0 0 3px #ef44441a}.VereinFormModal_formGroup__OPr7B textarea{min-height:80px;resize:vertical}.VereinFormModal_toggleGroup__WZ600{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;gap:16px;gap:var(--spacing-md,16px);padding:8px 10px}.VereinFormModal_toggleOption__bHaTs{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-sm,14px);gap:8px;gap:var(--spacing-sm,8px)}.VereinFormModal_toggleOption__bHaTs input{accent-color:#111827;accent-color:var(--color-primary,#111827)}.VereinFormModal_helperText__CKJ9Z{background:#f9fafb;border:1px dashed #e5e7eb;border:1px dashed var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);padding:12px 16px}.VereinFormModal_errorMessage__RpeT2{color:#dc2626;color:var(--color-error,#dc2626);font-size:14px;font-size:var(--font-size-sm,14px);margin-top:4px;margin-top:var(--spacing-xs,4px)}.VereinFormModal_datePickerInput__6Qwj1{background:#fff;border:2px solid #d1d5db;border-radius:8px;border-radius:var(--radius-md,8px);color:#1f2937;cursor:pointer;font-family:inherit;font-size:16px;font-size:var(--font-size-md,16px);padding:12px 16px;transition:all .2s ease;width:100%}.VereinFormModal_datePickerInput__6Qwj1:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.VereinFormModal_datePickerInput__6Qwj1::placeholder{color:#9ca3af}.VereinFormModal_selectInput__FDAqQ{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:none;border:2px solid #d1d5db;border-radius:8px;border-radius:var(--radius-md,8px);color:#1f2937;cursor:pointer;font-family:inherit;font-size:16px;font-size:var(--font-size-md,16px);padding:12px 44px 12px 16px;transition:all .2s ease}.VereinFormModal_selectInput__FDAqQ::-ms-expand{display:none}.VereinFormModal_selectWrapper__vaG4j{display:inline-block;position:relative;width:100%}.VereinFormModal_selectWrapper__vaG4j:after{background-color:#1f2937;background-color:var(--color-text-primary,#1f2937);-webkit-clip-path:polygon(50% 75%,0 25%,100% 25%);clip-path:polygon(50% 75%,0 25%,100% 25%);content:"";height:12px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:12px}.VereinFormModal_formGroup__OPr7B.VereinFormModal_fullWidth__uHAWJ .VereinFormModal_selectWrapper__vaG4j{display:block;width:100%}.VereinFormModal_selectWrapper__vaG4j .VereinFormModal_selectInput__FDAqQ{width:100%}.VereinFormModal_selectInput__FDAqQ:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.VereinFormModal_selectInput__FDAqQ:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.react-datepicker{border-radius:12px;font-family:inherit}.react-datepicker__header{background-color:var(--color-primary,#111827);border-radius:12px 12px 0 0}.react-datepicker__day{color:#1f2937}.react-datepicker__day:hover{color:var(--color-primary,#111827)}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:var(--color-primary,#111827)}.react-datepicker__day--today{color:var(--color-primary,#111827)}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{border:1px solid #d1d5db}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background-color:#1118271a}.VereinFormModal_footer__ypNpK{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}.VereinFormModal_btnPrimary__n37T7,.VereinFormModal_btnSecondary__NQOc-{border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;line-height:1.2;padding:10px 16px;transition:all .2s ease}.VereinFormModal_btnPrimary__n37T7{background:#111827;background:var(--color-primary,#111827);color:#fff}.VereinFormModal_btnPrimary__n37T7:hover:not(:disabled){background:#0f172a;background:var(--color-primary-hover,#0f172a);transform:translateY(-1px)}.VereinFormModal_btnPrimary__n37T7:disabled{cursor:not-allowed;opacity:.6}.VereinFormModal_btnSecondary__NQOc-{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a)}.VereinFormModal_btnSecondary__NQOc-:hover:not(:disabled){background:#e5e7eb;background:var(--color-border,#e5e7eb)}@media (max-width:768px){.VereinFormModal_formGrid__UADK0{gap:16px;gap:var(--spacing-md,16px);grid-template-columns:1fr}.VereinFormModal_subGrid__T0j7x{grid-template-columns:1fr}.VereinFormModal_footer__ypNpK{flex-direction:column-reverse}.VereinFormModal_footer__ypNpK>*{width:100%}}[data-theme=dark] .VereinFormModal_formGroup__OPr7B label{color:#e5e7eb!important}[data-theme=dark] .VereinFormModal_formGroup__OPr7B input,[data-theme=dark] .VereinFormModal_formGroup__OPr7B select,[data-theme=dark] .VereinFormModal_formGroup__OPr7B textarea{background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .VereinFormModal_formGroup__OPr7B input:focus,[data-theme=dark] .VereinFormModal_formGroup__OPr7B select:focus,[data-theme=dark] .VereinFormModal_formGroup__OPr7B textarea:focus{border-color:#111827!important}[data-theme=dark] .VereinFormModal_selectWrapper__vaG4j:after{background-color:#fff!important}[data-theme=dark] .VereinFormModal_selectInput__FDAqQ:disabled{background-color:#0f172a!important;color:#64748b!important}[data-theme=dark] .VereinFormModal_formGroup__OPr7B input:-webkit-autofill,[data-theme=dark] .VereinFormModal_formGroup__OPr7B input:-webkit-autofill:active,[data-theme=dark] .VereinFormModal_formGroup__OPr7B input:-webkit-autofill:focus,[data-theme=dark] .VereinFormModal_formGroup__OPr7B input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #1e293b!important;box-shadow:inset 0 0 0 30px #1e293b!important}[data-theme=dark] .VereinFormModal_btnSecondary__NQOc-{background-color:#334155!important;border-color:#475569!important;color:#e5e7eb!important}[data-theme=dark] .VereinFormModal_btnSecondary__NQOc-:hover:not(:disabled){background-color:#475569!important}[data-theme=dark] .react-datepicker{background-color:#1e293b!important}[data-theme=dark] .react-datepicker__header{background-color:#111827!important}[data-theme=dark] .react-datepicker__day{color:#e5e7eb!important}[data-theme=dark] .react-datepicker__day:hover{background-color:#11182733!important;color:#111827!important}[data-theme=dark] .react-datepicker__month-dropdown,[data-theme=dark] .react-datepicker__year-dropdown{background-color:#1e293b!important;border-color:#475569!important}[data-theme=dark] .react-datepicker__month-option,[data-theme=dark] .react-datepicker__year-option{color:#e5e7eb!important}[data-theme=dark] .react-datepicker__month-option:hover,[data-theme=dark] .react-datepicker__year-option:hover{background-color:#11182733!important}.pagination{max-width:1400px}@media (max-width:768px){.pagination{flex-direction:column;gap:12px}.pagination-btn{width:100%}}.verein-list{--verein-content-max-width:max(var(--layout-max-width),1140px);background:var(--color-background);min-height:100vh;padding:0}.verein-list .actions-bar{grid-column-gap:12px;grid-row-gap:12px;--actions-control-height:44px;align-items:center;column-gap:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0 auto;max-width:var(--verein-content-max-width);padding:0 24px 16px;row-gap:12px;width:100%}.verein-list .search-box{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:flex;gap:12px;height:var(--actions-control-height);max-width:none;min-width:0;padding:0 14px;position:relative;transition:all .2s ease;width:100%}.verein-list .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.verein-list .search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.verein-list .search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:15px;outline:none}.verein-list .clear-search-btn,.verein-list .search-input::placeholder{color:var(--color-text-tertiary)}.verein-list .clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.verein-list .clear-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.verein-list .filter-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-self:end;margin-left:0}.verein-list .filter-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;min-width:200px;padding:10px 16px;transition:all .2s ease}.verein-list .filter-select:hover{border-color:var(--color-text-tertiary)}.verein-list .filter-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.verein-list .view-toggle{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;box-sizing:border-box;display:flex;flex-shrink:0;gap:0;height:var(--actions-control-height);min-height:var(--actions-control-height);overflow:hidden;padding:2px}.verein-list .view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;min-width:38px;padding:0;transition:all .2s ease;width:38px}.verein-list .view-toggle-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.verein-list .view-toggle-btn.active{background:#111827;box-shadow:none;color:#fff}.verein-list .view-toggle-btn svg{height:17px;width:17px}.verein-list .status-filter{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:inline-flex;gap:6px;min-height:var(--actions-control-height);padding:4px}.verein-list .status-filter-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;min-width:64px;padding:8px 12px;transition:all .2s ease}.verein-list .status-filter-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.verein-list .status-filter-btn.active{background:#111827;box-shadow:0 2px 4px #11182733;color:#fff}.verein-list .status-filter-count{align-items:center;background:#0f172a14;border-radius:999px;color:var(--color-text-tertiary);display:inline-flex;font-size:11px;font-weight:700;justify-content:center;line-height:1.4;min-width:22px;padding:0 6px}.verein-list .status-filter-btn.active .status-filter-count{background:#fff3;color:#fff}.verein-list .filter-toggle{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;gap:10px;min-height:var(--actions-control-height);padding:0 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.verein-list .filter-toggle:hover{border-color:var(--color-text-tertiary)}.verein-list .filter-toggle:has(input:checked){background-color:#d1fae5;border-color:#10b981}.verein-list .filter-toggle:has(input:checked) .toggle-label{color:#059669;font-weight:600}.verein-list .filter-toggle input[type=checkbox]{display:none}.verein-list .toggle-slider{background-color:#e5e7eb;border-radius:12px;height:24px;position:relative;transition:all .2s ease;width:44px}.verein-list .toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:20px}.verein-list .filter-toggle input:checked+.toggle-slider{background-color:#10b981}.verein-list .filter-toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.verein-list .toggle-label{color:var(--color-text-primary);font-size:14px;font-weight:500;white-space:nowrap}.verein-list .btn-primary{align-items:center;background:#111827;border:none;border-radius:12px;box-shadow:0 1px 3px #1118274d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.verein-list .btn-primary:hover{background:#0f172a;box-shadow:0 4px 12px #11182766;transform:translateY(-1px)}.verein-list .btn-primary svg{height:18px;width:18px}.verein-list .actions-bar .btn-primary{background:#111827;border-radius:10px;box-shadow:0 1px 3px #11182773;color:#fff;font-size:13px;gap:4px;height:var(--actions-control-height);line-height:1;min-height:var(--actions-control-height);min-width:120px;padding:0 14px;white-space:nowrap;width:auto}.verein-list .actions-bar .btn-primary:hover{background:#0f172a;box-shadow:0 4px 12px #11182773}.verein-list .actions-bar .btn-primary:active{background:#020617;transform:translateY(0)}.verein-list .actions-bar .btn-primary:focus-visible{outline:2px solid #94a3b8;outline-offset:2px}.verein-list .actions-bar .btn-primary svg{height:16px;width:16px}.verein-list .stats-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin:0 auto 24px;max-width:var(--verein-content-max-width);padding:0 24px}.verein-list .stat-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:.35rem;padding:.35rem 1rem;transition:all .2s ease}.verein-list .stat-item:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.verein-list .stat-label{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:0;text-transform:none}.verein-list .stat-value{align-items:center;background:#11182726;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;line-height:1.2;min-width:24px;padding:0 6px}.verein-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 32px}.empty-state p{margin:0 0 24px}.verein-card{background:var(--color-surface);border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.verein-card:hover{border-color:#111827;box-shadow:0 8px 24px #11182726;transform:translateY(-2px)}.card-header{gap:12px}.card-title-section h3{color:var(--color-text-primary);font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-subtitle{color:var(--color-text-secondary);font-size:12px;font-weight:500}.status-badge{border:1px solid var(--color-border);line-height:1.4;padding:2px 10px}.verein-status-chip{flex-shrink:0;min-width:72px}.info-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding:6px 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-text-secondary);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.05em}.info-link,.info-value{font-weight:500;text-align:right}.info-link{color:#111827;font-size:13px;text-decoration:none;transition:color .2s ease;word-break:break-all}.info-link:hover{color:#0f172a;text-decoration:underline}.card-footer{background:var(--color-surface-secondary);border-top:1px solid var(--color-border);gap:10px;padding:12px 18px}.action-btn{border-radius:8px;padding:8px 12px}.action-btn:hover{background:#eff6ff}.action-btn svg{height:15px;width:15px}@media (max-width:768px){.verein-list .actions-bar{display:flex;flex-wrap:wrap}.verein-list .search-box{flex:1 1 100%;min-width:100%}.verein-list .filter-controls{flex-wrap:wrap;justify-content:space-between;margin-left:0;width:100%}.verein-list .actions-bar .btn-primary{justify-content:center;width:100%}.verein-grid{grid-template-columns:1fr;padding:0 16px 24px}.card-header{align-items:flex-start;flex-direction:column}.status-badge{align-self:flex-start}.card-footer{flex-direction:column}.action-btn{width:100%}}@media (max-width:480px){.verein-list .actions-bar,.verein-list .stats-bar{padding-left:16px;padding-right:16px}.verein-list .actions-bar{display:flex}.verein-list .btn-primary{justify-content:center;width:100%}}.verein-table-container{margin:0 auto;max-width:var(--verein-content-max-width);overflow-x:auto;padding:0 24px 32px}.verein-table{background:var(--color-surface);border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;table-layout:fixed;width:max(100%,1140px)}.verein-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.verein-table th{color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:.05em;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.verein-table tbody tr{border-bottom:1px solid var(--color-border);cursor:pointer;min-height:64px;transition:all .2s ease}.verein-table tbody tr:last-child{border-bottom:none}.verein-table tbody tr:hover{background:#f9fafb}.verein-table td{color:var(--color-text-primary);font-size:13px;line-height:1.35;padding:12px 16px;vertical-align:middle}.verein-table col.col-name{width:33%}.verein-table col.col-number{width:8%}.verein-table col.col-contact{width:19%}.verein-table col.col-president{width:12%}.verein-table col.col-donation{width:14%}.verein-table col.col-status{width:104px}.verein-table col.col-actions{width:136px}.verein-table td.col-name,.verein-table th.col-name{padding-left:14px;padding-right:10px}.verein-table td.col-number,.verein-table th.col-number{font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums;padding-left:10px;padding-right:10px;text-align:left;white-space:nowrap}.verein-table td.col-contact,.verein-table th.col-contact{padding-left:12px;padding-right:12px}.verein-table td.col-donation,.verein-table td.col-president,.verein-table th.col-donation,.verein-table th.col-president{padding-left:10px;padding-right:10px}.verein-table td.col-actions,.verein-table th.col-actions{min-width:136px;padding-left:10px;padding-right:10px;text-align:center;white-space:nowrap}.verein-table td.col-status,.verein-table th.col-status{min-width:104px;padding-left:10px;padding-right:10px;text-align:center;white-space:nowrap}.verein-table .verein-table-name-cell{display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:40px}.verein-table .verein-table-name-cell strong{color:var(--color-text-primary);display:block;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verein-table .verein-table-contact-cell{display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:40px;min-width:0;width:100%}.verein-table .verein-table-contact-text{display:block;line-height:1.35;max-width:100%;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:normal}.verein-table td.col-contact{overflow:hidden}.verein-table .verein-table-subtitle{color:var(--color-text-secondary);font-size:12px;font-weight:500;line-height:1.3}.verein-table .verein-table-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:center;min-width:108px}.verein-table-action-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.verein-table-action-btn:hover{background:#eff6ff;border-color:#111827;color:#111827}.verein-table-action-btn.delete:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.verein-table-action-btn svg{height:16px;width:16px}[data-theme=dark] .verein-table tbody tr:hover{background:var(--color-surface-secondary)}[data-theme=dark] .verein-table-action-btn:hover{background:#11182726;border-color:#60a5fa;color:#93c5fd}[data-theme=dark] .verein-table-action-btn.delete:hover{background:#ef444433;border-color:#f87171;color:#fca5a5}@media (max-width:1024px){.verein-table-container{overflow-x:scroll}.verein-table{min-width:900px}}.rechtliche-daten-details{background:#0000;border-top:none;display:flex;flex-direction:column;gap:16px;padding:0}.rechtliche-daten-details.empty{color:var(--text-secondary);padding:2rem;text-align:center}.rechtliche-daten-details .detail-section{background:#0000;border:none;border-bottom:1px solid var(--color-border);margin-bottom:0;padding:12px 0}.rechtliche-daten-details .detail-section:hover{border-color:var(--color-border);box-shadow:none}.rechtliche-daten-details .detail-section:last-child{border-bottom:none;margin-bottom:0}.rechtliche-daten-details .section-title{align-items:center!important;border-bottom:none;color:var(--color-text-primary)!important;display:flex!important;font-size:.95rem!important;font-weight:700!important;gap:8px!important;line-height:1.3!important;margin:0 0 10px!important;padding:0!important}.rechtliche-daten-details .section-title svg{color:var(--color-primary);flex-shrink:0;height:16px;width:16px}.rechtliche-daten-details:not(.verein-table *) .detail-grid{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (min-width:1024px){.rechtliche-daten-details:not(.verein-table *) .detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:1024px){.rechtliche-daten-details .detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.rechtliche-daten-details .detail-list,.rechtliche-daten-details:not(.verein-table *) .detail-grid{grid-template-columns:1fr}.rechtliche-daten-details .detail-label{white-space:normal}}.detail-item{background:#0000;border:none;border-radius:0;padding:0}.rechtliche-daten-details .detail-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.rechtliche-daten-details .detail-row{align-items:flex-start;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;padding:12px 14px;text-align:left;transition:all .2s ease}.rechtliche-daten-details .detail-row:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #1118271a}.detail-item:hover{border-color:#0000;box-shadow:none}.rechtliche-daten-details .detail-label{color:var(--color-text-tertiary);color:var(--card-label-color,var(--color-text-tertiary));font-family:inherit;font-size:11px;font-size:var(--card-label-size,11px);font-weight:700;font-weight:var(--card-label-weight,700);letter-spacing:.4px;letter-spacing:var(--card-label-letter,.4px);margin-bottom:0;text-transform:uppercase;white-space:normal}.rechtliche-daten-details .detail-value{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--color-text-primary);color:var(--card-value-color,var(--color-text-primary));display:block;font-family:inherit;font-size:14px;font-size:var(--card-value-size,14px);font-weight:500;font-weight:var(--card-value-weight,500);line-height:1.4;line-height:var(--card-value-line,1.4);min-width:0;overflow-wrap:anywhere;padding:0!important;width:100%}.rechtliche-daten-details .detail-value:hover{border:0!important;box-shadow:none!important}.notes-text{background:#f9fafb;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;font-weight:500;line-height:1.5;margin:0;padding:12px 14px}[data-theme=dark] .rechtliche-daten-details{background:var(--card-bg)}[data-theme=dark] .notes-text{background:#ffffff0d}.verein-table tbody tr.detail-row .rechtliche-daten-details{background:#0000;margin:0;padding:0;width:100%}.verein-table tbody tr.detail-row .detail-section{background:#0000;border:none;box-shadow:none;margin-bottom:2.5rem;padding:0}.verein-table tbody tr.detail-row .detail-section:last-child{margin-bottom:0}.verein-table tbody tr.detail-row .section-title{align-items:center;border:none;color:#8e8e93;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;letter-spacing:.06em;margin:0 0 .875rem;padding:0;text-transform:uppercase}.verein-table tbody tr.detail-row .section-title svg{color:#007aff;flex-shrink:0;height:16px;width:16px}.verein-table tbody tr.detail-row .detail-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.verein-table tbody tr.detail-row .detail-item{background:#fff;border:1px solid #0000000f;border-radius:10px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:.375rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.verein-table tbody tr.detail-row .detail-item:hover{background:#fafafa;border-color:#007aff33;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.verein-table tbody tr.detail-row .detail-label{color:#8e8e93;font-size:.6875rem;font-weight:500;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.verein-table tbody tr.detail-row .detail-value{color:#000;font-size:.9375rem;font-weight:500;line-height:1.4;overflow-wrap:break-word}.verein-table tbody tr.detail-row .notes-text{background:#fff9e6;border:1px solid #fc03;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#3c3c43;font-size:.875rem;font-style:normal;line-height:1.6;margin:.75rem 0 0;padding:1rem 1.125rem}.donation-select-item{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.donation-select{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:0;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:.45rem;line-height:1.2;padding:0;transition:all .2s ease}.donation-select:hover{box-shadow:none}.donation-select:focus-visible{box-shadow:0 0 0 2px #1118272e;outline:none}.donation-select.is-active{background:#10b98114;border-color:#10b98159;color:var(--color-success)}.donation-select.is-inactive{background:#ef44440f;border-color:#ef444459;color:var(--color-error)}@media (max-width:768px){.rechtliche-daten-details:not(.verein-table *) .detail-grid{gap:.75rem;grid-template-columns:1fr}.rechtliche-daten-details:not(.verein-table *) .section-title{font-size:.85rem}.rechtliche-daten-details:not(.verein-table *) .section-title svg{height:16px;width:16px}.verein-table tbody tr.detail-row .detail-grid{gap:1rem;grid-template-columns:1fr}.verein-table tbody tr.detail-row .detail-item{padding:.875rem}.donation-select{font-size:.9rem;padding:.4rem .65rem}}.social-media-links{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.social-link{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);display:inline-flex;height:40px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:40px}.social-link:before{background:var(--color-primary);background:var(--social-color,var(--color-primary));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.social-link svg{position:relative;transition:all .3s ease;z-index:1}.social-link:hover{border-color:var(--social-color,var(--color-primary));box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.social-link:hover:before{opacity:1}.social-link:hover svg{color:#fff}.social-link:active{transform:translateY(0)}[data-theme=dark] .social-link{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .social-link:hover{background:var(--color-primary);background:var(--social-color,var(--color-primary));border-color:var(--social-color,var(--color-primary))}@media (max-width:640px){.social-media-links{gap:.5rem}.social-link{height:36px;width:36px}.social-link svg{height:18px;width:18px}}.dialog-icon-success{align-items:center;background:#10b98126;border-radius:50%;color:#10b981;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.dialog-info{background:#1118271a;border-radius:8px;color:#111827;font-size:14px;font-weight:500;margin:0 0 24px;padding:12px}.btn-cancel,.btn-confirm{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.btn-confirm{background:#10b981;box-shadow:0 2px 8px #10b9814d;color:#fff}.btn-confirm:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-cancel:disabled,.btn-confirm:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.dialog-content{padding:24px}.dialog-title{font-size:20px}.dialog-footer{flex-direction:column-reverse}.btn-cancel,.btn-confirm{width:100%}}.btn-cancel,.btn-delete{box-sizing:border-box;height:48px;width:120px}.satzung-delete-dialog-overlay .dialog-footer .btn-cancel,.satzung-delete-dialog-overlay .dialog-footer .btn-delete{flex:0 0 120px;height:48px;min-width:120px;width:120px}@media (max-width:768px){.dialog-content{padding:24px}.dialog-title{font-size:20px}.dialog-footer{flex-direction:column-reverse}.btn-cancel,.btn-delete{width:100%}.satzung-delete-dialog-overlay .dialog-footer .btn-cancel,.satzung-delete-dialog-overlay .dialog-footer .btn-delete{flex:1 1 auto;min-width:100%;width:100%}}.satzung-viewer-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.satzung-viewer-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.satzung-viewer-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 24px}.satzung-viewer-header h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.satzung-viewer-actions{align-items:center;display:flex;gap:12px}.btn-pdf-export{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s}.btn-pdf-export:hover:not(:disabled){background:#b91c1c}.btn-pdf-export:disabled{background:#9ca3af;cursor:not-allowed}.btn-close{background:#0000;border:1px solid #e5e7eb;font-size:1.5rem;height:36px;width:36px}.btn-close:hover{background:#f3f4f6;color:#1f2937}.satzung-viewer-content{flex:1 1;min-height:400px;overflow-y:auto;padding:24px}.satzung-viewer-error,.satzung-viewer-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:300px;justify-content:center}.satzung-viewer-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#111827;height:40px;width:40px}.satzung-viewer-error{color:#dc2626}.satzung-viewer-error button{background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.satzung-document-content{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#1f2937;font-family:Times New Roman,Times,serif;font-size:14px;line-height:1.6;min-height:500px;padding:40px}.satzung-document-content h1{font-size:1.5rem;margin:1rem 0}.satzung-document-content h2{font-size:1.25rem;margin:.875rem 0}.satzung-document-content h3{font-size:1.125rem;margin:.75rem 0}.satzung-document-content p{margin:.5rem 0;text-align:justify}.satzung-document-content ol,.satzung-document-content ul{margin:.5rem 0;padding-left:2rem}.satzung-document-content table{border-collapse:collapse;margin:1rem 0;width:100%}.satzung-document-content td,.satzung-document-content th{border:1px solid #d1d5db;padding:8px}.satzung-pdf-frame{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:70vh;width:100%}.VereinSatzungUploadModal_form__\+Va0z{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.VereinSatzungUploadModal_formGroup__MTDGj{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.VereinSatzungUploadModal_formGroup__MTDGj label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.VereinSatzungUploadModal_formGroup__MTDGj input[type=file],.VereinSatzungUploadModal_formGroup__MTDGj textarea{background:#fff;border:2px solid #d1d5db;border-radius:8px;border-radius:var(--radius-md,8px);color:#1f2937;font-family:inherit;font-size:16px;font-size:var(--font-size-md,16px);padding:12px 16px;transition:all .2s ease}.VereinSatzungUploadModal_formGroup__MTDGj input[type=file]::-webkit-file-upload-button{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #d1d5db;border-radius:6px;border-radius:var(--radius-sm,6px);color:#1f2937;cursor:pointer;margin-right:10px;padding:6px 12px}.VereinSatzungUploadModal_formGroup__MTDGj input[type=file]::file-selector-button{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #d1d5db;border-radius:6px;border-radius:var(--radius-sm,6px);color:#1f2937;cursor:pointer;margin-right:10px;padding:6px 12px}.VereinSatzungUploadModal_formGroup__MTDGj input[type=file]:focus,.VereinSatzungUploadModal_formGroup__MTDGj textarea:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.VereinSatzungUploadModal_formGroup__MTDGj textarea{min-height:112px;resize:vertical}.VereinSatzungUploadModal_datePickerInput__DCnyC{background:#fff!important;border:2px solid #d1d5db!important;border-radius:8px!important;border-radius:var(--radius-md,8px)!important;color:#1f2937!important;font-family:inherit!important;font-size:16px!important;font-size:var(--font-size-md,16px)!important;padding:12px 16px!important;transition:all .2s ease!important;width:100%!important}.VereinSatzungUploadModal_datePickerInput__DCnyC:focus{border-color:#111827!important;border-color:var(--color-primary,#111827)!important;box-shadow:0 0 0 3px #1118271a!important;outline:none!important}.VereinSatzungUploadModal_checkboxGroup__At0vw{gap:8px;gap:var(--spacing-sm,8px)}.VereinSatzungUploadModal_checkboxGroup__At0vw label{align-items:center;color:#1f2937;color:var(--color-text-primary,#1f2937);cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm,8px);letter-spacing:.02em;text-transform:uppercase}.VereinSatzungUploadModal_checkboxGroup__At0vw input[type=checkbox]{height:16px;margin:0;width:16px}.VereinSatzungUploadModal_activeInfo__bu-BP{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);margin:0}.VereinSatzungUploadModal_hint__2jhHF{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:16px;font-size:var(--font-size-md,16px);margin:0}.VereinSatzungUploadModal_fileName__8\+NTY{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;margin:0}.VereinSatzungUploadModal_footer__TC0gh{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}.VereinSatzungUploadModal_btnPrimary__KME1f,.VereinSatzungUploadModal_btnSecondary__QQv1J{border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;flex:0 0 auto;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;line-height:1.2;min-width:76px;padding:10px 16px;transition:all .2s ease;width:auto}.VereinSatzungUploadModal_btnPrimary__KME1f{background:#111827;background:var(--color-primary,#111827);color:#fff}.VereinSatzungUploadModal_btnPrimary__KME1f:hover:not(:disabled){background:#0f172a;background:var(--color-primary-hover,#0f172a);transform:translateY(-1px)}.VereinSatzungUploadModal_btnPrimary__KME1f:disabled{cursor:not-allowed;opacity:.6}.VereinSatzungUploadModal_btnSecondary__QQv1J{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a)}.VereinSatzungUploadModal_btnSecondary__QQv1J:hover:not(:disabled){background:#e5e7eb;background:var(--color-border,#e5e7eb)}@media (max-width:768px){.VereinSatzungUploadModal_footer__TC0gh{flex-direction:column-reverse}.VereinSatzungUploadModal_footer__TC0gh>*{width:100%}}[data-theme=dark] .VereinSatzungUploadModal_formGroup__MTDGj label{color:#e5e7eb}[data-theme=dark] .VereinSatzungUploadModal_datePickerInput__DCnyC,[data-theme=dark] .VereinSatzungUploadModal_formGroup__MTDGj input[type=file],[data-theme=dark] .VereinSatzungUploadModal_formGroup__MTDGj textarea{background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .VereinSatzungUploadModal_formGroup__MTDGj input[type=file]::-webkit-file-upload-button{background:#334155;border-color:#475569;color:#e5e7eb}[data-theme=dark] .VereinSatzungUploadModal_formGroup__MTDGj input[type=file]::file-selector-button{background:#334155;border-color:#475569;color:#e5e7eb}[data-theme=dark] .VereinSatzungUploadModal_datePickerInput__DCnyC:focus,[data-theme=dark] .VereinSatzungUploadModal_formGroup__MTDGj input[type=file]:focus,[data-theme=dark] .VereinSatzungUploadModal_formGroup__MTDGj textarea:focus{border-color:#111827!important}[data-theme=dark] .VereinSatzungUploadModal_activeInfo__bu-BP,[data-theme=dark] .VereinSatzungUploadModal_hint__2jhHF{color:#cbd5e1}.satzung-tab{padding:0}.satzung-header .satzung-upload-btn{align-items:center;display:inline-flex;flex:0 0 auto;font-size:.95rem;justify-content:center;line-height:1.2;max-width:100%;min-height:36px;min-width:0;padding:10px 16px;white-space:nowrap;width:auto}.satzung-layout{display:flex;flex-direction:column;gap:1rem}.satzung-active-block,.satzung-archive-block{display:flex;flex-direction:column;gap:.75rem}.satzung-archive-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.satzung-archive-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem;padding:10px 12px}.satzung-empty-archive,.satzung-empty-card{background:var(--color-surface-secondary);border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.95rem;padding:1rem 1.25rem}.satzung-warning{background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.95rem;font-weight:600;padding:.75rem 1rem}.satzung-card{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s}.satzung-card:hover{box-shadow:0 2px 8px #0000001a}.satzung-card.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #22c55e;box-shadow:0 4px 12px #22c55e26;position:relative}.satzung-card.active:before{align-items:center;background:#22c55e;border-radius:50%;box-shadow:0 2px 6px #22c55e4d;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.satzung-info{flex:1 1}.satzung-header-row{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.satzung-header-row h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.satzung-badge{flex-shrink:0}.satzung-date{margin:.25rem 0}.satzung-date,.satzung-note{color:var(--color-text-secondary);font-size:.9rem}.satzung-note{font-style:italic;margin:.5rem 0}.satzung-size{color:var(--color-text-tertiary);font-size:.85rem;margin:.25rem 0}.satzung-actions{display:flex;flex-wrap:wrap;gap:.5rem}.satzung-action-btn{border-radius:10px;font-size:.95rem;line-height:1.1;min-height:38px;padding:8px 16px;white-space:nowrap}.satzung-action-btn-download{min-width:86px}.satzung-action-btn-resubmit{min-width:188px}.empty-state p{font-size:1.1rem}.react-datepicker__header{background-color:#111827}.react-datepicker__day{color:var(--color-text-primary)}.react-datepicker__day:hover{background-color:#1118271a;color:#111827}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#111827}.react-datepicker__day--today{background:#1118270f;border:1.5px solid #111827;color:#111827}.react-datepicker__day--today:hover{background-color:#1118271f;color:#111827}.react-datepicker__day--today.react-datepicker__day--keyboard-selected,.react-datepicker__day--today.react-datepicker__day--selected{background-color:#111827;border-color:#111827;color:#fff}.react-datepicker__day--disabled{color:var(--color-text-tertiary)}[data-theme=dark] .satzung-warning{background:#f59e0b26;border-color:#f59e0b80;color:#fbbf24}[data-theme=dark] .satzung-card.active{background:linear-gradient(135deg,#064e3b,#065f46);box-shadow:0 4px 12px #22c55e40}[data-theme=dark] .react-datepicker{background:#1e293b;box-shadow:var(--shadow-lg);color:var(--color-text-primary)}[data-theme=dark] .react-datepicker__day:hover{background-color:#11182733;color:#93c5fd}[data-theme=dark] .react-datepicker__day--today{background:#cbd5e11f;border-color:#cbd5e1;color:#e5e7eb}[data-theme=dark] .react-datepicker__day--today:hover{background:#cbd5e133;color:#fff}.verein-detail-page{--card-label-size:11px;--card-label-weight:700;--card-label-color:var(--color-text-tertiary);--card-label-letter:0.4px;--card-value-size:14px;--card-value-weight:500;--card-value-color:var(--color-text-primary);--card-value-line:1.4;background:var(--color-background);margin:0 auto;max-width:var(--layout-detail-max-width);min-height:100vh;padding:0}.verein-kurzname{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:400}.verein-status{display:inline-block;margin-top:8px}.status-badge{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.status-badge.active{background-color:var(--color-success-light);color:var(--color-success)}.status-badge.inactive{background-color:var(--color-text-tertiary);color:var(--color-surface)}.detail-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:var(--layout-detail-max-width);padding:0 24px}.verein-detail-page .detail-tabs .tab-button{background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease}.verein-detail-page .detail-tabs .tab-button:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.verein-detail-page .detail-tabs .tab-button.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .verein-detail-page .detail-tabs .tab-button{color:#cbd5e1}[data-theme=dark] .verein-detail-page .detail-tabs .tab-button:hover{background:#94a3b833;color:#f8fafc}[data-theme=dark] .verein-detail-page .detail-tabs .tab-button.active{background:#3b82f633;border-bottom-color:#60a5fa;border-top-left-radius:10px;border-top-right-radius:10px;color:#f8fafc}.tab-content{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 24px}.info-section{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.info-grid{align-items:start;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:0}.info-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1024px){.info-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.info-grid--three{grid-template-columns:1fr}}.info-section>.info-grid{margin-bottom:20px}.info-section>.info-grid:last-child{margin-bottom:0}.info-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #1118271a}.info-item.full-width{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px}.info-item.full-width.purpose-card,.info-item.full-width.social-media-card,.info-item.full-width.verein-logo-card{background:var(--color-surface-secondary);border:1px solid var(--color-border)}.info-item.full-width.verein-logo-card{grid-gap:12px 14px;align-items:center;border-radius:12px;box-shadow:none;display:grid;gap:12px 14px;grid-template-columns:52px minmax(0,1fr) auto;padding:12px 14px}.verein-logo-preview{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:700;height:52px;justify-content:center;overflow:hidden;width:52px}.verein-logo-preview img{height:100%;object-fit:cover;width:100%}.verein-logo-main{display:flex;flex-direction:column;gap:2px;min-width:0}.verein-logo-title{color:#94a3b8;color:var(--color-text-tertiary,#94a3b8);font-size:11px;font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}.verein-logo-hint{color:var(--color-text-secondary);font-size:12px;margin:0}.verein-logo-selected{color:var(--color-text-primary);font-size:12px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verein-logo-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.verein-logo-input{display:none}.verein-logo-pending-actions{align-items:center;display:inline-flex;gap:8px}@media (max-width:768px){.info-item.full-width.verein-logo-card{gap:10px;grid-template-columns:52px minmax(0,1fr);padding:10px 12px}.verein-logo-actions{grid-column:1/-1;justify-content:flex-start}}.info-item label{color:var(--card-label-color);font-size:var(--card-label-size);font-weight:var(--card-label-weight);letter-spacing:var(--card-label-letter)}.info-item p,.info-item span{color:var(--card-value-color);font-size:var(--card-value-size);font-weight:var(--card-value-weight);line-height:var(--card-value-line)}.verein-detail-page .info-item p{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.info-item a{color:var(--color-primary);font-weight:600;overflow-wrap:anywhere;text-decoration:none;transition:all .2s ease;word-break:break-word}.info-item a:hover{color:var(--color-primary-hover);text-decoration:underline}.organization-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);padding:20px 22px}.organization-card__actions{display:flex;justify-content:flex-end;margin-bottom:12px}.organization-card__actions .btn,.organization-edit-btn{flex:0 0 auto;white-space:nowrap;width:auto}.organization-edit-btn{align-self:center;font-size:var(--font-size-sm);justify-self:end;line-height:1.2;max-width:-webkit-max-content;max-width:max-content;min-height:32px;padding:6px 12px}.organization-overline{color:var(--color-text-secondary);font-size:11px;letter-spacing:.8px;margin:0 0 2px;text-transform:uppercase}.organization-name{color:var(--color-text-primary);font-size:1.125rem;margin:0}.organization-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:6px}.organization-pill{align-items:center;background:#eef2ff;border:1px solid #d8e0ff;border-radius:var(--radius-full);color:#31427a;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:4px 8px}.organization-pill.muted{background:#f5f5f5;border-color:#e5e7eb;color:#4b5563}.organization-location{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);display:flex;flex-direction:column;gap:8px;min-width:180px;padding:10px 12px}.organization-edit-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.organization-edit-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-md)}.organization-edit-title{color:var(--color-text-primary);font-size:1.1rem;margin:0}.organization-edit-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:6px 0 0}.organization-edit-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.organization-edit-grid label{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;gap:6px}.organization-edit-grid select{background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--color-text-primary);font-size:14px;font-size:var(--font-size-sm,14px);padding:10px 12px}.organization-edit-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.organization-location-item{display:flex;flex-direction:column;gap:2px}.organization-location-label{color:var(--color-text-secondary);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.organization-location-value{color:var(--color-text-primary);font-size:13px;font-weight:600}.organization-grid .info-item{background:var(--color-surface-secondary)}.info-subsection-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-xl)}.info-empty{background:#f9fafb;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);padding:16px;text-align:left}.organization-error{background:#fef2f2;border:1px solid #fecdd3;border-radius:var(--radius-md);color:#991b1b;margin-top:var(--spacing-md);padding:var(--spacing-md)}[data-theme=dark] .organization-error{background:#dc262626;border-color:#f8717166;color:#fecaca}.organization-path{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.path-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:700}.path-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.path-chip{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex;font-weight:600;gap:6px;padding:6px 10px}.path-separator{color:var(--color-text-secondary)}.adressen-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.section-header{margin-bottom:var(--spacing-xl)}.section-header h2{font-size:var(--font-size-xl)}.view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md)}.view-toggle-btn{border-radius:6px;padding:8px 12px}.view-toggle-btn:hover{background:var(--color-surface)}.view-toggle-btn.active{background:var(--color-primary);box-shadow:0 2px 4px #0000001a}.view-toggle-btn svg{height:18px;width:18px}.adressen-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.adresse-card{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);position:relative;transition:all .2s ease}.adresse-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.default-badge{background-color:var(--color-primary);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.adresse-content{margin-bottom:var(--spacing-md)}.address-line{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.6}.adresse-contact{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.adresse-contact a{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color .2s ease}.adresse-contact a:hover{color:var(--color-primary)}.adresse-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.btn{border-radius:var(--radius-md);font-size:var(--font-size-md);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none}.btn:disabled{opacity:.6}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.verein-detail-page .edit-verein-btn{flex:0 0 auto;max-width:220px;min-width:0;padding:10px 16px;white-space:nowrap;width:auto}.btn-secondary{background-color:var(--color-surface-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-danger{background-color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.mitglieder-section{animation:fadeIn .3s ease}.mitglieder-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:var(--spacing-lg)}.mitglied-card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease}.mitglied-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.mitglied-card-header{align-items:center;border-bottom:1px solid var(--color-border);gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.mitglied-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:700;height:48px;justify-content:center;width:48px}.mitglied-info h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.mitglied-number{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:4px 0 0}.mitglied-card-body{gap:10px;margin-bottom:var(--spacing-md)}.mitglied-card-body .info-row{align-items:flex-start;display:flex;flex-direction:column;gap:4px;min-width:0}.mitglied-card-body .info-label{color:var(--color-text-tertiary);font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.mitglied-card-body .info-value{line-height:1.4;min-width:0;overflow-wrap:anywhere;text-align:left;width:100%;word-break:break-word}.mitglied-card-body .info-value,.mitglied-card-footer button{color:var(--color-text-primary);font-size:13px;font-weight:600}.mitglied-card-footer button{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;display:flex;flex:1 1;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.mitglied-card-footer button:hover{background:#eff6ff;border-color:#111827;color:#111827;transform:translateY(-1px)}.mitglied-card-footer button svg{flex-shrink:0}.mitglieder-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);overflow-x:auto}.mitglieder-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.mitglieder-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.mitglieder-table th{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.mitglieder-table tbody tr{border-bottom:1px solid var(--color-border);cursor:pointer;transition:all .2s ease}.mitglieder-table tbody tr:hover{background:var(--color-surface-secondary)}.mitglieder-table tbody tr:last-child{border-bottom:none}.mitglieder-table td{color:var(--color-text-primary);padding:1rem;vertical-align:middle}.mitglieder-table .table-name-cell{display:flex;flex-direction:column;gap:4px}.mitglieder-table .table-name-cell strong{color:var(--color-text-primary);font-weight:600}.mitglieder-table .status-badge{align-items:center;border:1px solid #0000;border-radius:999px;border-radius:var(--radius-full,999px);display:inline-flex;font-size:12px;font-weight:600;justify-content:center;line-height:1.2;min-height:22px;padding:3px 10px;white-space:nowrap}.mitglieder-table .status-badge.status-active{background:#e7f6ec;border-color:#cfe9d7;color:#1f6b3b}.mitglieder-table .status-badge.status-inactive{background:#eef2f7;border-color:#d6dde7;color:#475569}.mitglieder-table .table-action-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:6px 10px;transition:all .2s ease}.mitglieder-table .table-action-btn:hover{background:#eff6ff;border-color:#111827;color:#111827}.mitglieder-pagination{margin-top:var(--spacing-xl)}.empty-state{color:var(--color-text-secondary);padding:var(--spacing-3xl) var(--spacing-xl)}.empty-icon{margin:0 auto var(--spacing-lg);opacity:.5}.empty-state h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0}.empty-state p{font-size:var(--font-size-md)}@media (max-width:768px){.verein-detail-page{padding:var(--spacing-md)}.header-content{align-items:flex-start;flex-direction:column}.verein-status{margin-left:0}.detail-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.verein-detail-page .detail-tabs .tab-button{white-space:nowrap}.info-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;gap:var(--spacing-md)}.adresse-actions,.section-header{flex-direction:column}.adresse-actions .btn{width:100%}.mitglieder-list{grid-template-columns:1fr}.mitglieder-table-container{border-left:none;border-radius:0;border-right:none}.mitglieder-table{font-size:.8rem}.mitglieder-table td,.mitglieder-table th{padding:.75rem .5rem}}.filter-chip-bar{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;min-height:44px;min-height:var(--actions-control-height,44px);padding:4px;width:-webkit-fit-content;width:fit-content}.filter-chip,.filter-chip-bar{align-items:center;display:inline-flex;gap:6px}.filter-chip{background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:600;min-width:64px;padding:8px 12px;transition:all .2s ease}.filter-chip:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.filter-chip:focus-visible{outline:2px solid #111827;outline-offset:1px}.filter-chip.active{background:#111827;box-shadow:0 2px 4px #11182733;color:#fff}.filter-chip-label{gap:.25rem}.filter-chip-count,.filter-chip-icon,.filter-chip-label{align-items:center;display:inline-flex}.filter-chip-count{background:#0f172a14;border-radius:999px;color:var(--color-text-tertiary);font-size:11px;font-weight:700;justify-content:center;line-height:1.4;min-width:22px;padding:0 6px}.filter-chip.active .filter-chip-count{background:#fff3;color:#fff}.filter-chip-bar--centered{margin:0 auto 24px}.MitgliedFormModal_form__tfv31{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.MitgliedFormModal_formGrid__96XXN{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(2,1fr)}.MitgliedFormModal_formSection__1qXeM{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.MitgliedFormModal_formSection__1qXeM h3,.MitgliedFormModal_sectionTitle__02-gE{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:18px;font-size:var(--font-size-lg,18px);font-weight:700;line-height:1.35;margin:0}.MitgliedFormModal_formGroupCheckbox__q7Srq{align-items:center;display:flex;min-height:50px}.MitgliedFormModal_formGroupCheckbox__q7Srq label{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:16px;font-size:var(--font-size-md,16px);gap:8px;gap:var(--spacing-sm,8px);margin:0}.MitgliedFormModal_formGroupCheckbox__q7Srq input[type=checkbox]{height:16px;margin:0;width:16px}.MitgliedFormModal_formGroup__ht-wo{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.MitgliedFormModal_formGroup__ht-wo.MitgliedFormModal_fullWidth__MNeEM{grid-column:1/-1}.MitgliedFormModal_formGroup__ht-wo.MitgliedFormModal_checkboxGroup__C-T4R{align-items:center;flex-direction:row}.MitgliedFormModal_formGroup__ht-wo.MitgliedFormModal_checkboxGroup__C-T4R label{align-items:center;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm,8px);margin-bottom:0}.MitgliedFormModal_formGroup__ht-wo.MitgliedFormModal_checkboxGroup__C-T4R input[type=checkbox]{margin:0;width:auto}.MitgliedFormModal_formGroup__ht-wo label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.MitgliedFormModal_formGroup__ht-wo label .MitgliedFormModal_required__9WL51{color:#dc2626;color:var(--color-error,#dc2626);margin-left:2px}.MitgliedFormModal_formGroup__ht-wo input,.MitgliedFormModal_formGroup__ht-wo select,.MitgliedFormModal_formGroup__ht-wo textarea{background:#fff;border:2px solid #d1d5db;border-radius:8px;border-radius:var(--radius-md,8px);color:#1f2937;font-family:inherit;font-size:16px;font-size:var(--font-size-md,16px);padding:12px 16px;transition:all .2s ease}.MitgliedFormModal_formGroup__ht-wo select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231f2937' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.MitgliedFormModal_formGroup__ht-wo input:focus,.MitgliedFormModal_formGroup__ht-wo select:focus,.MitgliedFormModal_formGroup__ht-wo textarea:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.MitgliedFormModal_formGroup__ht-wo input.MitgliedFormModal_error__f6D-G,.MitgliedFormModal_formGroup__ht-wo select.MitgliedFormModal_error__f6D-G,.MitgliedFormModal_formGroup__ht-wo textarea.MitgliedFormModal_error__f6D-G{border-color:#dc2626;border-color:var(--color-error,#dc2626)}.MitgliedFormModal_formGroup__ht-wo input.MitgliedFormModal_error__f6D-G:focus,.MitgliedFormModal_formGroup__ht-wo select.MitgliedFormModal_error__f6D-G:focus,.MitgliedFormModal_formGroup__ht-wo textarea.MitgliedFormModal_error__f6D-G:focus{box-shadow:0 0 0 3px #ef44441a}.MitgliedFormModal_formGroup__ht-wo textarea{min-height:80px;resize:vertical}.MitgliedFormModal_errorMessage__-RhBD{color:#dc2626;color:var(--color-error,#dc2626);font-size:14px;font-size:var(--font-size-sm,14px);margin-top:4px;margin-top:var(--spacing-xs,4px)}.MitgliedFormModal_datePickerInput__pDNgk{background:#fff!important;border:2px solid #d1d5db!important;border-radius:8px!important;border-radius:var(--radius-md,8px)!important;color:#1f2937!important;cursor:pointer!important;font-family:inherit!important;font-size:16px!important;font-size:var(--font-size-md,16px)!important;padding:12px 16px!important;transition:all .2s ease!important;width:100%!important}.MitgliedFormModal_datePickerInput__pDNgk:focus{border-color:#111827!important;border-color:var(--color-primary,#111827)!important;box-shadow:0 0 0 3px #1118271a!important;outline:none!important}.MitgliedFormModal_footer__Z7NrA{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}.MitgliedFormModal_btnPrimary__4PWVr,.MitgliedFormModal_btnSecondary__4rGQG{border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;flex:0 0 auto;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;line-height:1.2;min-width:76px;padding:10px 16px;transition:all .2s ease;width:auto}.MitgliedFormModal_btnPrimary__4PWVr{background:#111827;background:var(--color-primary,#111827);color:#fff}.MitgliedFormModal_btnPrimary__4PWVr:hover:not(:disabled){background:#0f172a;background:var(--color-primary-hover,#0f172a);transform:translateY(-1px)}.MitgliedFormModal_btnPrimary__4PWVr:disabled{cursor:not-allowed;opacity:.6}.MitgliedFormModal_btnSecondary__4rGQG{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a)}.MitgliedFormModal_btnSecondary__4rGQG:hover:not(:disabled){background:#e5e7eb;background:var(--color-border,#e5e7eb)}@media (max-width:768px){.MitgliedFormModal_formGrid__96XXN{gap:16px;gap:var(--spacing-md,16px);grid-template-columns:1fr}.MitgliedFormModal_footer__Z7NrA{flex-direction:column-reverse}.MitgliedFormModal_footer__Z7NrA>*{width:100%}}[data-theme=dark] .MitgliedFormModal_formGroupCheckbox__q7Srq label,[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo label,[data-theme=dark] .MitgliedFormModal_formSection__1qXeM h3,[data-theme=dark] .MitgliedFormModal_sectionTitle__02-gE{color:#e5e7eb!important}[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo input,[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo select,[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo textarea{background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E")!important}[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo input:focus,[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo select:focus,[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo textarea:focus{border-color:#111827!important}[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo input:-webkit-autofill,[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo input:-webkit-autofill:active,[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo input:-webkit-autofill:focus,[data-theme=dark] .MitgliedFormModal_formGroup__ht-wo input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #1e293b!important;box-shadow:inset 0 0 0 30px #1e293b!important}[data-theme=dark] .MitgliedFormModal_btnSecondary__4rGQG{background-color:#334155!important;border-color:#475569!important;color:#e5e7eb!important}[data-theme=dark] .MitgliedFormModal_btnSecondary__4rGQG:hover:not(:disabled){background-color:#475569!important}[data-theme=dark] .MitgliedFormModal_datePickerInput__pDNgk{background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .MitgliedFormModal_datePickerInput__pDNgk:focus{border-color:#111827!important}.mitglied-list{background:var(--color-background);min-height:100vh;padding:0}.mitglied-list .page-header.page-header--list{padding-bottom:28px}.mitglied-list .actions-bar{--actions-control-height:44px;align-items:center;box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 12px;row-gap:12px;width:100%}.mitglied-list .actions-bar__controls{align-items:stretch}.mitglied-list .actions-bar__controls>.filter-select,.mitglied-list .actions-bar__controls>.list-actions-btn,.mitglied-list .actions-bar__controls>.view-mode-toggle,.mitglied-list .search-box{height:var(--actions-control-height)}.mitglied-list .search-box{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;box-sizing:border-box;display:flex;flex:1 1;gap:12px;max-width:none;min-width:360px;padding:0 14px;position:relative;transition:all .2s ease;width:100%}.mitglied-list .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.mitglied-list .search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.mitglied-list .search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:15px;outline:none}.mitglied-list .search-input::placeholder{color:var(--color-text-tertiary)}.mitglied-list .clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.mitglied-list .clear-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.mitglied-list .btn-primary:hover{background:#0f172a;box-shadow:0 4px 12px #11182766;transform:translateY(-1px)}.mitglied-list .actions-bar .btn-primary{background:#111827;box-shadow:0 1px 3px #11182773;color:#fff}.mitglied-list .actions-bar .btn-primary:hover{background:#0f172a;box-shadow:0 4px 12px #11182773}.mitglied-list .actions-bar .btn-primary:active{background:#020617;transform:translateY(0)}.mitglied-list .actions-bar .btn-primary:focus-visible{outline:2px solid #94a3b8;outline-offset:2px}.mitglied-list .list-actions-btn:disabled,.mitglied-list .list-actions-btn:disabled:hover{background:#9ca3af;border-color:#9ca3af;box-shadow:none;color:#f8fafc;cursor:not-allowed;transform:none}.mitglied-list .filter-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-size:15px;font-weight:500;max-width:300px;min-height:44px;min-width:200px;padding:12px 16px;transition:all .2s ease}.mitglied-list .filter-select:hover{border-color:var(--color-text-tertiary)}.mitglied-list .filter-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.view-toggle,.view-toggle-secondary{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;box-sizing:border-box;display:flex;flex-shrink:0;gap:0;height:44px;min-height:44px;overflow:hidden;padding:2px}.view-toggle-btn.active svg{stroke:#fff}.mitglied-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 32px}.mitglied-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #0f172a14;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.mitglied-card:hover{border-color:#111827;box-shadow:0 8px 24px #11182726;transform:translateY(-2px)}.mitglied-card.status-success{border-left:3px solid #10b981}.mitglied-card.status-warning{border-left:3px solid #f59e0b}.mitglied-card.status-error{border-left:3px solid #ef4444}.mitglied-card.status-success:hover{border-left-color:#059669;box-shadow:0 8px 24px #10b98133}.mitglied-card.status-warning:hover{border-left-color:#d97706;box-shadow:0 8px 24px #f59e0b33}.mitglied-card.status-error:hover{border-left-color:#dc2626;box-shadow:0 8px 24px #ef444433}.mitglied-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:16px 18px 12px}.mitglied-card-header .status-badge{align-self:flex-start;margin-left:auto}.member-identity{align-items:flex-start}.member-identity,.mitglied-info{display:flex;flex:1 1;min-width:0}.mitglied-info{flex-direction:column;gap:8px}.member-title-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.member-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.mitglied-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;white-space:normal;word-break:break-word}.mitglied-id-chip,.mitglied-number,.mitglied-type-badge{display:none}.mitglied-list .status-badge{flex-shrink:0;white-space:nowrap}.mitglied-list .mitglied-status-chip{flex-shrink:0;min-width:66px}.mitglied-card-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:0 18px 12px}.mitglied-info-grid{display:flex;flex-direction:column;gap:10px;width:100%}.mitglied-info-box{align-items:flex-start;background:#0000;border:none;border-radius:0;display:flex;flex-direction:row;min-height:auto;padding:0;width:100%}.mitglied-info-box svg{display:none}.info-box-text{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.info-label{color:var(--color-text-tertiary);font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.info-value{color:var(--color-text-primary);font-size:13px;font-weight:600;line-height:1.4;white-space:normal;word-break:break-word}.mitglied-card-footer{background:var(--color-surface-secondary);border-top:1px solid var(--color-border);display:flex;gap:8px;padding:12px 18px}.card-action-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:0;padding:10px 16px;text-decoration:none;transition:all .2s ease}.card-action-btn span{display:none}.card-action-btn:hover{background:#1118271a;border-color:#111827;color:#111827;transform:translateY(-1px)}.card-action-btn-danger{border-color:#fecaca;color:#ef4444}.card-action-btn-danger:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626}.card-action-btn svg{display:block;flex-shrink:0;height:16px;width:16px}.empty-state p,.pagination{margin:0 auto}.pagination{align-items:center;box-sizing:border-box;display:flex;gap:16px;justify-content:center;max-width:var(--layout-max-width);padding:0 24px 32px}.pagination-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;box-shadow:0 1px 3px #0000001a;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.pagination-btn.pagination-btn-icon{align-items:center;display:inline-flex;height:44px;justify-content:center;padding:10px;width:44px}.pagination-btn.pagination-btn-icon svg{height:16px;width:16px}.pagination-btn:hover:not(:disabled){background:#111827;border-color:#111827;box-shadow:0 4px 12px #1118274d;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.pagination-info{color:var(--color-text-secondary);font-size:14px;font-weight:600;padding:0 16px}.mitglied-list .filter-chip-bar{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:inline-flex;gap:6px;justify-content:center;margin:0 auto 14px;min-height:var(--actions-control-height);padding:4px;width:-webkit-fit-content;width:fit-content}.mitglied-list .filter-chip{background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:600;min-width:64px;padding:8px 12px;transition:all .2s ease}.mitglied-list .filter-chip:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.mitglied-list .filter-chip.active{background:#111827;box-shadow:0 2px 4px #11182733;color:#fff}.mitglied-list .filter-chip-bar--centered{display:flex;margin:0 auto 14px;width:-webkit-fit-content;width:fit-content}.mitglied-list .filter-chip-count{background:#0f172a14;color:var(--color-text-tertiary);font-weight:700}.mitglied-list .filter-chip.active .filter-chip-count{background:#fff3;color:#fff}@media (max-width:768px){.page-title{font-size:32px}.page-subtitle{font-size:16px}.mitglied-list .actions-bar{flex-wrap:wrap}.mitglied-list .actions-bar__controls{flex-wrap:wrap;justify-content:flex-start;width:100%}.mitglied-list .search-box{flex:1 1 100%;min-width:100%}.mitglied-list .btn.btn-primary{flex:1 1 100%;max-width:100%;min-width:100%}.mitglied-list .filter-select{flex:1 1 100%;max-width:100%}.mitglied-grid{grid-template-columns:1fr;padding:0 16px 24px}.mitglied-card-header{padding:20px 20px 12px}.mitglied-card-body{padding:0 20px 12px}.mitglied-cta{margin:0 20px 12px}.mitglied-card-footer{flex-wrap:wrap;padding:12px 20px}.card-action-btn{font-size:12px;padding:8px 12px}.pagination{flex-direction:column;gap:12px}.pagination-btn{width:100%}}@media (max-width:480px){.mitglied-list-header{padding:32px 16px 24px}.page-title{font-size:28px}.mitglied-list .actions-bar{padding-left:16px;padding-right:16px}.mitglied-list .actions-bar__controls{width:100%}}.mitglied-table-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:0 auto;max-width:var(--layout-max-width);overflow-x:auto;overflow-y:hidden;padding:0 24px 32px;scrollbar-gutter:stable both-edges}.mitglied-table{background:var(--color-surface);border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.mitglied-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.mitglied-table th{color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:.05em;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.mitglied-table.with-verein{table-layout:fixed;width:max(100%,1160px)}.mitglied-table:not(.with-verein){table-layout:fixed;width:max(100%,1020px)}.mitglied-table.with-verein col.col-name{width:16%}.mitglied-table.with-verein col.col-no{width:9%}.mitglied-table.with-verein col.col-verein{width:21%}.mitglied-table.with-verein col.col-contact{width:22%}.mitglied-table.with-verein col.col-join{width:12%}.mitglied-table.with-verein col.col-status{width:9%}.mitglied-table.with-verein col.col-actions{width:11%}.mitglied-table:not(.with-verein) col.col-name{width:23%}.mitglied-table:not(.with-verein) col.col-no{width:13%}.mitglied-table:not(.with-verein) col.col-contact{width:27%}.mitglied-table:not(.with-verein) col.col-join{width:15%}.mitglied-table:not(.with-verein) col.col-status{width:10%}.mitglied-table:not(.with-verein) col.col-actions{width:12%}.mitglied-table tbody tr{border-bottom:1px solid #f3f4f6;cursor:pointer;min-height:64px;transition:background .2s ease}.mitglied-table tbody tr:last-child{border-bottom:none}.mitglied-table tbody tr:hover{background:#f9fafb}.mitglied-table td{color:var(--color-text-primary);font-size:13px;line-height:1.35;padding:12px 16px;vertical-align:middle}.mitglied-table td.col-name,.mitglied-table th.col-name{padding-left:12px;padding-right:12px}.mitglied-table td.col-no,.mitglied-table th.col-no{font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums;padding-left:12px;padding-right:12px;text-align:left;white-space:nowrap}.mitglied-table td.col-contact,.mitglied-table td.col-verein,.mitglied-table th.col-contact,.mitglied-table th.col-verein{padding-left:12px;padding-right:12px}.mitglied-table:not(.with-verein) td.col-no,.mitglied-table:not(.with-verein) th.col-no{padding-right:18px}.mitglied-table:not(.with-verein) td.col-contact,.mitglied-table:not(.with-verein) th.col-contact{padding-left:18px}.mitglied-table.with-verein td.col-no,.mitglied-table.with-verein th.col-no{padding-right:16px}.mitglied-table.with-verein td.col-verein,.mitglied-table.with-verein th.col-verein{padding-left:16px}.mitglied-table td.col-join,.mitglied-table th.col-join{font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums;padding-left:12px;padding-right:12px;white-space:nowrap}.mitglied-table td.col-status,.mitglied-table th.col-status{min-width:96px;padding-left:8px;padding-right:8px;text-align:center}.mitglied-table td.col-actions,.mitglied-table th.col-actions{min-width:120px;padding-left:8px;padding-right:8px;text-align:center;white-space:nowrap}.table-name-cell{gap:2px;justify-content:center;min-height:40px}.table-name-cell strong{color:var(--color-text-primary);display:block;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-contact-cell{display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:40px;min-width:0;width:100%}.table-contact-text,.table-verein-text{display:block;line-height:1.35;max-width:100%;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:normal}.mitglied-table td.col-contact,.mitglied-table td.col-verein{overflow:hidden}.mitglied-table td.col-contact .table-contact-text,.mitglied-table td.col-verein .table-verein-text{max-width:100%}.table-contact-cell span{line-height:1.35}.table-subtitle{line-height:1.3}.table-gender{align-items:center;display:inline-flex;letter-spacing:.02em;min-height:18px}.table-actions{flex-wrap:nowrap;min-width:108px}.table-action-btn{height:30px;padding:0;width:30px}[data-theme=dark] .mitglied-table tbody tr{border-bottom-color:var(--color-border)}[data-theme=dark] .mitglied-table tbody tr:hover{background:var(--color-surface-secondary)}.ProfileEditModal_form__UCXnh{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.ProfileEditModal_formGrid__AHhmb{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(2,1fr)}.ProfileEditModal_formGroup__8W-bw{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.ProfileEditModal_formGroup__8W-bw.ProfileEditModal_fullWidth__jFgiu{grid-column:1/-1}.ProfileEditModal_formGroup__8W-bw.ProfileEditModal_checkboxGroup__Ozstt{align-items:center;flex-direction:row}.ProfileEditModal_formGroup__8W-bw.ProfileEditModal_checkboxGroup__Ozstt label{align-items:center;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm,8px);margin-bottom:0}.ProfileEditModal_formGroup__8W-bw.ProfileEditModal_checkboxGroup__Ozstt input[type=checkbox]{margin:0;width:auto}.ProfileEditModal_formGroup__8W-bw label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.ProfileEditModal_formGroup__8W-bw label .ProfileEditModal_required__sD1Wo{color:#dc2626;color:var(--color-error,#dc2626);margin-left:2px}.ProfileEditModal_formGroup__8W-bw input,.ProfileEditModal_formGroup__8W-bw select,.ProfileEditModal_formGroup__8W-bw textarea{background:#fff;border:2px solid #d1d5db;border-radius:8px;border-radius:var(--radius-md,8px);color:#1f2937;font-family:inherit;font-size:16px;font-size:var(--font-size-md,16px);padding:12px 16px;transition:all .2s ease}.ProfileEditModal_formGroup__8W-bw input:focus,.ProfileEditModal_formGroup__8W-bw select:focus,.ProfileEditModal_formGroup__8W-bw textarea:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.ProfileEditModal_formGroup__8W-bw input.ProfileEditModal_error__t0QC6,.ProfileEditModal_formGroup__8W-bw select.ProfileEditModal_error__t0QC6,.ProfileEditModal_formGroup__8W-bw textarea.ProfileEditModal_error__t0QC6{border-color:#dc2626;border-color:var(--color-error,#dc2626)}.ProfileEditModal_formGroup__8W-bw input.ProfileEditModal_error__t0QC6:focus,.ProfileEditModal_formGroup__8W-bw select.ProfileEditModal_error__t0QC6:focus,.ProfileEditModal_formGroup__8W-bw textarea.ProfileEditModal_error__t0QC6:focus{box-shadow:0 0 0 3px #ef44441a}.ProfileEditModal_formGroup__8W-bw textarea{min-height:80px;resize:vertical}.ProfileEditModal_errorMessage__DHMvd{color:#dc2626;color:var(--color-error,#dc2626);font-size:14px;font-size:var(--font-size-sm,14px);margin-top:4px;margin-top:var(--spacing-xs,4px)}.ProfileEditModal_footer__WAXUN{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}.ProfileEditModal_btnPrimary__Y1rQ2,.ProfileEditModal_btnSecondary__eudzN{border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;font-size:16px;font-size:var(--font-size-md,16px);font-weight:600;padding:12px 24px;transition:all .2s ease}.ProfileEditModal_btnPrimary__Y1rQ2{background:#111827;background:var(--color-primary,#111827);color:#fff}.ProfileEditModal_btnPrimary__Y1rQ2:hover:not(:disabled){background:#0f172a;background:var(--color-primary-hover,#0f172a);transform:translateY(-1px)}.ProfileEditModal_btnPrimary__Y1rQ2:disabled{cursor:not-allowed;opacity:.6}.ProfileEditModal_btnSecondary__eudzN{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a)}.ProfileEditModal_btnSecondary__eudzN:hover:not(:disabled){background:#e5e7eb;background:var(--color-border,#e5e7eb)}@media (max-width:768px){.ProfileEditModal_formGrid__AHhmb{gap:16px;gap:var(--spacing-md,16px);grid-template-columns:1fr}.ProfileEditModal_footer__WAXUN{flex-direction:column-reverse}.ProfileEditModal_footer__WAXUN>*{width:100%}}.ProfileEditModal_infoBox__qRQFS{background:#eff6ff;background:var(--color-info-bg,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--color-info-border,#bfdbfe);border-radius:8px;border-radius:var(--border-radius-md,8px);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:16px;padding:var(--spacing-md,16px)}.ProfileEditModal_infoText__56dfQ{color:#1e40af;color:var(--color-info-text,#1e40af);font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.5;margin:0}[data-theme=dark] .ProfileEditModal_infoBox__qRQFS{background:#1118271a!important;border-color:#1118274d!important}[data-theme=dark] .ProfileEditModal_infoText__56dfQ{color:#93c5fd!important}[data-theme=dark] .ProfileEditModal_formGroup__8W-bw label{color:#e5e7eb!important}[data-theme=dark] .ProfileEditModal_formGroup__8W-bw input,[data-theme=dark] .ProfileEditModal_formGroup__8W-bw select,[data-theme=dark] .ProfileEditModal_formGroup__8W-bw textarea{background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .ProfileEditModal_formGroup__8W-bw input:focus,[data-theme=dark] .ProfileEditModal_formGroup__8W-bw select:focus,[data-theme=dark] .ProfileEditModal_formGroup__8W-bw textarea:focus{border-color:#111827!important}[data-theme=dark] .ProfileEditModal_formGroup__8W-bw input:-webkit-autofill,[data-theme=dark] .ProfileEditModal_formGroup__8W-bw input:-webkit-autofill:active,[data-theme=dark] .ProfileEditModal_formGroup__8W-bw input:-webkit-autofill:focus,[data-theme=dark] .ProfileEditModal_formGroup__8W-bw input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #1e293b!important;box-shadow:inset 0 0 0 30px #1e293b!important}[data-theme=dark] .ProfileEditModal_btnSecondary__eudzN{background-color:#334155!important;border-color:#475569!important;color:#e5e7eb!important}[data-theme=dark] .ProfileEditModal_btnSecondary__eudzN:hover:not(:disabled){background-color:#475569!important}.mitglied-detail{--card-label-size:11px;--card-label-weight:700;--card-label-color:var(--color-text-tertiary);--card-label-letter:0.4px;--card-value-size:14px;--card-value-weight:500;--card-value-color:var(--color-text-primary);--card-value-line:1.4;background:var(--color-background);min-height:100vh;padding:0}.mitglied-detail .detail-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:var(--layout-detail-max-width);padding:0 24px}.mitglied-detail .detail-tabs .tab-button{background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease}.mitglied-detail .detail-tabs .tab-button:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.mitglied-detail .detail-tabs .tab-button.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .mitglied-detail .detail-tabs .tab-button{color:#cbd5e1}[data-theme=dark] .mitglied-detail .detail-tabs .tab-button:hover{background:#94a3b833;color:#f8fafc}[data-theme=dark] .mitglied-detail .detail-tabs .tab-button.active{background:#3b82f633;border-bottom-color:#60a5fa;border-top-left-radius:10px;border-top-right-radius:10px;color:#f8fafc}.mitglied-detail .page-header{gap:1.5rem;justify-content:center}.member-title-info,.member-title-section,.mitglied-detail .page-header{align-items:center;display:flex}.member-title-info{flex-direction:column;gap:4px;text-align:center}.member-subtitle{font-size:13px;font-weight:500;margin:0}.btn-icon,.member-subtitle{color:var(--color-text-secondary)}.btn-icon{box-shadow:0 1px 2px #0000000d}.btn-icon:hover{border-color:#111827;box-shadow:0 2px 8px #11182726;color:#111827;transform:translateY(-1px)}.btn{display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.mitglied-detail .actions-bar .btn{font-size:13px;min-width:auto;padding:8px 12px}.mitglied-detail .actions-bar .btn-primary{padding-left:12px;padding-right:12px}.mitglied-detail .actions-bar .btn-danger,.mitglied-detail .actions-bar .btn-primary{flex:0 0 120px;justify-content:center;max-width:120px;min-width:120px;white-space:nowrap;width:120px}.btn-primary{box-shadow:0 1px 4px #11182740}.btn-primary:hover{box-shadow:0 2px 8px #11182759}.btn-danger{box-shadow:0 1px 4px #ef444440}.btn-danger:hover{box-shadow:0 2px 8px #ef444459;transform:translateY(-1px)}.detail-content{gap:16px}.mitglied-detail .actions-bar{align-items:center;display:flex;gap:16px;margin:12px auto 16px;max-width:var(--layout-detail-max-width);padding:0 20px}.mitglied-detail .detail-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.mitglied-detail .section-header{align-items:center;border-bottom:none;display:flex;gap:12px;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:0}.mitglied-detail .section-header h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.mitglied-detail .section-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.mitglied-detail .section-actions .btn{flex:0 0 auto;font-size:14px;min-height:40px;padding:8px 12px;white-space:nowrap}.mitglied-detail .detail-grid-compact{grid-gap:16px;grid-row-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.address-groups{display:flex;flex-direction:column;gap:20px}.address-group-title{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:700;gap:10px;letter-spacing:.3px;margin:4px 0 10px;text-transform:uppercase}.address-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.mitglied-detail .detail-item{align-items:flex-start;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;transition:all .2s ease}.mitglied-detail .detail-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #1118271a}.mitglied-detail .detail-item.full-width{grid-column:1/-1}.mitglied-detail .detail-item label{color:var(--card-label-color);font-size:var(--card-label-size);font-weight:var(--card-label-weight);letter-spacing:var(--card-label-letter);text-align:left;text-transform:uppercase;width:100%}.mitglied-detail .detail-value{color:var(--card-value-color);font-size:var(--card-value-size);font-weight:var(--card-value-weight);line-height:var(--card-value-line);margin:0;overflow-wrap:anywhere;text-align:left;width:100%;word-break:break-word}.mitglied-detail .detail-value a{color:var(--color-primary);text-decoration:none}.mitglied-detail .detail-value a:hover{text-decoration:underline}.info-subgroup{display:flex;flex-direction:column;gap:8px}.info-subgroup+.info-subgroup{margin-top:12px}.info-subgroup-title{color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:.3px;margin:0;text-transform:uppercase}.info-grid--sub{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.info-item--inline p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-value-row{align-items:center;display:flex;gap:8px}.info-action-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);display:inline-flex;flex-shrink:0;height:30px;justify-content:center;text-decoration:none;transition:all .2s ease;width:30px}.info-action-btn svg{height:16px;width:16px}.info-action-btn:hover{background:#eff6ff;border-color:#111827;color:#111827}.address-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.address-card{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:10px;padding:16px;transition:all .2s ease}.address-card:hover{background:#eff6ff;border-color:#111827}.address-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.address-header h4{color:var(--color-text-primary);font-size:13px;font-weight:700;margin:0}.badge-default{background:#111827;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.address-text{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0}.family-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.family-card{align-items:flex-start;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.family-card:hover{background:#faf5ff;border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.family-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:50%;box-shadow:0 2px 8px #8b5cf640;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.family-info{flex:1 1;min-width:0}.family-info h4{color:var(--color-text-primary);font-size:14px;font-weight:700;margin:0 0 4px}.family-relationship{background:#8b5cf61a;border-radius:8px;color:#8b5cf6;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;padding:3px 10px;text-transform:uppercase}.family-age,.family-contact{color:var(--color-text-secondary);font-size:12px;margin:4px 0}.family-contact{align-items:center;display:flex;gap:6px}.family-contact svg{color:#8b5cf6;flex-shrink:0;height:14px;width:14px}.notes-content{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;padding:16px}.notes-content p{color:#78350f;font-size:13px;line-height:1.5;margin:0}@media (max-width:1024px){.address-grid,.mitglied-detail .detail-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.detail-header{padding:16px 16px 12px}.header-content{flex-direction:column}.mitglied-detail .page-header{flex-direction:column;gap:1rem}.member-title-section{flex-direction:row;gap:1rem}.member-title-info{align-items:flex-start;text-align:left}.member-title{font-size:20px}.header-actions{width:100%}.btn-danger,.btn-primary{justify-content:center;width:100%}.detail-content{padding:0 16px 24px}.mitglied-detail .detail-section{padding:16px}.mitglied-detail .detail-grid-compact{gap:14px;grid-template-columns:1fr}.mitglied-detail .actions-bar{flex-wrap:wrap}.actions-spacer{display:none}.mitglied-detail .detail-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 16px}.mitglied-detail .detail-tabs .tab-button{white-space:nowrap}.address-grid,.address-list,.family-list{grid-template-columns:1fr}}.veranstaltung-list{background:var(--color-background);min-height:100vh;padding:0}.veranstaltung-list .page-header.page-header--list{padding-bottom:28px}.veranstaltung-list .actions-bar{--actions-control-height:44px;align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 12px;row-gap:12px;width:100%}.veranstaltung-list .actions-bar__controls{align-items:stretch}.veranstaltung-list .actions-bar__controls>.filter-select,.veranstaltung-list .actions-bar__controls>.list-actions-btn,.veranstaltung-list .actions-bar__controls>.view-mode-toggle,.veranstaltung-list .search-box{height:var(--actions-control-height)}.veranstaltung-list .search-box{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;box-sizing:border-box;display:flex;flex:1 1;gap:12px;max-width:none;min-width:360px;padding:0 14px;position:relative;transition:all .2s ease;width:100%}.veranstaltung-list .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.veranstaltung-list .search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.veranstaltung-list .search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:15px;outline:none}.veranstaltung-list .search-input::placeholder{color:var(--color-text-tertiary)}.veranstaltung-list .clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.veranstaltung-list .clear-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.veranstaltung-list .filter-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-size:15px;font-weight:500;max-width:300px;min-height:var(--actions-control-height);min-width:200px;padding:12px 16px;transition:all .2s ease}.veranstaltung-list .filter-select:hover{border-color:var(--color-text-tertiary)}.veranstaltung-list .filter-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.view-toggle{background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;flex-shrink:0;gap:0;height:var(--actions-control-height);min-height:var(--actions-control-height);overflow:hidden;padding:2px}.view-toggle,.view-toggle-btn{align-items:center;box-sizing:border-box}.view-toggle-btn{background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;min-width:38px;padding:0;transition:all .2s ease;width:38px}.view-toggle-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.view-toggle-btn.active{background:#111827;box-shadow:none;color:#fff}.view-toggle-btn svg{height:17px;width:17px}.veranstaltung-list .filter-chip-bar{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:inline-flex;gap:6px;margin:0 auto 14px;min-height:var(--actions-control-height);padding:4px;width:-webkit-fit-content;width:fit-content}.veranstaltung-list .filter-chip{background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:600;min-width:64px;padding:8px 12px;transition:all .2s ease}.veranstaltung-list .filter-chip:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.veranstaltung-list .filter-chip.active{background:#111827;box-shadow:0 2px 4px #11182733;color:#fff}.veranstaltung-list .filter-chip-bar--centered{display:flex;margin:0 auto 14px;width:-webkit-fit-content;width:fit-content}.veranstaltung-list .filter-chip-count{background:#0f172a14;color:var(--color-text-tertiary);font-weight:700}.veranstaltung-list .filter-chip.active .filter-chip-count{background:#fff3;color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #11182766;transform:translateY(-1px)}.veranstaltung-list .actions-bar .btn-primary{background:#111827;box-shadow:0 1px 3px #11182773;color:#fff}.veranstaltung-list .actions-bar .btn-primary:hover{background:#0f172a;box-shadow:0 4px 12px #11182773}.veranstaltung-list .actions-bar .btn-primary:active{background:#020617;transform:translateY(0)}.veranstaltung-list .actions-bar .btn-primary:focus-visible{outline:2px solid #94a3b8;outline-offset:2px}.veranstaltung-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 32px;width:100%}@media (max-width:1200px){.veranstaltung-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.veranstaltung-card{background:var(--color-surface);border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.veranstaltung-card:hover{border-color:#111827;box-shadow:0 8px 24px #11182726;transform:translateY(-2px)}.veranstaltung-card.upcoming{border-color:#10b981}.veranstaltung-card.upcoming:hover{border-color:#059669;box-shadow:0 8px 24px #10b98133}.veranstaltung-card.ongoing{border-color:#f59e0b}.veranstaltung-card.ongoing:hover{border-color:#d97706;box-shadow:0 8px 24px #f59e0b33}.veranstaltung-card.past{border-color:var(--color-border);opacity:.75}.veranstaltung-card.past:hover{border-color:var(--color-text-tertiary);opacity:.9}.card-header{gap:16px;padding:16px 18px 12px}.card-title-section{flex:1 1;min-width:0}.event-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.recurring-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:help;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:4px 10px;transition:all .2s ease}.recurring-badge:before{content:"🔁";margin-right:2px}.recurring-badge:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.status-badge{align-items:center;border:1px solid #0000;border-radius:999px;border-radius:var(--radius-full,999px);display:inline-flex;flex-shrink:0;justify-content:center;min-height:22px;padding:3px 10px;white-space:nowrap}.status-badge.upcoming{background:#e7f6ec;border-color:#cfe9d7;color:#1f6b3b}.status-badge.ongoing{background:#fff4e5;border-color:#f3d7ad;color:#975a16}.status-badge.past{background:#eef2f7;border-color:#d6dde7;color:#475569}.veranstaltung-status-chip{align-items:center;background:#f3f4f6;background:var(--color-background-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:999px;border-radius:var(--radius-full,999px);color:#374151;color:var(--color-text-secondary,#374151);display:inline-flex;flex-shrink:0;font-size:12px;justify-content:center;line-height:1.4;min-width:86px;padding:2px 8px;white-space:nowrap}.veranstaltung-status-chip.upcoming{background:#e7f6ec;border-color:#cfe9d7;color:#1f6b3b}.veranstaltung-status-chip.ongoing{background:#fff6e5;border-color:#f0d9b5;color:#8a5a0a}.veranstaltung-status-chip.past{background:#f3f4f6;border-color:#e5e7eb;color:#4b5563}.card-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:0 18px 12px}.event-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:14px;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis}.event-details{display:flex;flex-direction:column;gap:10px}.detail-item{font-size:13px;gap:10px}.detail-item svg{color:var(--color-text-tertiary);flex-shrink:0}.detail-text{color:var(--color-text-primary);font-weight:500}.countdown{background:linear-gradient(135deg,#111827,#8b5cf6);border-radius:10px;box-shadow:0 2px 8px #1118274d;padding:12px 16px;text-align:center}.countdown-text{align-items:center;color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:6px;letter-spacing:.3px}.countdown-text svg{flex-shrink:0}.card-actions{background:var(--color-surface-secondary);border-top:1px solid var(--color-border);padding:12px 18px}.action-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none}.action-btn:hover{background:#1118271a;border-color:#111827;color:#111827;transform:translateY(-1px)}.action-btn svg{flex-shrink:0}.action-btn-primary{background:#111827;border-color:#111827;color:#fff}.action-btn-primary:hover{background:#0f172a;border-color:#0f172a;color:#fff}.empty-state{border:2px dashed var(--color-border);box-shadow:0 1px 3px #0000001a;grid-column:1/-1;padding:64px 32px}.empty-icon{display:flex;margin-bottom:24px}.empty-state h3{font-size:20px}.empty-state p{font-size:15px;margin:0 auto 24px;max-width:400px}.empty-state .btn-primary{margin:0 auto}.access-denied{background:var(--color-surface);border-radius:16px;box-shadow:0 1px 3px #0000001a;margin:24px;padding:64px 32px}.access-denied h2{color:#ef4444;font-size:24px;font-weight:700;margin:0 0 16px}.access-denied p{font-size:16px;line-height:1.6;margin:0}@media (max-width:768px){.page-title{font-size:32px}.page-subtitle{font-size:16px}.veranstaltung-list .actions-bar{flex-wrap:wrap}.veranstaltung-list .actions-bar__controls{flex-wrap:wrap;justify-content:flex-start;width:100%}.veranstaltung-list .search-box{flex:1 1 100%;min-width:100%}.veranstaltung-list .filter-select{flex:1 1 100%;max-width:100%}.veranstaltung-list .actions-bar .btn-primary{justify-content:center;width:100%}.veranstaltung-grid{grid-template-columns:1fr;padding:0 16px 24px}.card-header{padding:20px 20px 12px}.event-title{font-size:16px}.card-content{padding:0 20px 12px}.card-actions{flex-wrap:wrap;padding:12px 20px}.action-btn{font-size:12px;padding:8px 12px}}@media (max-width:480px){.page-header{padding:24px 16px 20px}.page-title{font-size:28px}.veranstaltung-list .actions-bar{flex-direction:column;padding-left:16px;padding-right:16px}.veranstaltung-list .actions-bar__controls{width:100%}.veranstaltung-grid{grid-template-columns:1fr}}[data-theme=dark] .detail-item svg{color:#e5e7eb!important}.veranstaltung-table-container{margin:0 auto;max-width:var(--layout-max-width);overflow-x:auto;padding:0 24px 32px;width:100%}.veranstaltung-table{background:var(--color-surface);border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.veranstaltung-table col.col-title{width:auto}.veranstaltung-table col.col-date{width:112px}.veranstaltung-table col.col-time{width:130px}.veranstaltung-table col.col-price{width:110px}.veranstaltung-table col.col-registration,.veranstaltung-table col.col-status{width:130px}.veranstaltung-table col.col-actions{width:136px}.veranstaltung-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.veranstaltung-table th{color:var(--color-text-secondary);font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.veranstaltung-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.veranstaltung-table tbody tr:last-child{border-bottom:none}.veranstaltung-table tbody tr:hover{background:#f9fafb}.veranstaltung-table tbody tr.table-row-clickable{cursor:pointer}.veranstaltung-table td{color:var(--color-text-primary);font-size:14px;padding:14px 16px;vertical-align:middle}.veranstaltung-table td.col-registration,.veranstaltung-table td.col-status,.veranstaltung-table th.col-registration,.veranstaltung-table th.col-status{min-width:130px;text-align:center;white-space:nowrap}.veranstaltung-table td.col-actions,.veranstaltung-table th.col-actions{min-width:136px;padding-left:10px;padding-right:10px;text-align:center;white-space:nowrap}.table-link{color:var(--color-text-primary);text-decoration:none;transition:color .2s ease}.table-link:hover{color:#111827}.table-link strong{font-weight:600}.table-link--title{display:block}.table-name-cell{display:flex;flex-direction:column;gap:4px;min-width:260px}.table-subtitle{color:var(--color-text-secondary);font-size:12px;font-weight:500;overflow-wrap:anywhere}.table-actions{gap:8px}.table-action-btn,.table-actions{align-items:center;display:flex;justify-content:center}.table-action-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;padding:6px;transition:all .2s ease}.table-action-btn:hover{background:#eff6ff;border-color:#111827;color:#111827}.table-action-btn.delete:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.table-action-btn svg{height:16px;width:16px}[data-theme=dark] .empty-icon,[data-theme=dark] .veranstaltung-list .search-box svg{color:#e5e7eb!important}[data-theme=dark] .veranstaltung-table tbody tr{border-bottom-color:var(--color-border)}[data-theme=dark] .veranstaltung-table tbody tr:hover{background:var(--color-surface-secondary)}[data-theme=dark] .table-link:hover{color:#93c5fd}[data-theme=dark] .table-action-btn:hover{background:#11182726;border-color:#60a5fa;color:#93c5fd}[data-theme=dark] .table-action-btn.delete:hover{background:#ef444433;border-color:#f87171;color:#fca5a5}.mitglied-ailem{background:var(--color-background);min-height:100vh;padding:0}.mitglied-ailem .header-icon{align-items:center;background:linear-gradient(135deg,#ec4899,#f43f5e);border-radius:10px;box-shadow:0 4px 12px -3px #ec48994d;display:inline-flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.mitglied-ailem .header-icon svg{stroke:#fff;height:20px;width:20px}.mitglied-ailem .page-header.page-header--list{padding-bottom:28px}.mitglied-ailem .actions-bar{--actions-control-height:44px;align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 12px;row-gap:12px;width:100%}.mitglied-ailem .search-box{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;box-sizing:border-box;display:flex;flex:1 1;gap:12px;height:var(--actions-control-height);max-width:none;min-width:360px;padding:0 14px;position:relative;transition:all .2s ease;width:100%}.mitglied-ailem .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.mitglied-ailem .search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.mitglied-ailem .search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:15px;outline:none}.mitglied-ailem .search-input::placeholder{color:var(--color-text-tertiary)}.mitglied-ailem .clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.mitglied-ailem .clear-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.mitglied-ailem .view-toggle{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;box-sizing:border-box;display:flex;flex-shrink:0;gap:0;height:var(--actions-control-height);min-height:var(--actions-control-height);overflow:hidden;padding:2px}.mitglied-ailem .view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;min-width:38px;padding:0;transition:all .2s ease;width:38px}.mitglied-ailem .view-toggle-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.mitglied-ailem .view-toggle-btn.active{background:#111827;box-shadow:none;color:#fff}.mitglied-ailem .view-toggle-btn svg{height:17px;width:17px}.family-grid{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 20px;width:100%}.family-member-card{align-items:flex-start;background:var(--color-surface);border-radius:10px;box-shadow:0 1px 3px #00000014;display:flex;gap:10px;padding:12px;transition:all .2s ease}.family-member-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.member-avatar{align-items:center;background:linear-gradient(135deg,#111827,#0f172a);border-radius:50%;box-shadow:0 1px 3px #1118274d;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.member-avatar svg{stroke:#fff;height:18px;width:18px}.member-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.member-name{color:var(--color-text-primary);font-size:.9375rem;font-weight:600;margin:0}.member-relationship{background:#1118271a;border-radius:8px;color:#111827;display:inline-block;font-size:.6875rem;font-weight:500;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.member-age,.member-contact{color:var(--color-text-secondary);font-size:.75rem}.member-contact{align-items:center;display:flex;gap:6px}.member-contact svg{stroke:var(--color-text-tertiary);flex-shrink:0}.contact-text{color:var(--color-text-secondary)}.empty-state{box-shadow:0 2px 4px #0000001a;margin:60px auto;max-width:600px;padding:32px 20px}.empty-icon{align-items:center;background:var(--color-surface-secondary);border-radius:50%;display:inline-flex;height:64px;justify-content:center;width:64px}.empty-icon svg{stroke:var(--color-text-tertiary);height:32px;width:32px}.empty-state h3{font-size:1.25rem;font-weight:600}.empty-state p{font-size:.9375rem;line-height:1.6}.family-table-container{box-sizing:border-box;margin:0 auto;max-width:var(--layout-max-width);overflow-x:auto;padding:0 24px 20px;width:100%}.family-table{background-color:var(--color-surface);border:1px solid var(--color-border);border-collapse:collapse;border-radius:8px;font-size:.9375rem;overflow:hidden;width:100%}.family-table thead{background-color:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.family-table th{color:var(--color-text-primary);font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.family-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.family-table tbody tr:hover{background-color:var(--color-surface-secondary)}.family-table td{color:var(--color-text-primary);padding:12px 16px}.family-table .name-cell{font-weight:500}@media (max-width:768px){.mitglied-ailem{padding:16px 12px}.mitglied-ailem .actions-bar{flex-wrap:wrap;padding:0 12px 12px}.mitglied-ailem .search-box{min-width:100%;width:100%}.mitglied-ailem .page-title{font-size:1.375rem}.family-grid{gap:12px;grid-template-columns:1fr}.family-grid,.family-table-container{padding:0 12px 16px}.family-member-card{padding:12px}.member-avatar{height:36px;width:36px}.member-avatar svg{height:18px;width:18px}.member-name{font-size:.9375rem}}.veranstaltung-form-modal .modal-form{display:flex;flex-direction:column;gap:24px}.veranstaltung-form-modal .form-section{margin:0}.veranstaltung-form-modal .form-section .form-section{margin-top:20px}.veranstaltung-form-modal .form-section h3{color:var(--color-text-primary);font-size:15px;font-weight:700;margin:0 0 14px}.veranstaltung-form-modal .form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.veranstaltung-form-modal .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.veranstaltung-form-modal .form-group{display:flex;flex-direction:column;gap:4px}.veranstaltung-form-modal .form-group label{color:var(--color-text-secondary);font-size:14px;font-weight:600;letter-spacing:normal;text-transform:none}.veranstaltung-form-modal .form-group input,.veranstaltung-form-modal .form-group select,.veranstaltung-form-modal .form-group textarea{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:15px;min-height:44px;padding:11px 14px;transition:all .2s ease}.veranstaltung-form-modal .form-group input:focus,.veranstaltung-form-modal .form-group select:focus,.veranstaltung-form-modal .form-group textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.veranstaltung-form-modal .form-group input.error,.veranstaltung-form-modal .form-group select.error,.veranstaltung-form-modal .form-group textarea.error{border-color:#dc2626}.veranstaltung-form-modal .form-group textarea{min-height:84px;resize:vertical}.veranstaltung-form-modal .form-group-full{grid-column:1/-1}.veranstaltung-form-modal .error-message{color:#ef4444;font-size:13px;font-weight:500}.veranstaltung-form-modal .error-message-box{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;font-weight:500;padding:12px 16px}.veranstaltung-form-modal .form-group-checkbox{margin-top:8px}.veranstaltung-form-modal .form-group-checkbox label{align-items:center;cursor:pointer;display:flex;gap:10px}.veranstaltung-form-modal .form-group-checkbox input[type=checkbox]{accent-color:#111827;height:18px;width:18px}.veranstaltung-form-modal .form-group-checkbox span{color:var(--color-text-secondary);font-size:14px;font-weight:500}.veranstaltung-form-modal .form-hint{color:var(--color-text-secondary);display:block;font-size:12px;margin-top:4px}.veranstaltung-form-modal .veranstaltung-date-picker{background:var(--color-surface)!important;border:2px solid var(--color-border)!important;border-radius:8px!important;color:var(--color-text-primary)!important;font-family:inherit!important;font-size:15px!important;min-height:44px!important;padding:11px 14px!important;width:100%!important}.veranstaltung-form-modal .veranstaltung-date-picker:focus{border-color:#111827!important;box-shadow:0 0 0 3px #1118271a!important;outline:none!important}.veranstaltung-form-modal .veranstaltung-date-picker.error{border-color:#dc2626!important}.veranstaltung-form-footer{display:flex;gap:12px;justify-content:flex-end;width:auto}.veranstaltung-form-modal .btn-primary,.veranstaltung-form-modal .btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:500;line-height:1.2;min-width:76px;padding:10px 16px;text-transform:none;transition:all .2s ease;width:auto}.veranstaltung-form-footer .btn-primary,.veranstaltung-form-footer .btn-secondary{flex:0 0 auto!important;width:auto!important}.veranstaltung-form-modal .btn-primary{background:#111827;color:#fff}.veranstaltung-form-modal .btn-primary:hover:not(:disabled){background:#0f172a}.veranstaltung-form-modal .btn-secondary{background:var(--color-surface-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.veranstaltung-form-modal .btn-secondary:hover:not(:disabled){background:var(--color-border)}.veranstaltung-form-modal .btn-primary:disabled,.veranstaltung-form-modal .btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.veranstaltung-form-modal .form-grid,.veranstaltung-form-modal .form-row{gap:16px;grid-template-columns:1fr}.veranstaltung-form-footer{flex-direction:column-reverse}.veranstaltung-form-modal .btn-primary,.veranstaltung-form-modal .btn-secondary{width:100%}}[data-theme=dark] .veranstaltung-form-modal .form-section h3{color:var(--color-text-primary)!important}[data-theme=dark] .veranstaltung-form-modal .form-group label,[data-theme=dark] .veranstaltung-form-modal .form-group-checkbox span,[data-theme=dark] .veranstaltung-form-modal .form-hint{color:#e5e7eb!important}[data-theme=dark] .veranstaltung-form-modal .form-group input,[data-theme=dark] .veranstaltung-form-modal .form-group select,[data-theme=dark] .veranstaltung-form-modal .form-group textarea,[data-theme=dark] .veranstaltung-form-modal .veranstaltung-date-picker{background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .veranstaltung-form-modal .form-group input::placeholder,[data-theme=dark] .veranstaltung-form-modal .form-group textarea::placeholder,[data-theme=dark] .veranstaltung-form-modal .veranstaltung-date-picker::placeholder{color:#9ca3af!important}[data-theme=dark] .veranstaltung-form-modal .form-group select option{background:#1e293b!important;color:#fff!important}[data-theme=dark] .veranstaltung-form-modal .form-group input:focus,[data-theme=dark] .veranstaltung-form-modal .form-group select:focus,[data-theme=dark] .veranstaltung-form-modal .form-group textarea:focus,[data-theme=dark] .veranstaltung-form-modal .veranstaltung-date-picker:focus{background-color:#1e293b!important;border-color:#111827!important;box-shadow:0 0 0 3px #1118271a!important}[data-theme=dark] .veranstaltung-form-modal .form-group input:-webkit-autofill,[data-theme=dark] .veranstaltung-form-modal .form-group input:-webkit-autofill:active,[data-theme=dark] .veranstaltung-form-modal .form-group input:-webkit-autofill:focus,[data-theme=dark] .veranstaltung-form-modal .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 30px #1e293b!important}[data-theme=dark] .veranstaltung-form-modal .btn-secondary{background-color:#334155!important;border-color:#475569!important;color:#e5e7eb!important}[data-theme=dark] .veranstaltung-form-modal .btn-secondary:hover:not(:disabled){background-color:#475569!important}.add-participant-modal.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.add-participant-modal .modal-header{align-items:center;border-bottom:2px solid #d1d5db;display:flex;justify-content:space-between;padding:24px 32px}.add-participant-modal .modal-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.add-participant-modal .modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.add-participant-modal .modal-close:hover{background:#e5e7eb;color:#1f2937}.add-participant-modal .modal-form{padding:32px}.add-participant-modal .form-section{border-bottom:2px solid #d1d5db;margin-bottom:32px;padding-bottom:24px}.add-participant-modal .form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.add-participant-modal .section-title{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 20px}.add-participant-modal .section-title:before{background:#111827;border-radius:2px;content:"";height:20px;width:4px}.add-participant-modal .registration-type-selector{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;padding:16px}.add-participant-modal .radio-option{align-items:center;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:8px 12px;transition:all .2s ease}.add-participant-modal .radio-option:hover{background:#fff}.add-participant-modal .radio-option input[type=radio]{accent-color:#111827;cursor:pointer;height:20px;width:20px}.add-participant-modal .radio-option span{font-size:15px;-webkit-user-select:none;user-select:none}.add-participant-modal .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.add-participant-modal .form-group{display:flex;flex-direction:column;gap:8px}.add-participant-modal .form-group label{color:#6b7280;font-size:14px;font-weight:600}.add-participant-modal .form-group input,.add-participant-modal .form-group select,.add-participant-modal .form-group textarea{-webkit-appearance:none;appearance:none;background:#fff;background-color:#fff;border:2px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s ease}.add-participant-modal .form-group input:-webkit-autofill,.add-participant-modal .form-group input:-webkit-autofill:active,.add-participant-modal .form-group input:-webkit-autofill:focus,.add-participant-modal .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#1f2937!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important;box-shadow:inset 0 0 0 30px #fff!important}.add-participant-modal .form-group input::placeholder,.add-participant-modal .form-group textarea::placeholder{color:#9ca3af;opacity:1}.add-participant-modal .form-group select option{background:#fff;color:#1f2937}.add-participant-modal .form-group input:focus,.add-participant-modal .form-group select:focus,.add-participant-modal .form-group textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.add-participant-modal .form-group input.error,.add-participant-modal .form-group select.error{border-color:#ef4444}.add-participant-modal .form-group input:disabled,.add-participant-modal .form-group select:disabled,.add-participant-modal .form-group textarea:disabled{background:#f3f4f6;background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.add-participant-modal .form-group textarea{min-height:100px;resize:vertical}.add-participant-modal .form-group-full{grid-column:1/-1}.add-participant-modal .error-message{color:#ef4444;font-size:13px;font-weight:500}.add-participant-modal .modal-footer{border-top:2px solid #d1d5db;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.add-participant-modal .btn-primary,.add-participant-modal .btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.add-participant-modal .btn-primary{background:#111827;box-shadow:0 2px 8px #1118274d;color:#fff}.add-participant-modal .btn-primary:hover:not(:disabled){background:#0f172a;box-shadow:0 4px 12px #11182766;transform:translateY(-1px)}.add-participant-modal .btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.add-participant-modal .btn-secondary{background:#f3f4f6;color:#6b7280}.add-participant-modal .btn-secondary:hover:not(:disabled){background:#e5e7eb}.add-participant-modal .btn-secondary:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .add-participant-modal.modal-content{background-color:#1e293b!important}[data-theme=dark] .add-participant-modal .modal-header{border-bottom-color:#e2e8f0!important}[data-theme=dark] .add-participant-modal .modal-header h2{color:#fff!important}[data-theme=dark] .add-participant-modal .modal-footer{border-top-color:#e2e8f0!important}[data-theme=dark] .add-participant-modal .form-section{border-bottom-color:#e2e8f0!important}[data-theme=dark] .add-participant-modal .section-title{color:#fff!important}[data-theme=dark] .add-participant-modal .registration-type-selector{background:#334155!important;border-color:#475569!important}[data-theme=dark] .add-participant-modal .radio-option{color:#e5e7eb!important}[data-theme=dark] .add-participant-modal .radio-option:hover{background:#475569!important}[data-theme=dark] .add-participant-modal .form-group label{color:#e5e7eb!important}[data-theme=dark] .add-participant-modal .form-group input,[data-theme=dark] .add-participant-modal .form-group select,[data-theme=dark] .add-participant-modal .form-group textarea{background-color:#1e293b!important;border-color:#e2e8f0!important;color:#fff!important}[data-theme=dark] .add-participant-modal .form-group input:focus,[data-theme=dark] .add-participant-modal .form-group select:focus,[data-theme=dark] .add-participant-modal .form-group textarea:focus{background-color:#1e293b!important;border-color:#111827!important}[data-theme=dark] .add-participant-modal .form-group input:-webkit-autofill,[data-theme=dark] .add-participant-modal .form-group input:-webkit-autofill:active,[data-theme=dark] .add-participant-modal .form-group input:-webkit-autofill:focus,[data-theme=dark] .add-participant-modal .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #1e293b!important;box-shadow:inset 0 0 0 30px #1e293b!important}[data-theme=dark] .add-participant-modal .form-group input::placeholder,[data-theme=dark] .add-participant-modal .form-group textarea::placeholder{color:#9ca3af!important}[data-theme=dark] .add-participant-modal .form-group select option{background-color:#1e293b!important;color:#fff!important}[data-theme=dark] .add-participant-modal .form-group input:disabled,[data-theme=dark] .add-participant-modal .form-group select:disabled,[data-theme=dark] .add-participant-modal .form-group textarea:disabled{background-color:#334155!important;color:#9ca3af!important}[data-theme=dark] .add-participant-modal .modal-close{background-color:#334155!important;color:#e5e7eb!important}[data-theme=dark] .add-participant-modal .modal-close:hover{background-color:#475569!important;color:#fff!important}[data-theme=dark] .add-participant-modal .btn-secondary{background-color:#334155!important;color:#e5e7eb!important}[data-theme=dark] .add-participant-modal .btn-secondary:hover:not(:disabled){background-color:#475569!important}@media (max-width:768px){.add-participant-modal.modal-content{border-radius:0;max-height:100vh;max-width:100%}.add-participant-modal .modal-header{padding:20px}.add-participant-modal .modal-header h2{font-size:20px}.add-participant-modal .modal-form{padding:20px}.add-participant-modal .form-grid{gap:16px;grid-template-columns:1fr}.add-participant-modal .registration-type-selector{flex-direction:column;gap:12px}.add-participant-modal .modal-footer{flex-direction:column-reverse}.add-participant-modal .btn-primary,.add-participant-modal .btn-secondary{width:100%}}.image-upload-modal.modal-content{animation:slideUp .3s;background:#fff;background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.image-upload-modal .modal-header{align-items:center;border-bottom:2px solid #d1d5db;display:flex;justify-content:space-between;padding:24px 32px}.image-upload-modal .modal-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.image-upload-modal .modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s;width:36px}.image-upload-modal .modal-close:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.image-upload-modal .modal-close:disabled{cursor:not-allowed;opacity:.5}.image-upload-modal .modal-body{padding:32px}.image-upload-modal .upload-area{background:#f9fafb;border:3px dashed #d1d5db;border-radius:12px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s}.image-upload-modal .upload-area:hover{background:#1118270d;border-color:#111827}.image-upload-modal .upload-area.has-file{background:#10b9810d;border-color:#10b981;border-style:solid}.image-upload-modal .upload-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px}.image-upload-modal .upload-placeholder svg{color:#111827}.image-upload-modal .upload-text{color:#1f2937;font-size:16px;font-weight:500;margin:0}.image-upload-modal .upload-hint{color:#9ca3af;font-size:14px;margin:0}.image-upload-modal .preview-container{align-items:center;display:flex;flex-direction:column;gap:16px;position:relative}.image-upload-modal .preview-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:300px;max-width:100%;object-fit:contain}.image-upload-modal .change-image-btn{background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.image-upload-modal .change-image-btn:hover{background:#0f172a;transform:translateY(-1px)}.image-upload-modal .form-group{margin-bottom:20px}.image-upload-modal .form-group label{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.image-upload-modal .form-group label svg{color:#111827}.image-upload-modal .form-group input{background:#fff;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.image-upload-modal .form-group input:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.image-upload-modal .form-group input:disabled{cursor:not-allowed;opacity:.6}.image-upload-modal .form-hint{color:#9ca3af;display:block;font-size:12px;margin-top:6px}.image-upload-modal .error-message{background:#ef44441a;border-left:3px solid #dc2626;border-radius:6px;color:#dc2626;font-size:14px;margin-top:8px;padding:8px 12px}.image-upload-modal .file-info{background:#f9fafb;border:2px solid #d1d5db;border-radius:8px;margin-top:16px;padding:16px}.image-upload-modal .file-info p{color:#6b7280;font-size:14px;margin:6px 0}.image-upload-modal .file-info strong{color:#1f2937;font-weight:600}.image-upload-modal .modal-footer{border-top:2px solid #d1d5db;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}.image-upload-modal .btn-primary,.image-upload-modal .btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.image-upload-modal .btn-secondary{background:#f3f4f6;border:2px solid #d1d5db;color:#1f2937}.image-upload-modal .btn-secondary:hover:not(:disabled){background:#e5e7eb}.image-upload-modal .btn-primary{background:#111827;color:#fff}.image-upload-modal .btn-primary:hover:not(:disabled){background:#0f172a;box-shadow:0 4px 12px #1118274d;transform:translateY(-1px)}.image-upload-modal .btn-primary:disabled,.image-upload-modal .btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.image-upload-modal.modal-content{border-radius:16px 16px 0 0;margin:0;max-width:100%}.image-upload-modal .modal-header{padding:20px}.image-upload-modal .modal-header h2{font-size:20px}.image-upload-modal .modal-body{padding:20px}.image-upload-modal .upload-area{padding:30px 15px}.image-upload-modal .modal-footer{flex-direction:column-reverse;padding:16px 20px}.image-upload-modal .btn-primary,.image-upload-modal .btn-secondary{width:100%}}.image-gallery{background:var(--color-surface);border:2px solid #0000;border-radius:10px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:16px;transition:all .3s ease}.image-gallery:hover{border-color:#11182733;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.gallery-header-actions{align-items:center;display:flex;gap:8px}.gallery-header .section-title{color:var(--color-text-primary);font-size:13px;font-weight:700;letter-spacing:-.025em;margin:0}.gallery-header .btn-primary{align-items:center;background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.gallery-header .btn-primary:hover{background:#0f172a;box-shadow:0 4px 12px #1118274d;transform:translateY(-1px)}.image-gallery-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.image-gallery-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--color-border);border-radius:50%;border-top:4px solid #111827;height:40px;width:40px}.image-gallery-loading p{color:var(--color-text-secondary);font-size:14px}.image-gallery-error{padding:40px 20px;text-align:center}.image-gallery-error p{color:#ef4444;font-size:14px}.gallery-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.gallery-empty .empty-icon{color:var(--color-text-tertiary);margin-bottom:16px;opacity:.5}.gallery-empty h4{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.gallery-empty p{color:var(--color-text-secondary);font-size:14px;margin:0 0 24px}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.gallery-item{background:var(--color-background);border:2px solid var(--color-border);border-radius:12px;overflow:hidden;position:relative;transition:all .3s}.gallery-item:hover{border-color:#111827;box-shadow:0 8px 24px #11182726;transform:translateY(-2px)}.image-wrapper{cursor:pointer;overflow:hidden;padding-top:75%;position:relative;width:100%}.gallery-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s;width:100%}.gallery-item:hover .gallery-image{transform:scale(1.05)}.image-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;opacity:0;padding:16px 12px 12px;position:absolute;right:0;transition:opacity .3s}.gallery-item:hover .image-overlay{opacity:1}.image-title{color:#fff;font-size:14px;font-weight:500;line-height:1.4;margin:0}.image-actions{display:flex;gap:8px;justify-content:flex-end;padding:8px}.btn-delete{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-delete:hover:not(:disabled){transform:scale(1.05)}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.images-table-container{border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}.images-table{background:var(--color-surface);border-collapse:collapse;width:100%}.images-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.images-table th{color:var(--color-text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.images-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.images-table tbody tr:hover{background:var(--color-surface-secondary)}.images-table tbody tr:last-child{border-bottom:none}.images-table td{color:var(--color-text-primary);font-size:14px;padding:12px 16px}.table-image-preview{border-radius:6px;cursor:pointer;height:60px;overflow:hidden;transition:transform .2s ease;width:80px}.table-image-preview:hover{transform:scale(1.05)}.table-image-preview img{height:100%;object-fit:cover;width:100%}.btn-delete-small{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-delete-small:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.btn-delete-small:disabled{cursor:not-allowed;opacity:.5}.image-preview-modal{align-items:center;animation:fadeIn .2s;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.preview-content{align-items:center;display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:90vw;position:relative}.preview-close{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-40px;transition:all .2s;width:40px}.preview-close:hover{background:#fff3;transform:scale(1.1)}.preview-image{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:100%;object-fit:contain}.preview-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:16px 24px}.preview-info h3{color:#fff;font-size:18px;font-weight:500;margin:0}@media (max-width:768px){.gallery-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-header{align-items:flex-start;flex-direction:column;gap:16px}.gallery-header .btn-primary{justify-content:center;width:100%}}.veranstaltung-detail{--card-label-size:11px;--card-label-weight:700;--card-label-color:var(--color-text-tertiary);--card-label-letter:0.4px;--card-value-size:14px;--card-value-weight:500;--card-value-color:var(--color-text-primary);--card-value-line:1.4;background:var(--color-background);min-height:100vh;padding:0}.veranstaltung-detail .page-header{max-width:var(--layout-detail-max-width);padding:24px 24px 14px}.veranstaltung-detail .page-title{margin-bottom:0}.veranstaltung-detail .detail-status{background:#0000;border:0;border-radius:0;display:inline-flex;gap:0;margin-top:8px;padding:0}.veranstaltung-detail .detail-status .status-chip{background:#0000;border-color:#0000;border-radius:0;min-height:auto;padding:0}.veranstaltung-detail .detail-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:var(--layout-detail-max-width);padding:0 24px}.veranstaltung-detail .detail-tabs .tab-button{background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease}.veranstaltung-detail .detail-tabs .tab-button:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.veranstaltung-detail .detail-tabs .tab-button.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .veranstaltung-detail .detail-tabs .tab-button{color:#cbd5e1}[data-theme=dark] .veranstaltung-detail .detail-tabs .tab-button:hover{background:#94a3b833;color:#f8fafc}[data-theme=dark] .veranstaltung-detail .detail-tabs .tab-button.active{background:#3b82f633;border-bottom-color:#60a5fa;border-top-left-radius:10px;border-top-right-radius:10px;color:#f8fafc}.veranstaltung-detail .detail-content{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 20px 32px}.veranstaltung-detail .actions-bar{align-items:center;display:flex;gap:16px;margin:12px auto 16px;max-width:var(--layout-detail-max-width);padding:0 20px}.veranstaltung-detail .btn-icon{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.veranstaltung-detail .btn-icon:hover{border-color:#111827;box-shadow:0 2px 8px #11182726;color:#111827;transform:translateY(-1px)}.veranstaltung-detail a:focus-visible,.veranstaltung-detail button:focus-visible{outline:3px solid #11182759;outline-offset:2px}.veranstaltung-detail .btn,.veranstaltung-detail .btn-primary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.veranstaltung-detail .btn-primary{background:#111827;box-shadow:0 1px 4px #11182740;color:#fff}.veranstaltung-detail .btn-primary:hover{background:#0f172a;box-shadow:0 2px 8px #11182759;transform:translateY(-1px)}.veranstaltung-detail .btn-secondary{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.veranstaltung-detail .btn-secondary:hover{background:#f8fafc;border-color:#111827}.veranstaltung-detail .btn-danger{align-items:center;background:#ef4444;border:none;border-radius:8px;box-shadow:0 1px 4px #ef444440;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.veranstaltung-detail .btn-danger:hover{background:#dc2626;box-shadow:0 2px 8px #ef444459;transform:translateY(-1px)}.veranstaltung-detail .btn-success{border:1px solid #05966933;border-radius:8px;color:#059669;color:var(--color-success,#059669)}.veranstaltung-detail .btn-disabled,.veranstaltung-detail .btn-success{align-items:center;background:var(--color-surface-secondary);box-shadow:none;cursor:not-allowed;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px}.veranstaltung-detail .btn-disabled{border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary)}.actions-right{align-items:stretch;display:flex;flex-direction:column;gap:8px;width:100%}.tab-actions-bar{background:#0000;border:0;border-radius:0;margin-bottom:14px;padding:0}.cta-primary-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;width:100%}.cta-primary-actions.has-registration .calendar-btn,.cta-primary-actions.has-registration .registration-btn{flex:1 1 220px}.cta-primary-actions.no-registration .calendar-btn{flex:0 0 auto;min-width:220px}.cta-decision-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.cta-summary-item{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;flex-direction:column;gap:4px;min-height:0;padding:10px 12px}.cta-summary-label{color:var(--color-text-tertiary);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cta-summary-value{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.3}.section-actions .detail-action-btn{align-items:center;border-radius:8px;display:inline-flex;flex:0 0 auto;font-size:14px;font-weight:600;gap:6px;min-height:40px;padding:8px 12px;white-space:nowrap}.section-actions .member-cta-btn{justify-content:center;min-width:150px}.section-actions .detail-action-btn svg{stroke:currentColor;height:16px;width:16px}.info-section{background:var(--color-surface);border:1px solid #0f172a0f;border-radius:12px;box-shadow:0 1px 2px #0f172a0f;padding:14px;transition:all .2s ease}.info-section:hover{box-shadow:0 2px 8px #0000001a}.info-grid{grid-gap:16px;grid-row-gap:16px;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:16px}.info-grid--sub{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid--single{grid-template-columns:1fr;margin-bottom:16px}.event-quick-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.event-quick-summary-item{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.event-quick-summary-label{color:var(--color-text-tertiary);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.event-quick-summary-value{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.3}.info-item{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:4px;min-width:0;padding:12px 14px}.info-block{margin-bottom:20px}.info-block:last-child{margin-bottom:0}.info-subsection{margin-bottom:20px}.info-subsection .info-item{background:#0000;border:0;padding:0}.info-subsection-title{color:var(--card-label-color);font-size:var(--card-label-size);font-weight:var(--card-label-weight);letter-spacing:var(--card-label-letter);margin:0 0 8px;text-transform:uppercase}.info-item label{color:var(--color-text-secondary);font-size:10px;font-weight:600;letter-spacing:.3px;margin-bottom:0;text-transform:uppercase}.info-item p,.info-item span{color:var(--color-text-primary);font-size:14px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.info-item p{white-space:pre-wrap}.info-description-text{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;font-weight:500;line-height:1.4;margin:0;overflow-wrap:anywhere;padding:12px 14px;white-space:pre-wrap;word-break:break-word}.section-header{gap:12px;margin-bottom:16px}.section-header h2{font-size:16px;font-weight:700}.section-actions{flex-wrap:wrap;justify-content:flex-end}.view-toggle{background:var(--color-surface-secondary);border-radius:8px;display:flex;gap:4px;padding:4px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.toggle-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.toggle-btn.active{background:var(--color-primary);color:#fff}.toggle-btn.active svg{stroke:#fff}.toggle-btn svg{height:18px;width:18px}.anmeldungen-grid{display:flex;flex-direction:column;gap:.75rem}.anmeldung-card{background:var(--color-surface-secondary);border:2px solid #0000;border-radius:8px;padding:.75rem;transition:all .3s ease}.anmeldung-card:hover{border-color:#111827;transform:translateY(-2px)}.anmeldung-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.participant-name{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 3px}.participant-email{color:var(--color-text-secondary);font-size:12px;margin:0}.anmeldung-details{display:flex;flex-direction:column;gap:.4rem}.detail-item{align-items:center;font-size:.8rem;gap:.4rem}.detail-icon{font-size:.8rem;text-align:center;width:14px}.detail-text,.empty-participants{color:var(--color-text-secondary)}.empty-participants{padding:2rem 1rem;text-align:center}.empty-icon{color:var(--color-text-tertiary);margin-bottom:.75rem}.empty-icon svg{stroke:currentColor;height:48px;width:48px}.empty-participants h3{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:.4rem}.empty-participants p{font-size:.9rem;margin-bottom:1rem}.participants-table-container{border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}.participants-table{background:var(--color-surface);border-collapse:collapse;width:100%}.participants-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.participants-table th{color:var(--color-text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.participants-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.participants-table tbody tr:hover{background:var(--color-surface-secondary)}.participants-table tbody tr:last-child{border-bottom:none}.participants-table td{color:var(--color-text-primary);font-size:14px;padding:12px 16px}.participants-table .table-name-cell{display:flex;flex-direction:column;gap:2px}.participants-table .table-name-cell strong{color:var(--color-text-primary);font-weight:600}.access-denied{background:var(--color-surface-secondary);border-radius:10px;margin-top:1.5rem;padding:3rem 1.5rem;text-align:center}.access-denied h2{color:#dc2626;font-size:1.3rem;margin-bottom:.75rem}.access-denied p{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:1.5rem}.actions-right .registration-btn{border-radius:8px;font-size:14px;min-height:44px;padding:0 16px}.actions-right .registration-btn.btn-primary{background:#111827;box-shadow:0 2px 10px #11182747;color:#fff}.actions-right .registration-btn.btn-primary:hover{background:#0f172a;box-shadow:0 4px 14px #11182757}.actions-right .registration-btn.btn-success{background:var(--color-surface-secondary);border:1px solid #05966933;box-shadow:none;color:#059669;color:var(--color-success,#059669)}.actions-right .registration-btn.btn-disabled{background:var(--color-surface-secondary);border:1px solid var(--color-border);box-shadow:none;color:var(--color-text-secondary);cursor:not-allowed}.actions-right .calendar-btn{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none;color:var(--color-text-primary)}.actions-right .calendar-btn:hover{background:#f8fafc;border-color:#111827}@media (max-width:1200px){.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.veranstaltung-detail .actions-bar{padding:0 16px 10px}.veranstaltung-detail .detail-content{padding:0 16px 24px}.veranstaltung-detail .detail-tabs{overflow-x:auto;padding:0 16px}.veranstaltung-detail .detail-tabs .tab-button{flex:0 0 auto;max-width:none;min-width:150px}.event-quick-summary,.info-grid{gap:8px;grid-template-columns:1fr}.info-section{padding:16px}.section-header{gap:.5rem}.section-actions,.section-header{align-items:stretch;flex-direction:column}.section-actions{gap:8px}.section-actions .detail-action-btn{justify-content:center;width:100%}.actions-right{gap:8px}.cta-primary-actions{align-items:stretch;flex-direction:column;gap:8px}.cta-primary-actions .calendar-btn,.cta-primary-actions .registration-btn{justify-content:center;min-width:0;width:100%}.tab-actions-bar{margin-bottom:10px}.cta-decision-summary{grid-template-columns:1fr;width:100%}.info-block{margin-bottom:12px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;background:var(--modal-overlay-bg,#0009);padding:20px}.registration-modal.modal-content{animation:modalSlideIn .3s ease-out;background:var(--color-surface);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.registration-modal .modal-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;padding:24px 32px}.registration-modal .modal-header h2{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0}.registration-modal .modal-close{align-items:center;background:var(--color-surface-secondary);border:none;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.registration-modal .modal-close:hover{background:var(--color-surface);color:var(--color-text-primary)}.registration-modal .modal-body{background:var(--color-surface);padding:32px}.registration-modal .registration-info{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:24px;padding:16px}.registration-modal .registration-info h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.registration-modal .registration-info p{color:var(--color-text-secondary);font-size:14px;margin:0}.registration-modal .form-group{margin-bottom:20px}.registration-modal .form-group label{color:var(--color-text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.registration-modal .form-input,.registration-modal .form-textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.registration-modal input.form-input,.registration-modal textarea.form-textarea{background:var(--color-surface);color:var(--color-text-primary)}.registration-modal .form-input:focus,.registration-modal .form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15);outline:none}.registration-modal .form-input:disabled,.registration-modal .form-input[disabled],.registration-modal .form-input[readonly]{-webkit-text-fill-color:var(--color-text-primary);background-color:var(--color-surface-secondary);color:var(--color-text-tertiary);cursor:not-allowed;opacity:1}.registration-modal .form-textarea{font-family:inherit;resize:vertical}.registration-modal .form-textarea::placeholder{color:var(--color-text-tertiary)}.registration-modal .modal-footer{background:var(--color-surface);border-top:2px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.registration-modal .btn-primary,.registration-modal .btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.registration-modal .btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.registration-modal .btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.registration-modal .btn-primary:disabled{background-color:var(--color-text-tertiary);cursor:not-allowed}.registration-modal .btn-secondary{background-color:var(--color-surface-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.registration-modal .btn-secondary:hover{background-color:var(--color-surface)}.registration-action{margin-top:16px}.delete-confirm-message{color:#1f2937;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:12px}.delete-warning{background-color:#fee2e2;border-left:4px solid #dc2626;border-radius:4px;color:#dc2626;font-size:14px;font-weight:500;margin-top:8px;padding:12px}.registration-modal .btn-danger{background-color:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.registration-modal .btn-danger:hover:not(:disabled){background-color:#b91c1c}.registration-modal .btn-danger:disabled{background-color:#9ca3af;cursor:not-allowed}[data-theme=dark] .registration-modal.modal-content{background:var(--color-surface)!important;background-color:var(--color-surface)!important;border-color:var(--color-border)!important}[data-theme=dark] .registration-modal .modal-body,[data-theme=dark] .registration-modal .modal-footer,[data-theme=dark] .registration-modal .modal-header{background:var(--color-surface)!important}[data-theme=dark] .registration-modal .modal-header h2,[data-theme=dark] .registration-modal .registration-info h3{color:var(--color-text-primary)!important}[data-theme=dark] .registration-modal .form-group label,[data-theme=dark] .registration-modal .registration-info p{color:var(--color-text-secondary)!important}[data-theme=dark] .registration-modal .registration-info{background:var(--color-surface-secondary)!important;border-color:var(--color-border)!important}[data-theme=dark] .registration-modal input.form-input,[data-theme=dark] .registration-modal textarea.form-textarea{background-color:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}[data-theme=dark] .registration-modal input.form-input:disabled,[data-theme=dark] .registration-modal input.form-input[disabled],[data-theme=dark] .registration-modal input.form-input[readonly]{-webkit-text-fill-color:var(--color-text-primary)!important;background-color:var(--color-surface-secondary)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important;opacity:1!important}[data-theme=dark] .registration-modal textarea.form-textarea::placeholder{color:var(--color-text-tertiary)!important}[data-theme=dark] .registration-modal input.form-input:focus,[data-theme=dark] .registration-modal textarea.form-textarea:focus{background-color:var(--color-surface)!important;border-color:var(--color-primary)!important}[data-theme=dark] .registration-modal input.form-input:-webkit-autofill,[data-theme=dark] .registration-modal input.form-input:-webkit-autofill:active,[data-theme=dark] .registration-modal input.form-input:-webkit-autofill:focus,[data-theme=dark] .registration-modal input.form-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-primary)!important;box-shadow:0 0 0 30px var(--color-surface) inset!important}[data-theme=dark] .registration-modal .modal-close{background-color:var(--color-surface-secondary)!important;border-color:var(--color-border)!important;color:var(--color-text-secondary)!important}[data-theme=dark] .registration-modal .modal-close:hover{background-color:#475569!important;color:var(--color-text-primary)!important}[data-theme=dark] .registration-modal .btn-secondary{background-color:var(--color-surface-secondary)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}.settings-page{background:var(--color-background);min-height:100vh;padding:0}.settings-header{max-width:900px}.settings-page .actions-bar{display:flex;gap:12px;justify-content:flex-end;margin:0 auto;max-width:900px;padding:12px 24px 24px}.settings-page .actions-bar .btn-primary,.settings-page .actions-bar .btn-secondary{flex:0 0 auto;min-width:120px;width:auto}.settings-page .btn-primary{align-items:center;background:#111827;border:1px solid #0000;border-radius:10px;box-shadow:0 1px 3px #1118274d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-height:36px;padding:8px 14px;transition:all .2s ease}.settings-page .btn-primary:hover:not(:disabled){background:#0f172a;box-shadow:0 4px 12px #11182766;transform:translateY(-1px)}.settings-page .btn-primary:disabled{cursor:not-allowed;opacity:.5}.settings-page .btn-primary svg{height:16px;width:16px}.settings-page .btn-secondary{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-height:36px;padding:8px 14px;transition:all .2s ease}.settings-page .btn-secondary:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-separator);transform:translateY(-1px)}.settings-page .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.settings-page .btn-secondary svg{height:16px;width:16px}.save-message{border-radius:10px;font-size:14px;font-weight:600;margin:0 auto;max-width:900px;padding:0 24px 16px;padding:12px 16px;text-align:center}.save-message.success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.save-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.settings-content{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:900px;padding:0 24px 32px}.settings-section{background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.settings-section:hover{border-color:var(--color-separator);box-shadow:0 4px 12px #00000014}.settings-section .section-title{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:16px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.setting-item{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;padding:16px 0}.setting-item:not(:last-child){border-bottom:1px solid var(--color-border)}.setting-info{flex:1 1}.setting-name{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.setting-description{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0}.setting-control{flex-shrink:0}.theme-options{display:flex;gap:16px}.theme-option{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:12px;padding:16px;transition:all .2s ease}.theme-option:hover{border-color:#111827;box-shadow:0 4px 12px #11182726;color:var(--color-text-primary);transform:translateY(-2px)}.theme-option.active{background:#1118270d;border-color:#111827;box-shadow:0 4px 12px #11182733;color:#111827}.theme-preview{border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;height:50px;overflow:hidden;width:80px}.dark-preview{background-color:#1a1d23}.dark-preview .preview-header{background-color:#252932;border-bottom:1px solid #374151;height:12px}.dark-preview .preview-content{background-color:#1a1d23;height:27px}.light-preview{background-color:#fafafa}.light-preview .preview-header{background-color:#fff;border-bottom:1px solid #e9ecef;height:12px}.light-preview .preview-content{background-color:#fafafa;height:27px}.toggle-switch{height:28px;width:52px}.toggle-slider{background:#d1d5db;border-radius:28px;transition:all .3s ease}.toggle-slider:before{background:#fff;box-shadow:0 2px 4px #0003;height:22px;transition:all .3s ease;width:22px}input:checked+.toggle-slider{background:#111827}input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 0 3px #1118271a}.setting-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;min-width:150px;padding:10px 16px;transition:all .2s ease}.setting-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.setting-select:hover{border-color:var(--color-separator)}.user-info-card{align-items:center;background:var(--color-surface-secondary);border:2px solid var(--color-border);border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;padding:24px}.user-avatar-large{align-items:center;background:linear-gradient(135deg,#111827,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #1118274d;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.user-avatar-large svg{height:48px;width:48px}.user-details{flex:1 1}.user-name{color:var(--color-text-primary);font-size:22px;font-weight:700;margin:0 0 6px}.user-email{color:var(--color-text-secondary);font-family:Courier New,monospace;font-size:14px;margin:0 0 12px}.user-type-badge{background:#1118271a;border-radius:8px;color:#111827;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}@media (max-width:768px){.settings-page .actions-bar{flex-direction:column-reverse}.settings-page .actions-bar .btn-primary,.settings-page .actions-bar .btn-secondary{justify-content:center;width:100%}.settings-content{padding:0 16px 24px}.settings-section{padding:20px}.setting-item{align-items:flex-start;flex-direction:column;gap:12px}.theme-options{flex-direction:column;width:100%}.theme-option{width:100%}.user-info-card{flex-direction:column;text-align:center}}@media (max-width:480px){.settings-page .actions-bar{padding-left:16px;padding-right:16px}}.profile-page{--card-label-size:11px;--card-label-weight:700;--card-label-color:var(--color-text-tertiary);--card-label-letter:0.4px;--card-value-size:14px;--card-value-weight:500;--card-value-color:var(--color-text-primary);--card-value-line:1.4;background:var(--color-background);min-height:100vh;padding:0}.profile-content{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 24px}.profile-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.profile-page .profile-section .section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:var(--spacing-xl);text-align:left}.profile-page .profile-section .section-header h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.profile-page .section-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.profile-page .section-actions .btn{flex:0 0 auto;font-size:14px;min-height:40px;padding:8px 12px;white-space:nowrap}.profile-page .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.profile-page .info-item{align-items:flex-start;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px}.profile-page .info-label{color:var(--card-label-color);font-size:var(--card-label-size);font-weight:var(--card-label-weight);letter-spacing:var(--card-label-letter);margin-bottom:0;text-align:left;text-transform:uppercase;width:100%}.profile-page .info-value{color:var(--card-value-color);font-size:var(--card-value-size);font-weight:var(--card-value-weight);line-height:var(--card-value-line);overflow-wrap:anywhere;text-align:left;width:100%;word-break:break-word}.profile-page .status-badge{border:1px solid #0000;border-radius:999px;border-radius:var(--radius-full,999px);font-size:12px;font-weight:600;line-height:1.2;min-height:22px;padding:3px 10px}.profile-page .status-active{background:#e7f6ec;border-color:#cfe9d7;color:#1f6b3b}.profile-page .edit-form{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.profile-page .form-group{display:flex;flex-direction:column;gap:8px}.profile-page .form-label{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.profile-page .form-label svg{color:#111827;height:16px;width:16px}.profile-page .form-input{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease}.profile-page .form-input:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.profile-page .form-input:disabled{background:var(--color-surface);color:var(--color-text-secondary);cursor:not-allowed}@media (max-width:768px){.profile-page .profile-section{padding:16px}.profile-page .info-grid{grid-template-columns:1fr}}@media (max-width:480px){.profile-page .profile-content{padding:0 16px 20px}}.login-container{align-items:center;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.login-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.background-gradient{opacity:.9}.login-content{max-width:520px;padding:var(--spacing-lg);position:relative;width:100%;z-index:2}.login-card{animation:slideUp .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;max-height:90vh;overflow-y:auto;padding:var(--spacing-xxl)}.login-card::-webkit-scrollbar{width:8px}.login-card::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.login-card::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.login-card::-webkit-scrollbar-thumb:hover{background:#667eea80}.language-switcher{display:flex;gap:8px;position:absolute;right:20px;top:20px;z-index:10}.lang-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.lang-btn:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea33;color:#667eea;transform:translateY(-1px)}.lang-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.lang-btn.active:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.login-header{margin-bottom:var(--spacing-xl);margin-top:40px;text-align:center}.login-logo{margin-bottom:var(--spacing-lg)}.logo-icon{animation:pulse 2s ease-in-out infinite;display:block;font-size:64px}.login-title{color:#000!important;font-size:var(--font-size-xxl);font-weight:700;letter-spacing:-.5px;margin:0 0 var(--spacing-sm) 0}.login-subtitle{color:#6b7280;font-size:var(--font-size-md);font-weight:500;margin:0}.auth-tabs{grid-gap:8px;background:#f3f4f6;border-radius:12px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:32px;padding:4px}.tab-button{background:#0000;border-radius:10px;color:#6b7280;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab-button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#111827}.tab-button:hover:not(.active){color:#111827}.auth-form,.login-form{display:flex;flex-direction:column;gap:20px;margin-bottom:var(--spacing-xl);width:100%}.signup-content{margin-top:24px}.role-selection{margin-bottom:32px}.role-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.role-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.role-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:24px 16px;transition:all .3s ease}.role-card:hover{background:#11182705;border-color:#111827}.role-card.active{background:#1118270d;border-color:#111827;box-shadow:0 4px 12px #11182726}.role-radio{opacity:0;pointer-events:none;position:absolute}.role-card svg{color:#6b7280;height:32px;margin-bottom:12px;transition:color .3s ease;width:32px}.role-card.active svg,.role-name{color:#111827}.role-name{font-size:16px;font-weight:600;margin-bottom:4px}.role-desc{font-size:12px}.role-desc,.switch-tab-text{color:#6b7280;text-align:center}.switch-tab-text{font-size:14px;margin-top:16px}.switch-tab-btn{background:none;border:none;color:#111827;cursor:pointer;font-weight:600;padding:0;text-decoration:none;transition:color .2s ease}.switch-tab-btn:hover{color:#0f172a;text-decoration:underline}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-primary)}.form-group input,.form-group textarea{background:#fff;border:2px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.input-with-toggle{position:relative}.input-with-toggle input{padding-right:48px}.input-visibility-toggle{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.input-visibility-toggle:hover{color:#111827}.input-visibility-toggle:focus-visible{border-radius:4px;outline:2px solid var(--primary-color);outline-offset:2px}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1118271a;outline:none}.form-group textarea{line-height:1.5;min-height:80px}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;padding:12px;text-align:center}.info-message{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:14px;line-height:1.5;padding:12px}.info-message strong,.submit-btn{font-weight:600}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:15px;padding:16px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.login-submit-btn{background:#fff;border:2px solid #000;border-radius:8px;color:#000!important;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease}.login-submit-btn:hover:not(:disabled){background:#f0f0f0;transform:translateY(-1px)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.6}.demo-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.demo-title{color:var(--text-secondary);font-size:14px;margin-bottom:12px;text-align:center}.demo-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.demo-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.demo-btn svg{flex-shrink:0;height:20px;width:20px}.demo-btn:hover:not(:disabled){background:#1118270d;border-color:#111827;transform:translateY(-1px)}.demo-btn:disabled{cursor:not-allowed;opacity:.6}.login-btn{align-items:center;background:var(--color-surface);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:center;min-height:80px;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-btn-admin{background:linear-gradient(135deg,var(--color-primary),#0056cc);border:2px solid var(--color-primary);color:#fff}.login-btn-dernek{background:linear-gradient(135deg,var(--color-secondary),#4a4a9f);border:2px solid var(--color-secondary);color:#fff}.login-btn-mitglied{background:linear-gradient(135deg,var(--color-success),#28a745);border:2px solid var(--color-success);color:#fff}.btn-content{align-items:center;display:flex;gap:var(--spacing-md);width:100%}.btn-icon{flex-shrink:0;font-size:32px}.btn-text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.btn-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:2px}.btn-description{font-size:var(--font-size-sm);font-weight:400;opacity:.9}.login-btn-loading .btn-content{opacity:.3}.btn-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-footer{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg);text-align:center}.footer-text{font-size:var(--font-size-sm);font-weight:500;margin:0 0 var(--spacing-sm) 0}.footer-version{font-size:var(--font-size-xs)}@media (max-width:768px){.login-content{max-width:100%;padding:var(--spacing-md)}.login-card{padding:var(--spacing-xl)}.logo-icon{font-size:48px}.login-title{font-size:var(--font-size-xl)}.role-grid{grid-template-columns:1fr}.role-card{padding:20px}.login-btn{min-height:70px;padding:var(--spacing-md)}.btn-icon{font-size:28px}.btn-title{font-size:var(--font-size-md)}}@media (max-width:480px){.login-content{max-width:320px}.login-card{padding:var(--spacing-lg)}.login-buttons{gap:var(--spacing-sm)}.login-btn{min-height:60px}.language-switcher{gap:6px;right:12px;top:12px}.lang-btn{font-size:12px;gap:4px;padding:6px 10px}}@media (prefers-color-scheme:dark){.login-card{background:#fffffff2;color:#111827}.login-title{color:#111827!important}.footer-text,.login-subtitle{color:#6b7280!important}.footer-version{color:#9ca3af!important}.form-group label{color:#111827!important}.demo-title{color:#6b7280!important}.form-group input,.form-group textarea{background:#fff!important;color:#111827!important}}@media (prefers-reduced-motion:reduce){.background-pattern,.login-card,.logo-icon{animation:none}.loading-spinner{animation:none;border:2px solid #fff}}.date-picker-input{background:#fff;border:1.5px solid #0000001a;border-radius:12px;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;padding:14px 16px}.date-picker-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.date-picker-input::placeholder{color:#0000004d}.language-switcher-component{align-items:center;display:flex;gap:8px}.language-switcher-component .lang-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.language-switcher-component .lang-btn:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea33;color:#667eea;transform:translateY(-1px)}.language-switcher-component .lang-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.language-switcher-component .lang-btn.active:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.language-switcher-component.compact .lang-btn{font-size:12px;gap:4px;padding:6px 10px}@media (max-width:768px){.language-switcher-component{gap:6px}.language-switcher-component .lang-btn{font-size:12px;gap:4px;padding:6px 10px}}.landing-container{min-height:100vh;overflow-x:hidden;position:relative;width:100%}.landing-language-switcher{position:fixed;right:24px;top:24px;z-index:1000}@media (max-width:768px){.landing-language-switcher{right:16px;top:16px}}.landing-background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.background-gradient{background:linear-gradient(135deg,#667eea,#764ba2);opacity:.95}.background-gradient,.background-pattern{height:100%;left:0;position:absolute;top:0;width:100%}.background-pattern{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff0d 0,#0000 50%)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(1deg)}}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xxl) var(--spacing-lg);position:relative;z-index:1}.hero-content{grid-gap:var(--spacing-xxl);align-items:center;display:grid;gap:var(--spacing-xxl);grid-template-columns:1fr 1fr;max-width:var(--layout-detail-max-width);width:100%}.hero-text{animation:slideInLeft .8s ease-out}.hero-logo{animation:fadeIn 1s ease-out;margin-bottom:var(--spacing-lg)}.logo-image{border:3px solid var(--primary-color);border-radius:50%;box-shadow:0 4px 12px #0000001a;height:150px;padding:10px;width:150px}.logo-image,.logo-image-footer{background:#fff;max-width:100%;object-fit:contain}.logo-image-footer{border:2px solid var(--primary-color);border-radius:50%;height:100px;padding:8px;width:100px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.hero-title{color:#fff;font-size:56px;font-weight:700;letter-spacing:-1px;line-height:1.2;margin-bottom:var(--spacing-lg)}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffd89b,#19547b);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffe6;font-size:20px;font-weight:400;line-height:1.7;margin-bottom:var(--spacing-xl)}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.btn-hero-primary{align-items:center;background:#fff;border:none;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0003;color:#667eea;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:var(--spacing-sm);padding:16px 32px;transition:all .3s ease}.btn-hero-primary:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-2px)}.btn-hero-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.btn-hero-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.hero-image{animation:slideInRight .8s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.hero-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0003;gap:var(--spacing-lg);padding:var(--spacing-xxl)}.hero-card,.hero-card-icon{align-items:center;display:flex}.hero-card-icon{animation:pulse 2s ease-in-out infinite;font-size:64px;height:200px;justify-content:center;overflow:hidden;width:100%}.hero-card-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.hero-card-content h3{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:var(--spacing-sm)}.hero-card-content p{color:#6b7280;font-size:16px;margin:0}.features-section{background:#fff;padding:var(--spacing-xxl) var(--spacing-lg);position:relative;z-index:1}.features-container{margin:0 auto;max-width:var(--layout-detail-max-width)}.section-header{margin-bottom:var(--spacing-xxl);text-align:center}.section-title{color:#000;font-size:40px;letter-spacing:-.5px;margin-bottom:var(--spacing-md)}.section-subtitle{color:#6b7280;font-size:18px;line-height:1.7;margin:0 auto;max-width:700px}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}.feature-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both;background:#fff;border:2px solid #e5e7eb;border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000001a;padding:var(--spacing-xl);transition:all .3s ease}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.feature-card-admin{border-color:#11182733}.feature-card-admin:hover{border-color:var(--color-primary)}.feature-card-dernek{border-color:#8b5cf633}.feature-card-dernek:hover{border-color:var(--color-secondary)}.feature-card-mitglied{border-color:#05966933}.feature-card-mitglied:hover{border-color:var(--color-success)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--radius-lg);display:flex;height:80px;justify-content:center;margin-bottom:var(--spacing-lg);width:80px}.feature-card-admin .feature-icon{background:linear-gradient(135deg,#1118271a,#1d4ed81a);color:var(--color-primary)}.feature-card-dernek .feature-icon{background:linear-gradient(135deg,#8b5cf61a,#6d28d91a);color:var(--color-secondary)}.feature-card-mitglied .feature-icon{background:linear-gradient(135deg,#0596691a,#0478571a);color:var(--color-success)}.feature-title{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:var(--spacing-sm)}.feature-description{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:var(--spacing-lg)}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{align-items:flex-start;color:#6b7280;display:flex;font-size:14px;gap:var(--spacing-sm);line-height:1.6;margin-bottom:var(--spacing-sm)}.list-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;height:6px;margin-top:8px;width:6px}.feature-card-dernek .list-dot{background:var(--color-secondary)}.feature-card-mitglied .list-dot{background:var(--color-success)}.cta-section{background:#f9fafb;padding:var(--spacing-xxl) var(--spacing-lg);position:relative;z-index:1}.cta-container{margin:0 auto;max-width:800px}.cta-content{text-align:center}.cta-title{color:#1f2937;font-size:48px;font-weight:700;letter-spacing:-.5px;margin-bottom:var(--spacing-lg)}.cta-subtitle{color:#1f2937;font-size:20px;font-weight:500;line-height:1.7;margin-bottom:var(--spacing-xl)}.btn-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-lg);box-shadow:0 10px 30px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:var(--spacing-sm);padding:18px 40px;transition:all .3s ease}.btn-cta:hover{box-shadow:0 15px 40px #667eea66;transform:translateY(-3px)}.landing-footer{background:#fff;border-top:1px solid #e5e7eb;padding:var(--spacing-xl) var(--spacing-lg);position:relative;z-index:1}.footer-content{margin:0 auto;max-width:var(--layout-detail-max-width);text-align:center}.footer-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.footer-text{color:#6b7280;font-size:14px;margin-bottom:var(--spacing-xs)}.footer-version{color:#9ca3af;font-size:12px;font-weight:600}@media (max-width:1024px){.hero-content{gap:var(--spacing-xl);grid-template-columns:1fr}.hero-title{font-size:48px}.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (max-width:768px){.hero-section{padding:var(--spacing-xl) var(--spacing-md)}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-buttons{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{justify-content:center;width:100%}.hero-card{padding:var(--spacing-lg)}.section-title{font-size:32px}.section-subtitle{font-size:16px}.cta-title{font-size:36px}.cta-subtitle{font-size:18px}}@media (max-width:480px){.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.hero-card-icon{font-size:48px}.cta-title,.section-title{font-size:28px}}.reports-container{margin:0 auto;max-width:100%;padding:0;width:100%}.reports-tabs{border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.reports-tabs,.tab-button{display:flex;gap:var(--spacing-sm)}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);font-weight:500;margin-bottom:-2px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s}.tab-button:hover{background:rgba(var(--color-primary-rgb),.05);color:var(--color-primary)}.tab-button.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}.tab-button svg{height:20px;width:20px}.reports-container .stats-section{box-sizing:border-box;break-inside:avoid;margin:0 0 1.5rem;max-width:100%;padding:0;page-break-inside:avoid}.reports-container .stats-section>h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.reports-overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem;width:100%}.reports-overview-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 8px 20px #0000000f;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:120px;padding:14px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.reports-overview-card:hover{border-color:#11182740;box-shadow:0 12px 28px #00000014;transform:translateY(-4px)}.reports-overview-icon{align-items:center;background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border-radius:12px;color:var(--color-text-primary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.reports-overview-icon svg{height:22px;width:22px}.reports-overview-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.reports-overview-label{color:var(--color-text-secondary);font-size:13px;font-weight:600;line-height:1.4;margin-bottom:6px}.reports-overview-value{color:var(--color-text-primary);font-size:1.6rem;font-weight:700;line-height:1}.reports-overview-context{color:var(--color-text-secondary);font-size:12px;font-weight:500;line-height:1.4;margin-top:6px}.reports-overview-card.accent-blue .reports-overview-icon{background:#1118271f;color:#0f172a}.reports-overview-card.accent-green .reports-overview-icon{background:#10b9811f;color:#0f9f6e}.reports-overview-card.accent-amber .reports-overview-icon{background:#f59e0b1f;color:#b45309}.reports-overview-card.accent-purple .reports-overview-icon{background:#8b5cf61f;color:#7c3aed}[data-theme=dark] .reports-overview-card.accent-blue .reports-overview-icon{background:#3b82f63d;color:#bfdbfe}.stats-grid{grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:2rem;width:100%}.stats-grid.three-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border-radius:8px;box-shadow:0 1px 3px #00000014;break-inside:avoid;min-height:140px;min-width:0;padding:20px 16px;page-break-inside:avoid}.stat-card:hover{box-shadow:0 4px 8px #0000001f}.stat-icon{background:#1118271a;border-radius:10px;color:var(--color-text-primary);height:44px;margin-bottom:12px;width:44px}.stat-icon svg{height:22px;width:22px}.stat-info{flex:1 1;width:100%}.stat-info h3{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1.2;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stat-number{color:var(--color-text-primary);font-size:32px;font-weight:700;line-height:1;margin:0 0 4px}.stat-detail{color:var(--color-text-secondary);font-size:12px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-trend{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-top:.25rem;padding:.25rem .5rem}.stat-trend.positive{background:#e8f5e9;color:#2e7d32}.stat-trend.negative{background:#ffebee;color:#c62828}.stat-trend.neutral{background:#f5f5f5;color:#757575}.stat-trend svg{height:14px;width:14px}.reports-toolbar{gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.reports-toolbar,.toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.toolbar-left{gap:.75rem}.toolbar-right{display:flex;gap:.5rem}.filter-button{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.filter-button:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}.filter-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.filter-button .filter-indicator{background:var(--color-primary);border-radius:999px;box-shadow:0 0 0 6px #11182726;box-shadow:0 0 0 6px rgba(var(--color-primary-rgb,17,24,39),.15);display:inline-block;height:8px;width:8px}.date-range-selector{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:.5rem;padding:.5rem}.date-range-selector label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;white-space:nowrap}.date-range-selector select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s}.date-range-selector select:hover{border-color:var(--color-primary)}.date-range-selector select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a;outline:none}.export-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.export-button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.export-button:active{transform:translateY(0)}.export-button:disabled{cursor:not-allowed;opacity:.5}.export-button svg{height:16px;width:16px}.charts-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.charts-grid-single{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.chart-section,.charts-grid-single{margin-bottom:1.5rem}.chart-section h2{font-size:1.125rem;margin-bottom:.75rem;margin-top:0}.chart-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);break-inside:avoid;display:flex;flex-direction:column;padding:1rem 1rem 0;page-break-inside:avoid}.recharts-wrapper{margin:0 auto}.recharts-cartesian-axis-tick-value{fill:var(--color-text-secondary);font-size:.75rem}.recharts-legend-item-text{color:var(--color-text-primary)!important;font-size:.875rem}.recharts-tooltip-wrapper{outline:none}.custom-tooltip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.75rem}.custom-tooltip .label{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.custom-tooltip .value{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:.5rem}.custom-tooltip .value .color-box{border-radius:2px;height:12px;width:12px}.chart-bar-item{margin-bottom:1rem}.chart-bar-item:last-child{margin-bottom:0}.chart-label{align-items:center;display:flex;font-size:.8125rem;justify-content:space-between;margin-bottom:.375rem}.chart-label span:first-child{color:var(--color-text-primary);font-weight:500}.chart-value{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.chart-bar-bg{background:var(--color-surface-secondary);height:24px;overflow:hidden;position:relative}.chart-bar-bg,.chart-bar-fill{border-radius:var(--radius-md)}.chart-bar-fill{align-items:center;background:linear-gradient(90deg,#4caf50,#66bb6a);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:100%;justify-content:flex-end;padding-right:.5rem;transition:width .6s ease}.chart-bar-male{background:linear-gradient(90deg,#2196f3,#42a5f5)}.chart-bar-female{background:linear-gradient(90deg,#e91e63,#ec407a)}.chart-bar-trend{background:linear-gradient(90deg,#ff9800,#ffa726)}.gender-distribution-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);break-inside:avoid;display:flex;flex-direction:column;gap:1rem;padding:1rem;page-break-inside:avoid}.gender-item{display:flex;flex-direction:column;gap:.5rem}.gender-header{align-items:center;display:flex;font-size:.8125rem;justify-content:space-between}.gender-header span:first-child{color:var(--color-text-primary);font-weight:500}.gender-value{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.gender-bar-bg{background:var(--color-surface-secondary);border-radius:var(--radius-md);height:24px;overflow:hidden;position:relative}.gender-bar-fill{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:100%;justify-content:flex-end;padding-right:.5rem;transition:width .6s ease}.male-fill{background:linear-gradient(90deg,#2196f3,#42a5f5)}.female-fill{background:linear-gradient(90deg,#e91e63,#ec407a)}@media (max-width:768px){.gender-distribution-container{gap:.75rem;padding:.75rem}}.table-section{margin-bottom:1.5rem}.table-section h2{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.table-container{background:var(--color-surface);box-shadow:var(--shadow-sm);padding:1rem}.reports-table{border-collapse:collapse;width:100%}.reports-table thead{background:var(--color-surface-secondary)}.reports-table th{border-bottom:2px solid var(--color-border);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.reports-table td,.reports-table th{color:var(--color-text-primary);padding:.75rem}.reports-table td{border-bottom:1px solid var(--color-border);font-size:.875rem}.reports-table tbody tr:hover{background:var(--color-surface-secondary)}.reports-table tbody tr:last-child td{border-bottom:none}.reports-table tfoot .reports-table-total{background:var(--color-surface);color:var(--color-text-primary);font-weight:700}[data-theme=dark] .reports-table tfoot .reports-table-total{background:#0f172a99}.reports-table tfoot .reports-table-total .total-net-profit{color:#4caf50}[data-theme=dark] .reports-table tfoot .reports-table-total .total-net-profit{color:#4ade80}.percentage-badge{background:#e3f2fd;border-radius:8px;color:#0f172a;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .5rem}@media (max-width:900px){.charts-grid{grid-template-columns:1fr}}.insights-container{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--spacing-lg)}.insight-card{background:var(--color-surface);border-left:4px solid;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.insight-card h4{font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-sm) 0}.insight-card p{font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.insight-success{background:linear-gradient(135deg,#4caf500d 0,var(--color-surface) 100%);border-left-color:#4caf50}.insight-info{background:linear-gradient(135deg,#2196f30d 0,var(--color-surface) 100%);border-left-color:#2196f3}.insight-warning{background:linear-gradient(135deg,#ff98000d 0,var(--color-surface) 100%);border-left-color:#ff9800}.insight-error{background:linear-gradient(135deg,#f443360d 0,var(--color-surface) 100%);border-left-color:#f44336}.export-button--secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.export-button--secondary:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-1px)}@media (min-width:901px) and (max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.reports-container{padding:0}.reports-header h1{font-size:1.5rem}.reports-overview-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.reports-overview-card{min-height:116px;padding:14px 12px}.reports-overview-icon{height:44px;width:44px}.reports-overview-label{font-size:12px}.reports-overview-value{font-size:1.45rem}.reports-overview-context{font-size:11px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.stat-number{font-size:28px}.stat-card{min-height:130px;padding:18px 14px}.stat-icon{height:42px;width:42px}.stat-icon svg{height:21px;width:21px}.stat-info h3{font-size:10px}.stat-detail{font-size:11px}.chart-container{padding:.75rem .75rem 0}.table-container{padding:.75rem}.reports-table td,.reports-table th{font-size:.75rem;padding:.5rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.advanced-filter-panel-overlay{animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.advanced-filter-panel{animation:slideIn .3s ease-out;background:var(--color-surface);box-shadow:-4px 0 16px #0000001a;display:flex;flex-direction:column;height:100%;max-width:400px;width:100%}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.filter-panel-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.filter-panel-title{align-items:center;display:flex;gap:.75rem}.filter-panel-title h3{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0}.filter-panel-title svg{color:var(--color-primary)}.filter-panel-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.filter-panel-close:hover{background:var(--color-border);color:var(--color-text)}.filter-panel-close:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.filter-panel-content{flex:1 1;overflow-y:auto;padding:1.5rem}.filter-section{margin-bottom:1.5rem}.filter-section h4{color:var(--color-text);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.filter-checkboxes{display:flex;flex-direction:column;gap:.5rem}.filter-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background .2s}.filter-checkbox:hover{background:var(--color-background-secondary)}.filter-checkbox input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:1.25rem;width:1.25rem}.filter-checkbox input[type=checkbox]:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.filter-checkbox span{color:var(--color-text);font-size:.875rem}.filter-date-range{display:flex;flex-direction:column;gap:.75rem}.date-input-group{display:flex;flex-direction:column;gap:.25rem}.date-input-group label{color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.date-input-group input[type=date]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.875rem;padding:.625rem}.date-input-group input[type=date]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a;outline:none}.date-picker-wrapper{width:100%}.date-picker-input{border-radius:4px;color:var(--color-text);font-size:.875rem;height:42px;padding:.625rem}.date-picker-input:focus{box-shadow:0 0 0 3px #2196f31a}.saved-filters-list{display:flex;flex-direction:column;gap:.5rem}.saved-filter-item{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:4px;display:flex;justify-content:space-between;padding:.75rem}.saved-filter-name{color:var(--color-text);font-size:.875rem;font-weight:500}.saved-filter-actions{display:flex;gap:.25rem}.icon-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .2s}.icon-button:hover{background:var(--color-border);color:var(--color-text)}.icon-button.delete:hover{background:#fee;color:#d32f2f}.icon-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.filter-panel-footer{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.save-filter-group{display:flex;gap:.5rem}.filter-name-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);flex:1 1;font-size:.875rem;padding:.625rem}.filter-name-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a;outline:none}.filter-panel-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s}.btn-primary:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn-primary:disabled{opacity:.5}.btn-secondary{background:var(--color-background-secondary);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-secondary:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.advanced-filter-panel{max-width:100%}.filter-panel-content,.filter-panel-footer,.filter-panel-header{padding:1rem}.filter-section{margin-bottom:1.25rem}}@media (max-width:480px){.filter-panel-title h3{font-size:1rem}.filter-checkbox span,.saved-filter-name{font-size:.8125rem}.btn-primary,.btn-secondary{font-size:.8125rem;padding:.625rem .75rem}}@media (prefers-contrast:high){.advanced-filter-panel{border:2px solid var(--color-text)}.filter-checkbox:hover,.icon-button:hover,.saved-filter-item{border-color:var(--color-text)}}@media (prefers-reduced-motion:reduce){.advanced-filter-panel,.advanced-filter-panel-overlay{animation:none}.btn-primary,.btn-secondary,.filter-checkbox,.icon-button{transition:none}}@media (prefers-color-scheme:dark){.advanced-filter-panel-overlay{background:#000000b3}.saved-filter-item{background:#ffffff0d}}.finanz-dashboard{animation:fadeIn .3s ease-in-out;padding:0}.finanz-topbar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 24px}.finanz-tabs{flex-direction:column;min-width:240px}.finanz-tab-buttons{border-bottom:2px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.finanz-tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-weight:600;padding:12px 8px;transition:color .2s ease,border-color .2s ease}.finanz-tab-button:hover{color:var(--color-text-primary)}.finanz-tab-button.active{background:rgba(var(--color-primary-rgb),.08);border-color:var(--color-primary);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);color:var(--color-primary)}.finanz-tab-title{font-size:.95rem}.finanz-tab-description{color:var(--color-text-secondary);font-size:.875rem;margin:0}.finanz-actions{gap:var(--spacing-md);justify-content:flex-end;margin-left:auto}.finanz-actions,.finanz-actions-bar{align-items:center;display:flex;flex-wrap:wrap}.finanz-actions-bar{gap:var(--spacing-sm)}.finanz-action-btn{gap:var(--spacing-xs)}.finanz-actions-bar .btn-secondary{background:#0000;border:1px solid var(--color-primary);color:var(--color-primary)}.finanz-actions-bar .btn-secondary:hover{background:rgba(var(--color-primary-rgb),.08)}.finanz-filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);min-width:200px;padding:10px 14px}.stats-grid-advanced{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-card-primary .stat-icon{background:#1118271a;color:var(--color-primary)}.stat-card-success .stat-icon{background:#0596691a;color:var(--color-success)}.stat-card-warning .stat-icon{background:#d977061a;color:var(--color-warning)}.stat-card-error .stat-icon{background:#dc26261a;color:var(--color-error)}.stat-content{flex:1 1}.stat-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;margin:0 0 var(--spacing-xs) 0}.stat-subtitle{font-size:.75rem;margin:var(--spacing-xs) 0 0 0}.dashboard-section{margin-bottom:var(--spacing-lg)}.dashboard-section h2,.section-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0}.section-header{margin-bottom:var(--spacing-sm)}.section-header .section-title{margin:0}.section-header .finanz-action-btn{align-self:flex-start;flex:0 0 auto;font-size:.875rem;min-height:34px;padding:6px 12px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.section-header .btn{width:auto}.section-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-stat{align-items:center;background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:var(--font-size-md);justify-content:space-between;margin:0;padding:var(--spacing-md)}.section-stat strong{color:var(--color-primary);font-weight:600}.kpi-section{padding:var(--spacing-lg)}.kpi-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kpi-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:calc(var(--spacing-sm) - 2px);padding:calc(var(--spacing-md) - 2px) var(--spacing-md);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-header,.kpi-icon{align-items:center;display:flex;justify-content:center}.kpi-icon{border-radius:14px;color:#fff;height:52px;width:52px}.kpi-content{align-items:center;display:flex;flex-direction:column;gap:.2rem;text-align:center}.kpi-title{color:var(--color-text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.02em;line-height:1.2;margin:0;min-height:32px}.kpi-value{color:var(--color-text-primary);font-size:1.6rem;font-weight:700;margin:0}.kpi-subtitle{color:var(--color-text-secondary);font-size:.82rem;margin:0}.kpi-value-negative,.kpi-value-positive{color:var(--color-text-primary)}.kpi-title.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-access-section{padding:var(--spacing-lg)}.quick-access-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-access-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.quick-access-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.quick-access-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.quick-access-icon-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.quick-access-icon-success{background:linear-gradient(135deg,#10b981,#059669)}.quick-access-icon-violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quick-access-icon-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.quick-access-text{display:flex;flex-direction:column;gap:2px}.quick-access-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.quick-access-desc{color:var(--color-text-secondary);font-size:.78rem}.charts-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:2fr 1fr;margin-bottom:var(--spacing-2xl)}.chart-header h2{margin:0}.chart-legend{flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.chart-legend-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:6px}.chart-legend-color{border-radius:50%;display:inline-block;height:10px;width:10px}.payment-methods-table{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.payment-methods-header,.payment-methods-row{grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:minmax(120px,1fr) 70px 70px 120px;padding:.5rem 0}.payment-methods-header{border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:.7rem;text-transform:uppercase}.payment-methods-header span:not(:first-child){text-align:right}.payment-methods-row{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:.85rem}.payment-methods-row:last-child{border-bottom:none}.payment-methods-name{align-items:center;color:var(--color-text-secondary);display:flex;gap:.5rem}.payment-methods-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.payment-methods-amount,.payment-methods-count,.payment-methods-percent{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.payment-methods-amount{font-weight:600}.chart-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.chart-section-large{grid-column:span 1}.chart-section h2{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0}.chart-container{min-height:300px}.detailed-stats{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.detailed-stats-summary{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:600;gap:var(--spacing-sm);list-style:none}.detailed-stats-summary::-webkit-details-marker{display:none}.detailed-stats-icon{align-items:center;color:var(--color-primary);display:flex;height:28px;justify-content:center;width:28px}.detailed-stats-grid{grid-gap:var(--spacing-md);align-items:stretch;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:var(--spacing-md)}.alert-banner{align-items:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg)}.alert-warning{background:#f59e0b1f;border-color:#f59e0b33}.alert-success{background:#10b9811f;border-color:#10b98133}.alert-icon{background:#ffffffb3;border-radius:12px;color:var(--color-warning);height:40px;width:40px}.alert-success .alert-icon{color:var(--color-success)}.alert-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600;margin:0 0 .35rem}.alert-subtitle{color:var(--color-text-secondary);font-size:.82rem;margin:0}.alert-action{align-self:center;white-space:nowrap}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-section-large{grid-column:span 1}}@media (max-width:768px){.finanz-dashboard{padding:var(--spacing-md) 0}.finanz-dashboard .page-header,.finanz-topbar{align-items:stretch;flex-direction:column}.finanz-topbar{padding:0 16px 20px}.finanz-actions,.finanz-actions-bar{justify-content:flex-start;width:100%}.finanz-filter-select{width:100%}.stats-grid{gap:var(--spacing-md)}.stats-grid,.stats-grid-advanced{grid-template-columns:1fr}.stat-card{gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.stat-icon{height:44px;width:44px}.dashboard-section{padding:var(--spacing-md)}.section-header{align-items:flex-start;flex-direction:column}.charts-grid{gap:var(--spacing-md)}.chart-section{padding:var(--spacing-md)}.payment-methods-header,.payment-methods-row{grid-template-columns:minmax(120px,1fr) 60px 60px 90px}.alert-banner{align-items:flex-start;flex-direction:column}.alert-action{align-self:flex-start}}@media (max-width:480px){.stat-card{flex-direction:column;text-align:center}.stat-content{width:100%}.section-stat{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.payment-methods-header,.payment-methods-row{grid-template-columns:minmax(100px,1fr) 50px 50px 80px}}[data-theme=dark] .dashboard-section,[data-theme=dark] .stat-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .section-stat{background:var(--color-background)}[data-theme=dark] .alert-warning{background:#f59e0b2e;border-color:#f59e0b59}[data-theme=dark] .alert-success{background:#10b9812e;border-color:#10b98159}[data-theme=dark] .alert-icon{background:#1e293b99}.payment-trend-chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 2px 6px #0f172a14;margin:0;padding:var(--spacing-lg);width:100%}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.chart-header h3{color:var(--color-text-primary);font-size:1rem;margin:0}.chart-legend{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:var(--spacing-md)}.legend-item{align-items:center;display:inline-flex;gap:var(--spacing-xs)}.legend-line{border-top:2px solid #16a34a;border-top:2px solid var(--payment-trend-actual,#16a34a);width:28px}.legend-line.planned{border-top-color:#9ca3af;border-top-color:var(--payment-trend-planned,#9ca3af);border-top-style:dashed}.legend-line.actual{border-top-color:#16a34a;border-top-color:var(--payment-trend-actual,#16a34a)}.chart-container{min-height:250px;width:100%}.chart-empty{align-items:center;background:var(--color-background);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:.95rem;justify-content:center;min-height:220px;padding:var(--spacing-lg);text-align:center}.payment-trend-chart .recharts-wrapper{margin:0 auto}@media (max-width:768px){.payment-trend-chart{padding:var(--spacing-md)}.chart-header{align-items:flex-start}.chart-legend{gap:var(--spacing-sm);justify-content:flex-start;width:100%}}.payment-instruction-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #11182726;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.payment-instruction-header{border-bottom:2px solid #11182733;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.payment-instruction-header h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.payment-instruction-header p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.payment-instruction-body{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.payment-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.payment-field label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.payment-value{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.payment-value,.payment-value-mono{color:var(--color-text-primary);font-size:1rem;font-weight:600}.payment-value-mono{font-family:Courier New,monospace;letter-spacing:1px}.payment-value-with-copy{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.payment-value-with-copy .payment-value-mono{flex:1 1}.copy-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-width:36px;padding:.375rem .625rem;transition:all .2s ease}.copy-btn:hover{background:#0f172a;transform:scale(1.05)}.copy-btn:active{transform:scale(.95)}.payment-amount{color:var(--color-primary);font-size:1.5rem;font-weight:700}.payment-reference-field{background:linear-gradient(90deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:var(--radius-md);padding:var(--spacing-md)}.payment-reference-field label{color:#92400e}.payment-reference-value{color:#78350f;font-weight:700}.payment-reference-warning{background:#f59e0b1a;border-left:4px solid #f59e0b;border-radius:var(--radius-md);padding:var(--spacing-md)}.warning-text{color:#92400e;font-size:.9375rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.warning-description{color:#78350f;font-size:.8125rem;margin:0}.payment-instruction-steps{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.payment-instruction-steps h4{color:var(--color-text-primary);font-size:.9375rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.payment-instruction-steps ol{margin:0;padding-left:var(--spacing-lg)}.payment-instruction-steps li{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-xs)}.payment-instruction-footer{background:#10b9811a;border-left:4px solid var(--color-success);border-radius:var(--radius-md);padding:var(--spacing-md)}.payment-instruction-footer h4{color:var(--color-success);font-size:.9375rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.payment-instruction-footer p{color:var(--color-text-secondary);font-size:.875rem;margin:0}@media (max-width:768px){.payment-instruction-card{padding:var(--spacing-md)}.payment-value-mono{font-size:.875rem}.payment-amount{font-size:1.25rem}}.mitglied-finanz{margin:0 auto;max-width:var(--layout-detail-max-width);padding:0}.mitglied-finanz .page-header .page-title{margin-bottom:var(--spacing-sm)}.finanz-tabs{border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:var(--layout-detail-max-width);padding:0 24px}.finanz-tabs,.tabs-container{display:flex;gap:var(--spacing-sm)}.tabs-container{-ms-overflow-style:none;justify-content:center;overflow-x:auto;scrollbar-width:none;width:100%}.tabs-container::-webkit-scrollbar{display:none}.mitglied-finanz .finanz-tabs .tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease;white-space:nowrap}.mitglied-finanz .finanz-tabs .tab-button:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.mitglied-finanz .finanz-tabs .tab-button.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.mitglied-finanz .finanz-tabs .tab-icon{align-items:center;display:flex;justify-content:center}.mitglied-finanz .finanz-tabs .tab-icon svg{height:18px;width:18px}.mitglied-finanz .finanz-tabs .tab-label{display:block}.mitglied-finanz .finanz-tabs .tab-badge{align-items:center;background:var(--color-text-primary);border-radius:var(--radius-full);color:var(--color-surface);display:inline-flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px}.mitglied-finanz .finanz-tabs .tab-button.active .tab-badge{background:var(--color-primary)}[data-theme=dark] .mitglied-finanz .finanz-tabs .tab-button{color:#cbd5e1}[data-theme=dark] .mitglied-finanz .finanz-tabs .tab-button:hover{background:#94a3b833;color:#f8fafc}[data-theme=dark] .mitglied-finanz .finanz-tabs .tab-button.active{background:#3b82f633;border-bottom-color:#60a5fa;border-top-left-radius:10px;border-top-right-radius:10px;color:#f8fafc}.tab-content{animation:fadeIn .3s ease}.history-tab-content{align-items:center;display:flex;justify-content:center;min-height:300px;padding:var(--spacing-xl)}.history-redirect-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:400px;padding:var(--spacing-2xl);text-align:center;width:100%}.history-redirect-card .redirect-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.history-redirect-card .redirect-icon svg{color:var(--color-primary);height:48px;width:48px}.history-redirect-card h3{color:var(--color-text);font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm)}.history-redirect-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:var(--spacing-lg);padding:var(--spacing-2xl)}.empty-state .empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.next-payment-alert{align-items:center;animation:slideDown .3s ease;border-left:4px solid;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;display:flex;gap:var(--spacing-md);justify-content:space-between;margin:0 var(--spacing-lg) var(--spacing-md);padding:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.next-payment-alert.upcoming{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.next-payment-alert.urgent{background:linear-gradient(135deg,#fed7aa,#fdba74);border-left-color:#ea580c}.next-payment-alert.overdue{background:linear-gradient(135deg,#fecaca,#fca5a5);border-left-color:#dc2626}.alert-content{align-items:flex-start;display:flex;flex:1 1;gap:var(--spacing-md);padding:var(--spacing-lg)}.alert-icon{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:48px;justify-content:center;margin-left:var(--spacing-md);width:48px}.next-payment-alert.upcoming .alert-icon{background:#f59e0b33;color:#92400e}.next-payment-alert.urgent .alert-icon{background:#ea580c33;color:#9a3412}.next-payment-alert.overdue .alert-icon{background:#dc262633;color:#991b1b}.alert-icon svg{height:24px;width:24px}.alert-info{flex:1 1;padding-left:var(--spacing-md)}.alert-info h3{color:var(--color-text-primary);font-size:.9375rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.alert-details{flex-wrap:wrap;gap:var(--spacing-md)}.alert-date,.alert-details{align-items:center;display:flex}.alert-date{color:var(--color-text-primary);font-size:.875rem;font-weight:600;gap:var(--spacing-xs)}.days-badge{border-radius:var(--radius-full);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.next-payment-alert.upcoming .days-badge{background:#f59e0b33;color:#92400e}.next-payment-alert.urgent .days-badge{background:#ea580c33;color:#9a3412}.next-payment-alert.overdue .days-badge{background:#dc262633;color:#991b1b}.alert-amount{color:var(--color-text-primary);font-size:1.125rem;font-weight:700}.alert-reference-compact{color:var(--color-text-secondary);font-size:.8125rem}.alert-reference-compact strong{color:var(--color-primary);font-family:Courier New,monospace;letter-spacing:.5px}.btn-pay-now{background:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #1118274d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-pay-now:hover{background:#0f172a;box-shadow:0 4px 12px #11182766;transform:translateY(-2px)}.btn-pay-now:active{transform:translateY(0)}.no-results{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center}.no-results p{color:var(--color-text-secondary);font-size:1rem;margin:0 0 var(--spacing-lg) 0}.finance-summary{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 2fr;margin-bottom:var(--spacing-md);padding:0 var(--spacing-lg)}.balance-card{background:linear-gradient(135deg,var(--color-primary) 0,#1e40af 100%);border-radius:var(--radius-lg);box-shadow:0 4px 12px #11182733;color:#fff;padding:var(--spacing-md)}.summary-header h3{font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0;opacity:.85;text-transform:uppercase}.summary-amount{margin-bottom:0}.summary-amount span{display:block;font-size:1.5rem;font-weight:700}.summary-note{background:#ffffff26;border-radius:var(--radius-sm);display:inline-block;font-size:.8125rem;margin:0;opacity:1;padding:.375rem .625rem}.summary-stats{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.summary-stat{flex:1 1}.summary-stat,.summary-stat.alert{padding:var(--spacing-xs) var(--spacing-sm)}.summary-stat.alert{background:#dc26260d;border-left:3px solid var(--color-error);border-radius:var(--radius-md)}.stat-label{font-size:.75rem}.stat-amount{color:var(--color-text-primary);font-size:1rem;font-weight:700}.stat-amount.success{color:var(--color-success)}.stat-amount.error{color:var(--color-error)}.finance-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-lg)}.section-header{flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.section-header h2{font-size:1rem}.section-header h2,.section-header h3{color:var(--color-text-primary);font-weight:600;margin:0}.section-header h3{font-size:.95rem}.section-header .search-box{align-items:center;background:var(--color-surface);background:var(--color-search-box-surface,var(--color-surface));border:2px solid var(--color-border);border-radius:12px;display:flex;flex:1 1;gap:12px;min-width:250px;padding:12px 16px;position:relative;transition:all .2s ease}.section-header .search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #1118271a}.section-header .search-box svg{color:var(--text-secondary);flex-shrink:0}.section-header .search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:15px;outline:none}.clear-search-btn,.section-header .search-input::placeholder{color:var(--text-secondary)}.clear-search-btn:hover{background:var(--color-surface-secondary);color:var(--text-primary)}.section-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.badge{font-size:.75rem;padding:.25rem .625rem}.badge-primary{background:#1118271a;color:var(--color-primary)}.badge-secondary{color:var(--color-text-secondary)}.badge-secondary,.btn-secondary{background:var(--color-surface-secondary)}.btn-secondary{align-items:center;display:flex;font-size:.875rem;gap:var(--spacing-xs);padding:.5rem .875rem}.btn-secondary:hover{background:var(--color-surface)}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.btn-sm svg{height:16px;width:16px}.claims-grid{flex-direction:column}.claims-grid,.claims-summary-line{display:flex;gap:var(--spacing-xs)}.claims-summary-line{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.875rem;margin:0 var(--spacing-lg) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.claims-summary-line strong{color:var(--color-text-primary);font-weight:600}.summary-dot{color:var(--color-text-tertiary)}.claims-filter-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:0 var(--spacing-lg) var(--spacing-md)}.claims-filter-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .75rem;transition:all .2s ease}.claims-filter-chip:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.claims-filter-chip.active{background:#11182714;border-color:var(--color-primary);color:var(--color-primary)}.claims-grid-standard{gap:var(--spacing-sm)}.claim-row{grid-gap:var(--spacing-lg);align-items:center;background:var(--color-surface);border-left:1px solid var(--color-border);border:1px solid var(--color-border);border-left-width:3px;border-radius:var(--radius-md);display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.9fr);padding:var(--spacing-md) var(--spacing-lg)}.claim-row.status-overdue{background:linear-gradient(90deg,#ef44440d,#0000 45%);border-left-color:var(--color-error)}.claim-row.status-upcoming{background:linear-gradient(90deg,#d977060d,#0000 45%);border-left-color:var(--color-warning)}.claim-row.status-waiting{border-left-color:var(--color-border)}.claim-row.status-partial{background:linear-gradient(90deg,#1118270d,#0000 45%);border-left-color:#111827}.claim-left{display:flex;flex-direction:column;gap:.25rem;min-width:0}.claim-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600;overflow-wrap:anywhere}.claim-subline{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:var(--spacing-xs)}.claim-sub-divider{color:var(--color-text-tertiary)}.claim-meta{letter-spacing:.4px;text-transform:uppercase}.claim-meta,.claim-record{color:var(--color-text-tertiary);font-size:.75rem}.claim-amount-block{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;text-align:right}.claim-amount-label{color:var(--color-text-tertiary);font-size:.7rem;letter-spacing:.4px;text-transform:uppercase}.claim-amount-main{color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.claim-amount-meta{color:var(--color-text-secondary);font-size:.75rem}.claim-right{align-items:flex-end;flex-direction:column;text-align:right}.claim-right,.claim-status-row{display:flex;gap:var(--spacing-xs)}.claim-status-row,.status-chip{align-items:center}.status-chip{border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .6rem}.status-chip.status-overdue{background:#ef44441f;color:#991b1b}.status-chip.status-upcoming{background:#d977061f;color:#92400e}.status-chip.status-waiting{background:#94a3b833;color:var(--color-text-secondary)}.status-chip.status-partial{background:#1118271f;color:#020617}.status-tooltip{align-items:center;color:var(--color-text-tertiary);display:inline-flex}.claim-warning{color:#b91c1c;font-size:.75rem}.claim-reference{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:var(--spacing-xs);justify-content:flex-end}.claim-reference-label{color:var(--color-text-tertiary);font-size:.75rem}.claim-reference-value{color:var(--color-text-primary);font-family:Courier New,monospace;overflow-wrap:anywhere}.claim-copy-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:2px;transition:all .2s ease}.claim-copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.claim-copy-btn.copied{border-color:var(--color-success);color:var(--color-success)}.claim-action{align-items:center;background:#0000;border:none;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:0}.claim-action:hover{color:#020617}.payment-instruction-modal{max-width:720px}.payment-info-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.payment-info-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between}.payment-info-title{color:var(--color-text-primary);font-size:1rem;font-weight:600}.payment-info-meta{color:var(--color-text-secondary);font-size:.8rem}.payment-info-amount{color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.payment-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr))}.payment-info-field{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.35rem;padding:var(--spacing-sm) var(--spacing-md)}.payment-info-label{color:var(--color-text-secondary);font-size:.7rem;letter-spacing:.4px;text-transform:uppercase}.payment-info-value{align-items:center;color:var(--color-text-primary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:var(--spacing-sm);justify-content:space-between;overflow-wrap:anywhere}.payment-info-value .mono{font-family:Courier New,monospace;letter-spacing:.3px}.payment-copy-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:2px;transition:all .2s ease}.payment-copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.no-bank-info{border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;padding:var(--spacing-md)}.claim-item,.no-bank-info{background:var(--color-background)}.claim-item{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .2s ease}.claim-item.clickable .claim-content{cursor:pointer;flex:1 1}.claim-item.clickable .claim-content:hover h4{color:var(--color-primary)}.claim-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.claim-item.claim-overdue{background:linear-gradient(90deg,#dc26260d,#0000);border-left:4px solid #dc2626}.claim-item.claim-urgent{background:linear-gradient(90deg,#ea580c0d,#0000);border-left:4px solid #ea580c}.claim-item.claim-upcoming{background:linear-gradient(90deg,#f59e0b08,#0000);border-left:4px solid #f59e0b}.claim-item.claim-normal{background:linear-gradient(90deg,#10b98108,#0000);border-left:4px solid #10b981}.claim-content{flex:1 1}.claim-main{margin-bottom:var(--spacing-xs)}.claim-main h4{color:var(--color-text-primary);font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.claim-id{color:var(--color-text-tertiary);font-size:.75rem}.claim-details{gap:var(--spacing-lg)}.claim-date,.claim-details{align-items:center;display:flex}.claim-date{color:var(--color-text-secondary);font-size:.875rem;gap:var(--spacing-xs)}.claim-date svg{height:16px;width:16px}.claim-amount{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.125rem;font-weight:700;gap:.5rem}.claim-amount .remaining-amount{color:var(--color-warning)}.claim-amount .original-amount{color:var(--color-text-muted);font-size:.875rem;font-weight:400;text-decoration:line-through}.urgency-badge{border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.urgency-badge.overdue{background:#dc262626;color:#991b1b}.urgency-badge.urgent{background:#ea580c26;color:#9a3412}.simple-table{overflow-x:auto}.simple-table table{border-collapse:collapse;width:100%}.simple-table th{border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase}.simple-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:.9375rem;padding:var(--spacing-md)}.simple-table tbody tr:hover{background:var(--color-background)}.simple-table tbody tr:last-child td{border-bottom:none}.empty-message{color:var(--color-text-secondary);padding:var(--spacing-xl);text-align:center}.empty-message p{font-size:.9375rem;margin:0}.status-badge{border-radius:var(--radius-full);padding:.25rem .625rem}.status-paid{background:#0596691a;color:var(--color-success)}.status-unpaid{background:#d977061a;color:var(--color-warning)}.status-partial{background:#1118271a;color:#111827}.claim-reference-section{align-items:center;background:linear-gradient(90deg,#fef3c7,#fde68a);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid #f59e0b;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.claim-reference-section .reference-label{color:#92400e;font-size:.8125rem;font-weight:600}.claim-reference-section .reference-value{color:#78350f;flex:1 1;font-family:Courier New,monospace;font-size:.9375rem;font-weight:700;letter-spacing:.5px}.copy-reference-btn{align-items:center;background:#f59e0b;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-width:36px;padding:.375rem .625rem;transition:all .2s ease}.copy-reference-btn:hover{background:#d97706;transform:scale(1.05)}.copy-reference-btn:active{transform:scale(.95)}.toggle-paid-claims-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all .2s ease;width:100%}.toggle-paid-claims-btn:hover{background:var(--color-background);border-color:var(--color-primary)}.toggle-paid-claims-btn span:first-child{font-size:.75rem;transition:transform .2s ease}.claim-item.claim-paid{border-left-color:var(--color-success);opacity:.8}.claim-item.claim-paid:hover{opacity:1}.claim-item.claim-event{background:linear-gradient(90deg,#e651000d,#0000);border-left:4px solid #e65100}.claim-item.claim-event:hover{border-color:#e65100}.claim-type-badge{border-radius:10px;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.claim-type-badge.event{background-color:#fff3e0;border:1px solid #e65100;color:#e65100}.payment-history-link-section{margin:0 var(--spacing-lg) var(--spacing-md)}.btn-view-payment-history{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #111827;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:all .3s ease;width:100%}.btn-view-payment-history:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 12px #11182733;transform:translateY(-2px)}.btn-view-payment-history:active{transform:translateY(0)}.history-icon{flex-shrink:0;font-size:1.5rem}.history-text{flex:1 1}.history-text h3{color:var(--color-text-primary);font-size:1rem;font-weight:700;margin:0 0 .125rem}.history-text p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.arrow-icon{color:var(--color-primary);flex-shrink:0;font-size:1.5rem;transition:transform .3s ease}.btn-view-payment-history:hover .arrow-icon{transform:translateX(4px)}@media (max-width:768px){.finance-summary{grid-template-columns:1fr;padding:0 var(--spacing-md)}.summary-stats{flex-direction:column;gap:var(--spacing-md)}.finance-section{margin:0 var(--spacing-md) var(--spacing-md)}.claim-details{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.simple-table table{font-size:.8125rem}.simple-table td,.simple-table th{padding:var(--spacing-xs) var(--spacing-sm)}.payment-history-link-section{margin:0 var(--spacing-md) var(--spacing-md)}.btn-view-payment-history{padding:var(--spacing-md)}.history-icon{font-size:1.5rem}.history-text h3{font-size:1rem}.arrow-icon{font-size:1.25rem}}.filter-panel{animation:slideDown .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.filter-panel,.filter-row{margin-bottom:var(--spacing-md)}.filter-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-row:last-child{margin-bottom:0}.filter-group{flex-direction:column;gap:var(--spacing-xs)}.filter-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.filter-group input,.filter-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;padding:var(--spacing-sm);transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1118271a;outline:none}.filter-group .date-picker-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;padding:var(--spacing-sm);transition:all .2s ease;width:100%}.filter-group .date-picker-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1118271a;outline:none}.filter-group .react-datepicker-wrapper,.filter-group .react-datepicker__input-container{width:100%}.filter-actions{align-items:flex-end;display:flex;gap:var(--spacing-sm)}.filter-actions .btn{white-space:nowrap}.empty-state{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl)}.empty-state,.method-badge{background:var(--bg-secondary);color:var(--text-secondary)}.method-badge{border:1px solid var(--border-color);border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}@media (max-width:768px){.filter-row{grid-template-columns:1fr}.filter-actions{grid-column:1}}.overview-summary-section{margin:0 var(--spacing-lg) var(--spacing-lg)}.overview-summary-cards{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.overview-summary-card{align-items:flex-start;background:var(--color-background);border-left:3px solid var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:left;transition:box-shadow .2s ease,transform .2s ease;width:100%}.overview-summary-card:hover{box-shadow:0 8px 20px #0f172a14;transform:translateY(-2px)}.overview-summary-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.overview-card-icon{font-size:1.75rem;line-height:1}.overview-card-content{flex:1 1}.overview-card-title{color:var(--color-text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-xs)}.overview-card-amount{display:block;font-size:1.75rem;font-weight:700;line-height:1.2}.overview-card-description{color:var(--color-text-secondary);font-size:.85rem;margin:var(--spacing-xs) 0 0}.overview-yearly-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-lg)}.overview-section-header{align-items:baseline;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.overview-section-header h2{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.overview-section-year{color:var(--color-text-secondary);font-size:.9rem}.overview-yearly-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.overview-yearly-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);text-align:left}.overview-yearly-label{color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.overview-yearly-value{color:var(--color-text-primary);font-size:1.35rem;font-weight:600}.overview-yearly-empty{background:var(--color-background);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);margin:0;padding:var(--spacing-md);text-align:center}.overview-payment-trend-section{margin:0 var(--spacing-lg) var(--spacing-lg)}.overview-guidance{align-items:center;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:var(--spacing-xs);margin:0 var(--spacing-lg) calc(var(--spacing-lg)*1.25)}.overview-guidance:hover{text-decoration:underline}@media (max-width:768px){.overview-summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.overview-summary-card{padding:var(--spacing-md)}.overview-yearly-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.upcoming-payments-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-lg)}.upcoming-payments-section .section-header{margin-bottom:var(--spacing-md)}.upcoming-payments-section .section-header h2{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.upcoming-payments-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.upcoming-payment-item{align-items:center;background:var(--color-background);border-left:4px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all .2s ease}.upcoming-payment-item[role=button]{cursor:pointer}.upcoming-payment-item[role=button]:hover{background:var(--color-surface-hover);transform:translateX(4px)}.upcoming-payment-item.urgent{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left-color:var(--color-error)}.upcoming-payment-item.soon{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left-color:#f59e0b}.upcoming-payment-item .payment-date{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:50px;padding:var(--spacing-xs) var(--spacing-sm)}.upcoming-payment-item .payment-date .day{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;line-height:1}.upcoming-payment-item .payment-date .month{color:var(--color-text-secondary);font-size:.625rem;font-weight:600;text-transform:uppercase}.upcoming-payment-item .payment-info{flex:1 1}.upcoming-payment-item .payment-description{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin-bottom:2px}.upcoming-payment-item .payment-days{color:var(--color-text-secondary);font-size:.75rem}.upcoming-payment-item.urgent .payment-days{color:var(--color-error);font-weight:600}.upcoming-payment-item.soon .payment-days{color:#d97706;font-weight:600}.upcoming-payment-item .payment-amount{color:var(--color-text-primary);font-size:1rem;font-weight:700}.beitrag-plan-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:var(--spacing-lg);margin:var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-lg)}.beitrag-summary{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.beitrag-summary h3{color:var(--color-text-primary);font-size:.95rem;font-weight:600;margin:0 0 var(--spacing-md)}.beitrag-summary-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,minmax(0,1fr))}.summary-item{background:var(--color-surface);padding:var(--spacing-md)}.summary-label{color:var(--color-text-secondary);font-size:.7rem}.summary-value{display:block;font-size:.95rem;margin-top:var(--spacing-xs)}.status-text{font-weight:600}.status-text.status-overdue{color:#b91c1c}.status-text.status-upcoming{color:#b45309}.status-text.status-current{color:#047857}.beitrag-settings-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.accordion-toggle{align-items:center;background:var(--color-surface);border:none;cursor:pointer;display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md);width:100%}.accordion-toggle.open{border-bottom:1px solid var(--color-border)}.accordion-text{display:flex;flex-direction:column;gap:2px;text-align:left}.accordion-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.accordion-hint{font-size:.8rem}.accordion-hint,.accordion-icon{color:var(--color-text-secondary)}.accordion-icon{font-size:1.2rem}.beitrag-settings-body{background:var(--color-background);padding:var(--spacing-md)}.beitrag-settings-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-block h4{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin:0 0 var(--spacing-sm)}.settings-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr))}.readonly-field{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.field-label{color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.4px;text-transform:uppercase}.field-value{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.field-note{color:var(--color-text-secondary);font-size:.8rem;margin:var(--spacing-sm) 0 0}.plan-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.plan-form-group label{color:var(--color-text-secondary);font-size:.8rem;font-weight:600}.plan-form-group input,.plan-form-group select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9rem;padding:.5rem .75rem}.plan-form-group input:disabled,.plan-form-group select:disabled{cursor:not-allowed;opacity:.7}.radio-group{gap:var(--spacing-sm)}.radio-option{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:.9rem;gap:var(--spacing-xs);padding:.5rem .75rem}.radio-option input{accent-color:var(--color-primary)}.plan-error{color:var(--color-error);font-size:.75rem}.preview-card{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.preview-row{align-items:center;display:flex;font-size:.9rem;gap:var(--spacing-md);justify-content:space-between}.preview-label{color:var(--color-text-secondary)}.preview-value{color:var(--color-text-primary);font-weight:600}.beitrag-plan-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.beitrag-plan-message{border-radius:var(--radius-md);font-size:.85rem;margin-top:var(--spacing-sm);padding:.5rem .75rem}.beitrag-plan-message.success{background:#10b9811a;color:#065f46}.beitrag-plan-message.error{background:#dc26261a;color:#991b1b}.beitrag-status-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.beitrag-status-table{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}.beitrag-status-table table{border-collapse:collapse;min-width:520px;width:100%}.beitrag-status-table td,.beitrag-status-table th{border-bottom:1px solid var(--color-border);font-size:.9rem;padding:.75rem;text-align:left}.beitrag-status-table th{background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.4px;text-transform:uppercase}.beitrag-status-table tr:last-child td{border-bottom:none}.beitrag-status-empty{background:var(--color-background);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;padding:var(--spacing-md)}.section-note{color:var(--color-text-secondary);font-size:.8rem;margin:0}.beitrag-info-notes{border-top:1px dashed var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-md)}.beitrag-info-notes,.confirm-note{color:var(--color-text-secondary);font-size:.85rem}.confirm-note{background:var(--color-surface-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.modal-actions{flex-wrap:wrap;gap:var(--spacing-sm)}.skeleton{animation:skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,#94a3b826 25%,#94a3b859 50%,#94a3b826 75%);background-size:200% 100%;border-radius:var(--radius-md)}.skeleton-title{height:24px;width:45%}.skeleton-card{height:120px;margin-top:var(--spacing-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.veranstaltung-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-lg);padding:var(--spacing-lg)}.veranstaltung-section .veranstaltung-summary-line{color:var(--color-text-secondary);font-size:.875rem}.veranstaltungen-filter-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.veranstaltung-section .veranstaltung-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.veranstaltung-row{grid-gap:var(--spacing-md);align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) minmax(120px,auto) minmax(140px,auto);padding:var(--spacing-md);transition:background .2s ease}.veranstaltung-row:hover{background:var(--color-background)}.veranstaltung-content{min-width:0}.veranstaltung-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.veranstaltung-detail-row{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:var(--spacing-sm)}.veranstaltung-date-inline{align-items:center;display:inline-flex;gap:.35rem}.veranstaltung-date-inline svg{height:16px;width:16px}.veranstaltung-location-inline{color:var(--color-text-tertiary)}.veranstaltung-status-block{display:flex;justify-content:flex-start}.veranstaltung-status-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;padding:.15rem .9rem}.veranstaltung-finance-block{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.veranstaltung-amount{color:var(--color-text-primary);font-size:1rem;font-weight:600}.veranstaltung-payment-status{display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;margin-top:var(--spacing-xs)}.veranstaltung-payment-status.paid{color:var(--color-success)}.veranstaltung-payment-status.pending{color:var(--color-warning)}.veranstaltung-note{color:var(--color-text-secondary);font-size:.85rem;margin:0}.veranstaltung-empty-filter{background:var(--color-background);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;padding:var(--spacing-md)}.events-empty-state{margin:0;padding:var(--spacing-xl)}.events-empty-state .empty-icon,.events-empty-state p{color:var(--color-text-secondary)}@media (max-width:768px){.veranstaltung-row{grid-template-columns:minmax(0,1fr)}.veranstaltung-finance-block,.veranstaltung-status-block{justify-self:flex-start}.veranstaltung-finance-block{align-items:flex-start;text-align:left}}@media (max-width:992px){.finance-summary-cards,.finance-summary-cards.four-cards,.yearly-stats-grid{grid-template-columns:repeat(2,1fr)}.beitrag-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.preview-row,.radio-group{flex-direction:column}.preview-row{align-items:flex-start}.beitrag-status-table table{min-width:0}.finanz-tabs{padding:0 var(--spacing-md)}.tabs-container{justify-content:flex-start;padding-bottom:var(--spacing-sm)}.claim-row{align-items:flex-start;grid-template-columns:1fr}.claim-amount-block,.claim-right{align-items:flex-start;text-align:left}.claim-reference{justify-content:flex-start}.payment-info-grid{grid-template-columns:1fr}}@media (max-width:576px){.finance-summary-cards,.finance-summary-cards.four-cards,.yearly-stats-grid{grid-template-columns:1fr}.upcoming-payment-item{flex-wrap:wrap}.upcoming-payment-item .payment-amount{margin-top:var(--spacing-xs);text-align:right;width:100%}.beitrag-plan-section,.veranstaltung-section{margin:var(--spacing-md);padding:var(--spacing-md)}.beitrag-summary-grid,.settings-grid{grid-template-columns:1fr}.preview-row,.radio-group{flex-direction:column}.preview-row{align-items:flex-start}.beitrag-status-table table{min-width:0}.veranstaltung-item{flex-wrap:wrap}.veranstaltung-payment{align-items:center;border-top:1px solid var(--color-border);flex-direction:row;justify-content:space-between;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);width:100%}.mitglied-finanz .finanz-tabs .tab-button{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.mitglied-finanz .finanz-tabs .tab-label{display:none}.mitglied-finanz .finanz-tabs .tab-icon svg{height:20px;width:20px}.empty-state{margin:var(--spacing-md);padding:var(--spacing-lg)}.empty-state .empty-icon{font-size:2rem}.history-redirect-card{padding:var(--spacing-lg)}.history-redirect-card .redirect-icon svg{height:36px;width:36px}.claims-filter-bar,.claims-summary-line{margin:0 var(--spacing-md) var(--spacing-md)}}.payment-type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.payment-type-badge.mitglied{background-color:#e3f2fd;background-color:var(--color-primary-light,#e3f2fd);border:1px solid #0f172a;border:1px solid var(--color-primary,#0f172a);color:#0f172a;color:var(--color-primary,#0f172a)}.payment-type-badge.veranstaltung{background-color:#fff3e0;border:1px solid #e65100;color:#e65100}.created-date-section{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:12px 16px}.created-date-section label{color:#495057;font-size:.9rem;font-weight:600}.created-date-value{background:#007bff1a;border-radius:4px;color:#007bff;font-size:.9rem;font-weight:500;padding:4px 8px}.modified-date-section{align-items:center;background:linear-gradient(135deg,#fff4e6,#ffe8cc);border:1px solid #ffd4a3;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:12px 16px}.modified-date-section label{color:#856404;font-size:.9rem;font-weight:600}.modified-date-value{background:#ff98001a;border-radius:4px;color:#ff9800;font-size:.9rem;font-weight:500;padding:4px 8px}@media (max-width:768px){.created-date-section,.modified-date-section{align-items:flex-start;flex-direction:column;gap:8px}}.finanz-list{animation:fadeIn .3s ease-in-out;padding:0}.row-overdue{background-color:#ef44440d!important;border-left:3px solid var(--color-error)}.row-overdue:hover{background-color:#ef44441a!important}.overdue-indicator{animation:pulse 2s infinite;font-size:1rem;margin-left:var(--spacing-xs)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.badge-error{background-color:var(--color-error);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:600;padding:4px 12px}.header-content{align-items:center;display:flex;gap:var(--spacing-md)}.header-content h1{margin:0}.header-actions{align-items:center;gap:var(--spacing-sm)}.back-btn{background:var(--color-surface);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:var(--color-text-secondary);height:40px;justify-content:center;padding:0;width:40px}.back-btn:hover{box-shadow:0 2px 8px #11182726;transform:translateY(-1px)}.claims-toolbar{display:flex;flex-direction:column;gap:var(--spacing-md);margin:0 auto;max-width:var(--layout-max-width);padding:0 0 var(--spacing-lg);width:calc(100% - 48px)}.claims-toolbar-row{align-items:center;display:flex;gap:var(--spacing-md)}.claims-toolbar-back{min-height:44px}.claims-toolbar-main{align-items:center}.claims-toolbar-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md);margin-left:auto}.claims-toolbar .search-box{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:flex;flex:1 1;gap:12px;height:44px;max-width:none;min-width:360px;padding:0 14px;position:relative;transition:all .2s ease;width:100%}.claims-toolbar .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.claims-toolbar .search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.claims-toolbar .search-input{background:#0000;border:none;color:var(--color-text-primary);font-size:15px;outline:none}.claims-toolbar .search-input::placeholder{color:var(--color-text-tertiary)}.claims-toolbar .clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.claims-toolbar .clear-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.claims-toolbar .filter-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-size:15px;font-weight:500;max-width:350px;min-height:44px;min-width:250px;padding:12px 16px;transition:all .2s ease}.claims-toolbar .filter-select:hover{border-color:var(--color-text-tertiary)}.claims-toolbar .filter-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.claims-toolbar-filters{justify-content:flex-start;width:100%}.claims-filter-group{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--spacing-md)}.claims-toolbar .claims-filter-group{flex-direction:row}.claims-toolbar .claims-filter-group .filter-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-size:15px;font-weight:500;height:44px;max-width:320px;min-width:240px;padding:12px 16px;transition:all .2s ease;width:auto}.claims-toolbar .claims-filter-group .filter-select:hover{border-color:var(--color-text-tertiary)}.claims-toolbar .claims-filter-group .filter-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}@media (max-width:1200px){.claims-toolbar-row{flex-wrap:wrap}.claims-toolbar .search-box{min-width:240px}}@media (max-width:768px){.claims-toolbar{padding:0 0 var(--spacing-lg);width:calc(100% - 32px)}.claims-toolbar-row{align-items:stretch;flex-direction:column}.claims-toolbar-actions{margin-left:0;width:100%}.claims-toolbar-actions .btn{flex:1 1;justify-content:center}.claims-toolbar .search-box{min-width:0}.claims-toolbar-filters .filter-group{flex-direction:column}.finanz-list .list-table-container{width:calc(100% - 32px)}}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;min-height:120px;padding:var(--spacing-lg);text-align:center;transition:all .2s ease}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-success{border-color:#05966933}.stat-card-success:hover{border-color:var(--color-success)}.stat-card-warning{border-color:#d9770633}.stat-card-warning:hover{border-color:var(--color-warning)}.stat-label{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-value{font-size:var(--font-size-2xl);margin:0}.stat-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.filters-section,.list-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.search-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1 1;gap:var(--spacing-md);min-width:250px;padding:0 var(--spacing-md)}.search-box svg{color:var(--color-text-tertiary)}.search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-md);outline:none;padding:var(--spacing-md) 0}.search-input::placeholder{color:var(--color-text-tertiary)}.clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.clear-search-btn:hover{background:var(--color-background);color:var(--color-text-primary)}.filter-group{display:flex;gap:var(--spacing-md)}.filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-lg)}.filter-select:focus,.filter-select:hover{border-color:var(--color-primary)}.finanz-list .list-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 auto var(--spacing-lg);max-width:var(--layout-max-width);overflow:hidden;width:calc(100% - 48px)}.list-table{border-collapse:collapse;width:100%}.list-table thead{background:var(--color-background);border-bottom:1px solid var(--color-border)}.list-table th{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase}.list-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.list-table tbody tr:hover{background-color:var(--color-background)}.list-table td{color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-lg)}.cell-number{color:var(--color-primary);font-weight:600}.cell-amount{font-weight:600}.cell-amount,.cell-amount.positive{color:var(--color-success)}.cell-amount.negative{color:var(--color-error)}.cell-date,.cell-description{color:var(--color-text-secondary)}.cell-description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-actions{display:flex;gap:var(--spacing-sm)}.badge{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md)}.badge-info{color:#3b82f6}.action-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.action-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.empty-state{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-lg)}.empty-state p{font-size:var(--font-size-lg);margin:0}.list-summary{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-2xl);padding:var(--spacing-lg)}.list-summary p{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0}.list-summary strong{color:var(--color-primary);font-weight:600}@media (max-width:768px){.list-header{align-items:stretch;flex-direction:column}.list-header button{width:100%}.list-filters{flex-direction:column}.search-box{min-width:auto}.list-table{font-size:var(--font-size-sm)}.list-table td,.list-table th{padding:var(--spacing-sm) var(--spacing-md)}.cell-description{max-width:100px}.list-summary{flex-direction:column;gap:var(--spacing-md)}}@media (max-width:480px){.finanz-list{padding:var(--spacing-md) 0}.list-table-container{overflow-x:auto}.list-table{min-width:600px}.cell-actions{gap:var(--spacing-xs)}.action-btn{height:28px;width:28px}}[data-theme=dark] .list-table-container{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .list-table thead{background:var(--color-background)}[data-theme=dark] .search-box{border-color:var(--color-border)}[data-theme=dark] .filter-select{background:var(--color-surface);border-color:var(--color-border)}.modal-overlay{animation:fadeIn .2s ease}.payment-detail-modal{animation:slideUp .3s ease;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:500px;overflow-y:auto;width:90%}.payment-detail-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.payment-detail-modal .modal-header h2{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0}.payment-detail-modal .close-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:all .2s ease}.payment-detail-modal .close-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.payment-detail-modal .modal-body{padding:var(--spacing-lg)}.payment-detail-modal .detail-row.highlight{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.payment-detail-modal .payment-type-badge.large{font-size:.95rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg)}.payment-detail-modal .payment-type-badge.large.mitglied{background-color:#e3f2fd;border:1px solid #0f172a;color:#000}.payment-detail-modal .payment-type-badge.large.veranstaltung{background-color:#fff3e0;border:1px solid #e65100;color:#000}.payment-detail-modal .detail-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.payment-detail-modal .detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.payment-detail-modal .detail-item label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.payment-detail-modal .detail-item span{color:var(--color-text);font-size:1rem;font-weight:500}.payment-detail-modal .amount-highlight{color:var(--color-success)!important;font-size:1.1rem!important;font-weight:600!important}.payment-detail-modal .status-badge{border-radius:var(--radius-full);display:inline-flex;font-size:.85rem;font-weight:500;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.payment-detail-modal .status-active{background:#22c55e1a;color:var(--color-success)}.payment-detail-modal .detail-section{background:var(--color-surface-hover);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.payment-detail-modal .detail-section label{color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.payment-detail-modal .detail-section p{color:var(--color-text);font-size:.95rem;margin:0}.payment-detail-modal .detail-timestamps{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.payment-detail-modal .timestamp-item{display:flex;flex-direction:column;gap:2px}.payment-detail-modal .timestamp-item label{color:var(--color-text-secondary);font-size:.75rem}.payment-detail-modal .timestamp-item span{color:var(--color-text-secondary);font-size:.85rem}.payment-detail-modal .modal-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.clickable-row{transition:background-color .2s ease}.clickable-row:hover{background-color:var(--color-surface-hover)!important}.clickable-row:hover td{color:var(--color-primary)}.mitglied-finanz-dashboard{--summary-card-bg:#fffdf7;--summary-card-border:#e6e2d9;--summary-text-strong:#1f2937;--summary-text-muted:#6b7280;--summary-accent-debt:#b45309;--summary-accent-overdue:#b91c1c;--summary-accent-paid:#15803d;--summary-accent-credit:#0f172a;--payment-trend-actual:#16a34a;--payment-trend-planned:#9ca3af;margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 var(--spacing-lg) var(--spacing-2xl);position:relative}.mitglied-finanz-dashboard:before{background:radial-gradient(circle at 8% 20%,#2563eb14,#0000 55%),radial-gradient(circle at 92% 10%,#10b98114,#0000 60%);content:"";height:240px;left:0;pointer-events:none;position:absolute;right:0;top:-120px}.dashboard-content,.mitglied-finanz-dashboard .page-header{position:relative;z-index:1}.dashboard-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.summary-cards-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,minmax(0,1fr))}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.summary-card{grid-gap:var(--spacing-md);animation:riseIn .5s ease forwards;background:var(--summary-card-bg);border:1px solid var(--summary-card-border);border-left:4px solid var(--summary-accent);border-radius:var(--radius-lg);color:inherit;display:grid;font:inherit;gap:var(--spacing-md);grid-template-columns:auto 1fr;padding:var(--spacing-md);text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.summary-card:focus-visible{outline:3px solid #2563eb40;outline-offset:2px}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-card:first-child{animation-delay:.05s}.summary-card:nth-child(2){animation-delay:.1s}.summary-card:nth-child(3){animation-delay:.15s}.summary-card:nth-child(4){animation-delay:.2s}.summary-card--debt{--summary-accent:var(--summary-accent-debt)}.summary-card--overdue{--summary-accent:var(--summary-accent-overdue)}.summary-card--paid{--summary-accent:var(--summary-accent-paid)}.summary-card--credit{--summary-accent:var(--summary-accent-credit)}.summary-card-icon{align-items:center;background:#f4f3ef;border-radius:var(--radius-md);color:var(--summary-accent);display:inline-flex;height:40px;justify-content:center;width:40px}.summary-card-body{display:flex;flex-direction:column;gap:6px}.summary-card-title{color:var(--summary-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.summary-card-value{color:var(--summary-text-strong);font-size:1.4rem;font-weight:700}.summary-card-note{color:var(--summary-text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yearly-summary-section .section-header h2{color:var(--summary-text-strong);font-size:1rem;margin:0 0 var(--spacing-md)}.yearly-summary-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,minmax(0,1fr))}.yearly-summary-item{background:#f7f6f2;border:1px solid var(--summary-card-border);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:left}.yearly-summary-value{color:var(--summary-text-strong);font-size:1.1rem;font-weight:700}.yearly-summary-label{color:var(--summary-text-muted);font-size:.75rem;margin-top:4px}.yearly-summary-empty{background:#fbfaf6;border:1px dashed var(--summary-card-border);border-radius:var(--radius-md);color:var(--summary-text-muted);padding:var(--spacing-md)}.chart-section .payment-trend-chart{margin:0}.chart-section{background:#0000;border:none;box-shadow:none;padding:0}.dashboard-footer{display:flex;justify-content:flex-start;padding:0 var(--spacing-sm)}.dashboard-link{color:var(--summary-text-muted);font-size:.9rem;transition:color .2s ease}.dashboard-link:hover{color:var(--summary-text-strong)}@media (max-width:1024px){.summary-cards-grid,.yearly-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.summary-card,.summary-cards-grid,.yearly-summary-grid{grid-template-columns:1fr}.summary-card-icon{height:36px;width:36px}}.FinanzFormModal_form__s\+hfY{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.FinanzFormModal_formGrid__GNRCS{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(2,1fr)}.FinanzFormModal_formGroup__jdYnb{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.FinanzFormModal_formGroup__jdYnb.FinanzFormModal_fullWidth__9tAdY{grid-column:1/-1}.FinanzFormModal_formGroup__jdYnb label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.FinanzFormModal_formGroup__jdYnb label .FinanzFormModal_required__blpGK{color:#dc2626;color:var(--color-error,#dc2626);margin-left:2px}.FinanzFormModal_formGroup__jdYnb input,.FinanzFormModal_formGroup__jdYnb select,.FinanzFormModal_formGroup__jdYnb textarea{background-color:#fff;background-color:var(--color-bg-input,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#1f2937;color:var(--color-text-primary,#1f2937);font-family:inherit;font-size:14px;font-size:var(--font-size-sm,14px);padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);transition:all .2s ease}.FinanzFormModal_formGroup__jdYnb input:focus,.FinanzFormModal_formGroup__jdYnb select:focus,.FinanzFormModal_formGroup__jdYnb textarea:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.FinanzFormModal_formGroup__jdYnb input:disabled,.FinanzFormModal_formGroup__jdYnb select:disabled,.FinanzFormModal_formGroup__jdYnb textarea:disabled{background-color:#f3f4f6;background-color:var(--color-bg-disabled,#f3f4f6);color:#9ca3af;color:var(--color-text-disabled,#9ca3af);cursor:not-allowed}.FinanzFormModal_formGroup__jdYnb input.FinanzFormModal_error__qbLDG,.FinanzFormModal_formGroup__jdYnb select.FinanzFormModal_error__qbLDG,.FinanzFormModal_formGroup__jdYnb textarea.FinanzFormModal_error__qbLDG{border-color:#dc2626;border-color:var(--color-error,#dc2626)}.FinanzFormModal_formGroup__jdYnb input.FinanzFormModal_error__qbLDG:focus,.FinanzFormModal_formGroup__jdYnb select.FinanzFormModal_error__qbLDG:focus,.FinanzFormModal_formGroup__jdYnb textarea.FinanzFormModal_error__qbLDG:focus{box-shadow:0 0 0 3px #dc26261a}.FinanzFormModal_datePickerInput__nig8x{cursor:pointer;width:100%}.react-datepicker__day--today{font-weight:600}.react-datepicker__navigation{top:16px}.react-datepicker__navigation-icon:before{border-color:#fff}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background-color:#fff;border:1px solid #0000001a;border-radius:8px}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background-color:#667eea1a}.FinanzFormModal_errorMessage__ot7xM{color:#dc2626;color:var(--color-error,#dc2626);font-size:12px;font-size:var(--font-size-xs,12px);margin-top:2px}.FinanzFormModal_successMessage__Hv6Zf{color:#16a34a;color:var(--color-success,#16a34a);font-size:12px;font-size:var(--font-size-xs,12px);font-weight:500;margin-top:2px}.FinanzFormModal_infoMessage__h\+Qkp{color:#0284c7;color:var(--color-info,#0284c7);font-size:12px;font-size:var(--font-size-xs,12px);margin-top:2px}.FinanzFormModal_formGroup__jdYnb input.FinanzFormModal_success__rBv\+0{border-color:#16a34a;border-color:var(--color-success,#16a34a)}.FinanzFormModal_formGroup__jdYnb input.FinanzFormModal_success__rBv\+0:focus{box-shadow:0 0 0 3px #16a34a1a}.FinanzFormModal_footer__4bUd5{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}.FinanzFormModal_btnPrimary__rOUST,.FinanzFormModal_btnSecondary__0yYwj{border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);cursor:pointer;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;padding:8px 24px;padding:var(--spacing-sm,8px) var(--spacing-lg,24px);transition:all .2s ease}.FinanzFormModal_btnPrimary__rOUST{background-color:#111827;background-color:var(--color-primary,#111827);color:#fff}.FinanzFormModal_btnPrimary__rOUST:hover:not(:disabled){background-color:#0f172a;background-color:var(--color-primary-dark,#0f172a);box-shadow:0 4px 12px #1118274d;transform:translateY(-1px)}.FinanzFormModal_btnPrimary__rOUST:disabled{background-color:#f3f4f6;background-color:var(--color-bg-disabled,#f3f4f6);color:#9ca3af;color:var(--color-text-disabled,#9ca3af);cursor:not-allowed}.FinanzFormModal_btnSecondary__0yYwj{background-color:#f3f4f6;background-color:var(--color-bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937)}.FinanzFormModal_btnSecondary__0yYwj:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);transform:translateY(-1px)}.FinanzFormModal_btnSecondary__0yYwj:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.FinanzFormModal_formGrid__GNRCS{gap:16px;gap:var(--spacing-md,16px);grid-template-columns:1fr}.FinanzFormModal_footer__4bUd5{flex-direction:column-reverse}.FinanzFormModal_btnPrimary__rOUST,.FinanzFormModal_btnSecondary__0yYwj{width:100%}}[data-theme=dark] .FinanzFormModal_formGroup__jdYnb input,[data-theme=dark] .FinanzFormModal_formGroup__jdYnb select,[data-theme=dark] .FinanzFormModal_formGroup__jdYnb textarea{background-color:#1f2937;background-color:var(--color-bg-input-dark,#1f2937);border-color:#374151;border-color:var(--color-border-dark,#374151);color:#f3f4f6;color:var(--color-text-primary-dark,#f3f4f6)}[data-theme=dark] .FinanzFormModal_formGroup__jdYnb input:focus,[data-theme=dark] .FinanzFormModal_formGroup__jdYnb select:focus,[data-theme=dark] .FinanzFormModal_formGroup__jdYnb textarea:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #11182733}[data-theme=dark] .FinanzFormModal_formGroup__jdYnb input:disabled,[data-theme=dark] .FinanzFormModal_formGroup__jdYnb select:disabled,[data-theme=dark] .FinanzFormModal_formGroup__jdYnb textarea:disabled{background-color:#111827;background-color:var(--color-bg-disabled-dark,#111827);color:#6b7280;color:var(--color-text-disabled-dark,#6b7280)}[data-theme=dark] .FinanzFormModal_btnSecondary__0yYwj{background-color:#374151;background-color:var(--color-bg-secondary-dark,#374151);border-color:#4b5563;border-color:var(--color-border-dark,#4b5563);color:#f3f4f6;color:var(--color-text-primary-dark,#f3f4f6)}[data-theme=dark] .FinanzFormModal_btnSecondary__0yYwj:hover:not(:disabled){background-color:#4b5563;background-color:var(--color-bg-tertiary-dark,#4b5563)}.finanz-detail{animation:fadeIn .3s ease-in-out;margin:0 auto;max-width:var(--layout-max-width);padding:var(--spacing-lg) 0;transition:all .6s ease-out}.finanz-detail.loading{opacity:0;transform:translateY(20px)}.finanz-detail.loaded{opacity:1;transform:translateY(0)}.finanz-status{display:inline-block;margin-top:8px}.finanz-detail .finanz-detail-header{display:flex;justify-content:center;margin:0 auto;max-width:var(--layout-detail-max-width);padding:32px 24px 24px}.finanz-detail-header .finanz-status{margin-top:0}.finanz-detail .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:6px;letter-spacing:.4px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.finanz-detail .status-badge.status-paid{background:#0596691f;color:var(--color-success)}.finanz-detail .status-badge.status-open{background:#d977061f;color:var(--color-warning)}.finanz-detail .status-badge.status-partial{background:#1118271f;color:#111827}.finanz-detail .status-badge.status-overdue{background:#dc26261f;color:var(--color-error)}.page-header{margin:0 auto var(--spacing-lg);max-width:var(--layout-max-width);padding:32px 24px 24px;text-align:center}.finanz-detail .actions-bar{gap:var(--spacing-sm);padding:0 24px 24px}.finanz-detail .actions-bar .btn{flex:0 0 auto;font-size:14px;min-height:40px;padding:8px 12px}.finanz-detail .detail-delete-btn,.finanz-detail .detail-edit-btn{flex:0 0 auto;max-width:220px;min-width:0;padding:10px 16px;white-space:nowrap;width:auto}.finanz-detail .detail-tabs{border-bottom:2px solid var(--color-border);box-sizing:border-box;display:flex;gap:var(--spacing-sm);justify-content:flex-start;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:var(--layout-detail-max-width);padding:0 24px}.finanz-detail .detail-tabs .tab-button{background:none;background:#0000;border:none;border-bottom:3px solid #0000;border-radius:0;bottom:-2px;box-shadow:none;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-md);font-weight:600;letter-spacing:normal;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-transform:none;transition:all .2s ease}.finanz-detail .detail-tabs .tab-button:hover{background-color:var(--color-surface-secondary);box-shadow:none;color:var(--color-text-primary)}.finanz-detail .detail-tabs .tab-button.active{background:#0000;border-bottom-color:var(--color-primary);border-radius:0;box-shadow:none;color:var(--color-primary)}.page-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between}.page-title-section{flex:1 1;min-width:200px}.page-title{color:var(--color-text-primary);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.page-subtitle{color:var(--color-text-secondary);font-size:15px;font-weight:400;line-height:1.6;margin:0}.payment-status-section{align-items:center;display:flex}.payment-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.payment-status-badge.status-completed{background:#10b9811a;border:1px solid #10b98133;color:var(--color-success)}.payment-status-badge.status-partial{background:#1118271a;border:1px solid #11182733;color:#111827}.payment-status-badge.status-pending{background:#9ca3af1a;border:1px solid #9ca3af33;color:#6b7280}.finanz-detail .actions-bar{align-items:center;box-sizing:border-box;display:flex;gap:var(--spacing-md);justify-content:flex-start;margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 8px;width:100%}.actions-spacer{flex:1 1}.detail-header{flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.finanz-detail .btn-icon{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.finanz-detail .btn-icon:hover{border-color:#111827;box-shadow:0 2px 8px #11182726;color:#111827;transform:translateY(-1px)}.finanz-detail .btn-icon:active{transform:translateY(-1px) scale(.98)}.back-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;white-space:nowrap}.back-btn:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.header-content{flex:1 1;min-width:200px}.header-content h1{color:var(--color-text-primary);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.detail-subtitle{color:var(--color-text-secondary);font-size:15px;font-weight:400;line-height:1.6;margin:0}.header-actions{gap:var(--spacing-md)}.header-actions .btn{align-items:center;display:flex;gap:var(--spacing-sm);white-space:nowrap}.btn-error{background-color:var(--color-error);color:var(--color-text-on-primary)}.btn-error:hover{background-color:#b91c1c;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-error:disabled{cursor:not-allowed;opacity:.5;transform:none}.summary-cards-container{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto var(--spacing-lg);max-width:var(--layout-detail-max-width);padding:0 24px}.summary-card{align-items:flex-start;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;gap:var(--spacing-sm);padding:12px 14px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.summary-card:before{content:none}.summary-card.hovered,.summary-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #1118271a}.summary-card.animating{animation:none}@keyframes cardPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.summary-card.allocated:before,.summary-card.payment-total:before,.summary-card.unallocated:before{content:none}.summary-icon{display:none}.summary-content{flex:1 1;min-width:0}.summary-label{color:var(--color-text-tertiary);font-size:11px;font-weight:700;letter-spacing:.4px;margin-bottom:4px}.summary-value{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.2}.summary-percentage{color:var(--color-text-secondary);font-size:12px;font-weight:500;margin-top:4px}.copy-feedback{animation:fadeInOut 2s ease-in-out;background:var(--color-success);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:10}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.detail-content{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 24px}.detail-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.detail-section h2{border-bottom:none;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-lg) 0;padding-bottom:0}.detail-section .section-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:0}.detail-section .section-header h2{border:none;font-size:var(--font-size-xl);font-weight:700;margin:0;padding:0}.finanz-detail .section-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.detail-grid,.info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-grid-compact{grid-gap:16px;grid-row-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);row-gap:16px}.info-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-item.full-width{grid-column:1/-1}.detail-item{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px}.detail-item.full-width{grid-column:1/-1}.detail-item.full-width .detail-value{line-height:1.4}.detail-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #1118271a}.detail-item label,.info-item label{color:var(--color-text-tertiary);font-size:11px;font-weight:700;letter-spacing:.4px;margin-bottom:0;text-transform:uppercase}.info-item p{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);padding:var(--spacing-md)}.detail-value,.info-item p{color:var(--color-text-primary);margin:0}.detail-value{background:#0000;border:none;border-radius:0;font-size:14px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;padding:0;word-break:break-word}.detail-value.amount{color:var(--color-success);font-weight:600}.detail-value:hover{border-color:#0000;box-shadow:none}.section-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:0}.payment-method-indicator{display:none}.payment-method-indicator:hover{opacity:1;transform:none}.detail-item.member-info{position:relative}.detail-value.member-number{color:var(--color-primary);font-family:monospace;font-weight:600}.detail-value.member-name{font-weight:500}.detail-item.payment-reference .detail-value.reference-number{font-family:monospace;font-weight:600;letter-spacing:.5px}.detail-item.payment-amount .detail-value.amount-highlight{align-items:center;display:flex;font-size:14px;font-weight:600;gap:var(--spacing-xs)}.detail-item.payment-amount .currency-symbol{color:var(--color-text-secondary);font-size:14px}.detail-item.payment-amount .amount-figures{color:var(--color-text-primary)}.detail-item.payment-type .detail-value.type-badge{align-items:center;background:#0000;border:none;border-radius:0;display:inline-flex;font-weight:500;height:auto;min-height:0;min-width:0;overflow-wrap:normal;padding:0;white-space:normal;width:auto;word-break:normal}.detail-item.payment-date .detail-value.date-highlight{align-items:baseline;display:flex;gap:6px}.detail-item.payment-date .date-day{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1}.detail-item.payment-date .date-month-year{display:flex;flex-direction:row;gap:6px}.detail-item.payment-date .date-month{color:var(--color-text-secondary);font-size:14px;font-weight:500;text-transform:none}.detail-item.payment-date .date-year{color:var(--color-text-tertiary);font-size:14px}.detail-item.payment-method .detail-value.method-badge{align-items:center;background:#0000;border:none;border-radius:0;display:flex;gap:6px;padding:0;transition:none}.detail-item.payment-method .detail-value.method-badge:hover{background:#0000;border-color:#0000}.detail-item.payment-method .method-icon{font-size:1rem}.detail-item.payment-method .method-text{font-weight:500}.detail-item.payment-description .detail-value.description-box{line-height:1.5;min-height:0;white-space:pre-wrap;word-break:break-word}.detail-item.payment-currency .detail-value.currency-badge{background:#0000;border-radius:0;color:var(--color-text-primary);font-size:14px;font-weight:500;letter-spacing:0;padding:0;text-transform:none}.info-item .amount{font-weight:600}.info-item .amount,.info-item .amount.positive{color:var(--color-success)}.info-item .amount.negative{color:var(--color-error)}.info-item .badge{display:inline-block;width:-webkit-fit-content;width:fit-content}.link-primary{color:var(--color-primary);font-weight:500;text-decoration:none;transition:all .2s ease}.link-primary:hover{color:var(--color-primary-dark);text-decoration:underline}.alert{align-items:flex-start;border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.alert p{line-height:1.5;margin:0}.alert-info{background:#e3f2fd;background:var(--color-info-light,#e3f2fd);border:1px solid #111827;border:1px solid var(--color-info,#111827);color:#0d47a1;color:var(--color-info-dark,#0d47a1)}.alert-warning{background:#fff3e0;background:var(--color-warning-light,#fff3e0);border:1px solid #ff9800;border:1px solid var(--color-warning,#ff9800);color:#e65100;color:var(--color-warning-dark,#e65100)}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-md)}.data-table{background:var(--color-surface)}.data-table thead{background:var(--color-background-secondary)}.data-table th{border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:var(--spacing-md)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-background-secondary)}.modal-content{max-width:400px}.modal-content h2{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-md) 0}.modal-content p{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0 0 var(--spacing-lg) 0}.modal-actions .btn{flex:1 1}@media (max-width:768px){.finanz-detail{padding:var(--spacing-md) 0}.page-header{padding:0 var(--spacing-md)}.page-header-content{flex-direction:column;gap:var(--spacing-md)}.page-title{font-size:24px}.page-subtitle{font-size:14px}.payment-status-badge{font-size:12px;padding:6px 12px}.finanz-detail .actions-bar{flex-wrap:wrap;padding:0 var(--spacing-md) var(--spacing-md)}.actions-spacer{display:none}.finanz-detail .detail-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.finanz-detail .detail-tabs .tab-button{white-space:nowrap}.summary-cards-container{gap:var(--spacing-md);grid-template-columns:1fr;padding:0 var(--spacing-md)}.summary-card{padding:var(--spacing-md)}.summary-icon{font-size:1.5rem;height:40px;width:40px}.summary-value{font-size:1.25rem}.detail-content{padding:0 var(--spacing-md)}.detail-header{flex-direction:column}.header-actions{width:100%}.header-actions .btn{flex:1 1;justify-content:center}.info-grid{grid-template-columns:1fr}.detail-section{padding:var(--spacing-md)}.detail-section h2{font-size:var(--font-size-md)}}@media (max-width:480px){.page-header{padding:0 var(--spacing-sm)}.page-title{font-size:22px}.finanz-detail .actions-bar{padding:0 var(--spacing-sm) var(--spacing-sm)}.detail-content,.summary-cards-container{padding:0 var(--spacing-sm)}.detail-header{gap:var(--spacing-md)}.header-content h1{font-size:var(--font-size-xl)}.modal-content{padding:var(--spacing-lg)}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.detail-grid-compact{gap:var(--spacing-sm);grid-template-columns:1fr}.payment-progress-section{padding:var(--spacing-md)}}[data-theme=dark] .finanz-detail .detail-section{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .finanz-detail .detail-section h2{border-bottom-color:var(--color-border)}[data-theme=dark] .finanz-detail .detail-value,[data-theme=dark] .finanz-detail .info-item p{background:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .finanz-detail .modal-content{background:var(--color-surface)}[data-theme=dark] .finanz-detail .back-btn{border-color:var(--color-border)}[data-theme=dark] .finanz-detail .back-btn:hover{background:var(--color-background)}.payment-summary{grid-gap:16px;background:#0000;border-radius:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--spacing-lg);padding:0}.summary-item{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;padding:12px 14px}.summary-item label{color:var(--color-text-tertiary);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.amount-total{color:var(--color-text-primary);font-size:14px}.amount-paid{color:var(--color-success);font-size:14px}.amount-remaining{color:var(--color-warning);font-size:14px}.amount-zero{color:var(--color-text-tertiary);font-size:14px}.payment-history-table{overflow-x:auto}.payment-history-table table{border-collapse:collapse;width:100%}.payment-history-table thead{background:var(--color-background)}.payment-history-table th{border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-md);text-align:left}.payment-history-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--spacing-md)}.payment-history-table tbody tr:hover{background:var(--color-background)}.badge{border-radius:var(--radius-full);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 10px;text-align:center;text-transform:uppercase}.badge-success{background:#0596691a;color:var(--color-success)}.badge-warning{background:#d977061a;color:var(--color-warning)}.badge-info{background:#1118271a;color:#111827}.badge-error{background:#dc26261a;color:var(--color-error)}.date-picker-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--spacing-md);transition:all .2s ease;width:100%}.date-picker-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1118271a;outline:none}.date-picker-input::placeholder{color:var(--color-text-secondary);opacity:.6}.react-datepicker{border:none;border-radius:16px;box-shadow:0 10px 40px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.react-datepicker__header{background-color:#667eea;border-bottom:none;border-radius:16px 16px 0 0;padding-top:16px}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff;font-weight:600}.react-datepicker__day{border-radius:8px;color:#1d1d1f;transition:all .2s ease}.react-datepicker__day:hover{background-color:#667eea1a;color:#667eea}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#667eea;color:#fff;font-weight:600}.react-datepicker__day--today{color:#667eea;font-weight:700}.react-datepicker__month-select,.react-datepicker__year-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1d1d1f;font-weight:600;padding:4px 8px}@media (max-width:768px){.header-content h1{font-size:24px}.detail-subtitle{font-size:14px}.detail-section h2{font-size:18px}.detail-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:stretch;width:100%}.header-actions .btn{flex:1 1}}@media (max-width:480px){.finanz-detail{padding:var(--spacing-md) 0}.header-content h1{font-size:22px}.detail-section h2{font-size:16px}.detail-grid,.detail-grid-compact,.info-grid{grid-template-columns:1fr}}.payment-progress-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;margin:0 auto var(--spacing-lg);max-width:var(--layout-detail-max-width);padding:24px}.payment-progress-container{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.progress-label{color:var(--color-text-tertiary);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.progress-percentage{color:var(--color-text-secondary);font-size:11px;font-weight:700}.progress-bar-wrapper{background:var(--color-border);border-radius:6px;height:10px;margin-bottom:var(--spacing-md);overflow:hidden}.progress-bar-fill{border-radius:6px;height:100%;transition:width .5s ease}.progress-bar-fill.complete{background:linear-gradient(90deg,#10b981,#059669)}.progress-bar-fill.partial{background:linear-gradient(90deg,#111827,#0f172a)}.progress-bar-fill.empty{background:var(--color-border)}.progress-amounts{display:flex;gap:var(--spacing-md);justify-content:space-between}.progress-paid,.progress-remaining{display:flex;flex-direction:column;gap:2px}.progress-paid{text-align:left}.progress-remaining{text-align:right}.amount-label{color:var(--color-text-tertiary);font-size:11px;letter-spacing:.4px;text-transform:uppercase}.amount-value{font-size:14px;font-weight:600}.amount-value.success{color:var(--color-success)}.amount-value.warning{color:#d97706}.payment-timeline{margin-top:var(--spacing-lg)}.payment-timeline h3{color:var(--color-text-primary);font-size:.8125rem;font-weight:600;margin:0 0 12px}.timeline-container{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;gap:12px;position:relative}.timeline-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:20px}.marker-dot{border-radius:50%;height:10px;width:10px;z-index:1}.marker-dot.completed{background:var(--color-success);box-shadow:0 0 0 3px #10b98133}.marker-dot.pending{background:var(--color-border);border:2px dashed var(--color-text-secondary);box-shadow:0 0 0 3px #9ca3af33}.marker-line{background:var(--color-success);flex:1 1;margin:3px 0;min-height:24px;width:2px}.timeline-content{flex:1 1;padding-bottom:0}.timeline-date{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;margin-bottom:2px}.timeline-details{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.timeline-amount{color:var(--color-success);font-size:.95rem;font-weight:700}.timeline-amount.pending,.timeline-id{color:var(--color-text-secondary)}.timeline-id{font-family:monospace;font-size:.75rem}.timeline-status{background:#10b9811a;border-radius:999px;color:var(--color-success);font-size:.7rem;font-weight:500;padding:2px 8px}.timeline-status.pending{background:#9ca3af1a;color:var(--color-text-secondary)}.timeline-item.pending .timeline-date{color:var(--color-text-secondary);font-style:italic}.no-payments-message{background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center}.no-payments-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.no-payments-message p{color:var(--color-text-secondary);margin:0}.no-payments-message p:first-of-type{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.no-payments-hint{font-size:.875rem}@media (max-width:576px){.progress-amounts{flex-direction:column;gap:var(--spacing-sm)}.progress-paid,.progress-remaining{align-items:center;flex-direction:row;justify-content:space-between;text-align:left}.timeline-details{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}@media print{.finanz-detail{max-width:none;padding:0}.finanz-detail .actions-bar,.payment-progress-section,.summary-cards-container{display:none}.detail-content{display:block!important}.detail-section{border:1px solid #ccc;break-inside:avoid;margin-bottom:1rem;padding:1rem;page-break-inside:avoid}.detail-section h2{border-bottom:1px solid #ccc;color:#333;font-size:14pt;margin-bottom:1rem;padding-bottom:.5rem}.detail-item{margin-bottom:.5rem;page-break-inside:avoid}.detail-item label{color:#666;font-size:10pt;font-weight:700}.detail-value{background:#f9f9f9;border:1px solid #ddd;font-size:10pt;padding:.25rem .5rem}.data-table{border-collapse:collapse;font-size:9pt;width:100%}.data-table td,.data-table th{border:1px solid #ccc;padding:.5rem;text-align:left}.data-table th{background:#f0f0f0;font-weight:700}.payment-timeline{display:none}.alert{background:#f9f9f9;border:1px solid #ccc;margin:.5rem 0;padding:.5rem}.link-primary{color:#000;text-decoration:underline}}.btn-export{overflow:hidden;position:relative}.btn-export:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.btn-export:active:after{height:20px;width:20px}.bank-upload-container{margin:0 auto;max-width:900px;padding:2rem}.btn-icon{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:flex;height:40px;padding:0;transition:all .2s ease;width:40px}.btn-icon:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateX(-2px)}.btn-icon:active{transform:translateX(-2px) scale(.95)}.bank-upload-container .page-header h1{color:var(--color-text-primary);font-size:2rem;font-weight:600;margin-bottom:.5rem}.upload-section{margin-bottom:2rem}.form-label{font-weight:500;margin-bottom:.5rem}.form-select{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem;padding:.75rem;transition:all .2s;width:100%}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1118271a;outline:none}.upload-dropzone{background-color:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:12px;cursor:pointer;margin-bottom:1.5rem;padding:3rem 2rem;text-align:center;transition:all .3s}.upload-dropzone:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.upload-dropzone.dragging{background-color:#1118270d;border-color:var(--color-primary);transform:scale(1.02)}.upload-dropzone.has-file{background-color:#22c55e0d;border-color:var(--color-success)}.upload-prompt svg{color:var(--color-text-tertiary);margin-bottom:1rem}.upload-text{color:var(--color-text-primary);font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.upload-subtext{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:.5rem}.upload-formats{color:var(--color-text-tertiary);font-size:.85rem}.file-selected{align-items:center;display:flex;flex-direction:column;gap:.5rem}.file-selected svg{color:var(--color-success)}.file-name{color:var(--color-text-primary);font-size:1rem;font-weight:500}.file-size{color:var(--color-text-secondary);font-size:.9rem}.upload-actions{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:2rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 4px 12px #1118274d;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-primary)}.upload-result{border-radius:12px;margin-top:2rem;padding:1.5rem}.upload-result.success{background-color:#22c55e1a;border:1px solid var(--color-success)}.upload-result.error{background-color:#ef44441a;border:1px solid var(--color-error)}.result-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.result-header svg{flex-shrink:0}.upload-result.success .result-header svg{color:var(--color-success)}.upload-result.error .result-header svg{color:var(--color-error)}.result-header h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0}.result-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.stat{align-items:center;background-color:var(--color-bg-primary);border-radius:8px;display:flex;flex-direction:column;padding:1rem}.stat.success{border-left:4px solid var(--color-success)}.stat.error{border-left:4px solid var(--color-error)}.stat.warning{border-left:4px solid var(--color-warning)}.stat-label{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:.25rem}.stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.result-details{margin-top:1.5rem}.result-details h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.details-table{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.detail-row{grid-gap:1rem;align-items:center;background-color:var(--color-bg-primary);border-radius:6px;display:grid;font-size:.9rem;gap:1rem;grid-template-columns:auto auto 1fr 2fr;padding:.75rem}.detail-row.success{border-left:3px solid var(--color-success)}.detail-row.failed{border-left:3px solid var(--color-error)}.detail-row.skipped{border-left:3px solid var(--color-warning)}.detail-icon svg{height:16px;width:16px}.detail-row.success .detail-icon svg{color:var(--color-success)}.detail-row.failed .detail-icon svg{color:var(--color-error)}.detail-row.skipped .detail-icon svg{color:var(--color-warning)}.detail-row-number{color:var(--color-text-secondary);font-weight:600}.detail-info{color:var(--color-text-primary)}.detail-message{color:var(--color-text-secondary);font-size:.85rem}@media (max-width:768px){.bank-upload-container{padding:1rem}.result-stats{grid-template-columns:1fr}.upload-actions{flex-direction:column}.detail-row{gap:.5rem;grid-template-columns:1fr}.detail-icon,.detail-row-number{display:inline}}.modal-overlay{background-color:#00000080}.modal-content{animation:slideUp .3s ease-out;background-color:var(--color-bg-primary);border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px}.modal-header{padding:1.5rem}.modal-header h2{color:var(--color-text-primary);font-size:1.5rem}.modal-close{align-items:center;border-radius:4px;color:var(--color-text-secondary);display:flex;font-size:2rem;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-body{padding:1.5rem}.modal-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.unmatched-list{display:flex;flex-direction:column;gap:.75rem}.unmatched-item{background-color:var(--color-bg-secondary);border-left:3px solid var(--color-warning);border-radius:8px;padding:1rem}.unmatched-info{display:flex;flex-direction:column;gap:.25rem}.unmatched-info strong{color:var(--color-text-primary);font-size:1rem}.unmatched-info span{color:var(--color-text-secondary);font-size:.9rem}.text-muted{color:var(--color-text-tertiary)!important;font-size:.85rem!important}.modal-footer{border-top:1px solid var(--color-border);gap:1rem;padding:1.5rem}.manual-matching-container{margin:0 auto;max-width:var(--layout-detail-max-width);padding:2rem}.manual-matching-container .page-header h1{color:var(--color-text-primary);font-size:2rem;font-weight:600;margin-bottom:.5rem}.page-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.empty-state{background-color:var(--color-bg-secondary);border-radius:12px;margin-top:2rem;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:var(--color-text-primary);font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:var(--color-text-secondary);font-size:1rem}.unmatched-table-container{background-color:var(--color-bg-primary);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:1.5rem}.table-header h3{color:var(--color-text-primary);font-size:1.25rem;margin:0}.unmatched-table{display:flex;flex-direction:column}.unmatched-row{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:2rem;justify-content:space-between;padding:1.5rem;transition:background-color .2s}.unmatched-row:hover{background-color:var(--color-bg-secondary)}.unmatched-row:last-child{border-bottom:none}.transaction-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.transaction-main{align-items:center;display:flex;justify-content:space-between}.transaction-empfaenger{color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.transaction-amount{color:var(--color-success);font-size:1.25rem;font-weight:700}.transaction-details{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem}.transaction-date,.transaction-referenz,.transaction-verwendungszweck{align-items:center;display:flex;gap:.25rem}.matching-controls{align-items:center;display:flex;gap:1rem;min-width:400px}.member-select{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);flex:1 1;font-size:.95rem;padding:.75rem;transition:all .2s}.member-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.btn-match{min-width:120px;white-space:nowrap}@media (max-width:768px){.unmatched-row{align-items:stretch;flex-direction:column}.matching-controls{flex-direction:column;min-width:auto}.member-select{width:100%}}.easyfibu-dashboard{--surface-color:var(--color-surface);--bg-secondary:var(--color-surface-secondary);--border-color:var(--color-border);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-tertiary);--primary-color:var(--color-primary);--success-color:var(--color-success);--danger-color:var(--color-error);--warning-color:var(--color-warning);--info-color:var(--color-primary);--hover-bg:#11182714}.easyfibu-dashboard .page-header{align-items:center;background:#0000;border-bottom:none;display:flex;gap:16px;justify-content:center;margin:0 auto;max-width:var(--layout-max-width);padding:32px 24px 24px;position:static;text-align:center;width:100%;z-index:auto}.easyfibu-header{gap:8px}.easyfibu-header,.easyfibu-header .page-header-title{align-items:center;display:flex;flex-direction:column}.easyfibu-header .page-header-title{gap:4px;justify-content:center;width:100%}.easyfibu-header h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.easyfibu-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.easyfibu-tab{background:#fff;background:var(--surface-color,#fff);border-radius:8px;padding:1.5rem}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.tab-title h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 .25rem}.tab-title p{color:var(--text-secondary);font-size:.875rem;margin:0}.easyfibu-dashboard .modal-content{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.easyfibu-dashboard .modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.easyfibu-dashboard .modal-header h2{color:var(--color-text-primary);font-size:1.25rem;margin:0}.easyfibu-dashboard .modal-close{background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:1.25rem;height:32px;transition:all .2s ease;width:32px}.easyfibu-dashboard .modal-close:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-text-primary)}.easyfibu-dashboard .modal-form{display:flex;flex-direction:column;gap:.9rem}.easyfibu-dashboard .form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.easyfibu-dashboard .form-group{display:flex;flex-direction:column;gap:.35rem}.easyfibu-dashboard .form-group label{color:var(--color-text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.easyfibu-dashboard .modal-form .date-picker-input,.easyfibu-dashboard .modal-form input,.easyfibu-dashboard .modal-form select,.easyfibu-dashboard .modal-form textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.easyfibu-dashboard .modal-form input::placeholder,.easyfibu-dashboard .modal-form textarea::placeholder{color:var(--color-text-tertiary)}.easyfibu-dashboard .modal-form .date-picker-input:focus,.easyfibu-dashboard .modal-form input:focus,.easyfibu-dashboard .modal-form select:focus,.easyfibu-dashboard .modal-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2);outline:none}.easyfibu-dashboard .modal-form .date-picker-input:disabled,.easyfibu-dashboard .modal-form input:disabled,.easyfibu-dashboard .modal-form select:disabled,.easyfibu-dashboard .modal-form textarea:disabled{background:var(--color-surface-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.easyfibu-dashboard .modal-form input.readonly,.easyfibu-dashboard .modal-form input[readonly]{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.easyfibu-dashboard .modal-form input[type=checkbox],.easyfibu-dashboard .modal-form input[type=radio]{accent-color:var(--color-primary)}[data-theme=dark] .easyfibu-dashboard .modal-form select option{background:var(--color-surface);color:var(--color-text-primary)}[data-theme=dark] .easyfibu-dashboard .modal-form .modal-actions .btn-secondary{background:var(--color-surface-secondary);color:var(--color-text-primary)}[data-theme=dark] .easyfibu-dashboard .modal-form .modal-actions .btn-secondary:hover:not(:disabled){background:#94a3b833}.easyfibu-modal{--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-tertiary);--border-color:var(--color-border);--surface-color:var(--color-surface);--bg-secondary:var(--color-surface-secondary);--primary-color:var(--color-primary);--success-color:var(--color-success);--danger-color:var(--color-error);--warning-color:var(--color-warning);--info-color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.easyfibu-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.easyfibu-modal .modal-header h2{color:var(--color-text-primary);font-size:1.25rem;margin:0}.easyfibu-modal .modal-close{background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:1.25rem;height:32px;transition:all .2s ease;width:32px}.easyfibu-modal .modal-close:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-text-primary)}.easyfibu-modal .modal-form{display:flex;flex-direction:column;gap:.9rem}.easyfibu-modal .form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.easyfibu-modal .form-group{display:flex;flex-direction:column;gap:.35rem}.easyfibu-modal .form-group label,.easyfibu-modal .radio-legend{color:var(--color-text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.easyfibu-modal .radio-label{color:var(--color-text-secondary)}.easyfibu-modal .modal-form .date-picker-input,.easyfibu-modal .modal-form input,.easyfibu-modal .modal-form select,.easyfibu-modal .modal-form textarea{background:var(--color-surface);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.easyfibu-modal .modal-form input::placeholder,.easyfibu-modal .modal-form textarea::placeholder{color:var(--color-text-tertiary)}.easyfibu-modal .modal-form .date-picker-input:focus,.easyfibu-modal .modal-form input:focus,.easyfibu-modal .modal-form select:focus,.easyfibu-modal .modal-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2);outline:none}.easyfibu-modal .modal-form .date-picker-input:disabled,.easyfibu-modal .modal-form input:disabled,.easyfibu-modal .modal-form select:disabled,.easyfibu-modal .modal-form textarea:disabled{background:var(--color-surface-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.easyfibu-modal .modal-form input.readonly,.easyfibu-modal .modal-form input[readonly],.easyfibu-modal .modal-form textarea.readonly,.easyfibu-modal .modal-form textarea[readonly]{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.easyfibu-modal .modal-form select option{background:var(--color-surface);color:var(--color-text-primary)}.easyfibu-modal .detail-saldo-subtext,.easyfibu-modal .field-hint.muted,.easyfibu-modal .help-text{color:var(--color-text-tertiary)}.easyfibu-modal .modal-form input[type=checkbox],.easyfibu-modal .modal-form input[type=radio]{accent-color:var(--color-primary)}[data-theme=dark] .easyfibu-modal .modal-form .date-picker-input,[data-theme=dark] .easyfibu-modal .modal-form input,[data-theme=dark] .easyfibu-modal .modal-form select,[data-theme=dark] .easyfibu-modal .modal-form textarea{background:var(--color-surface-secondary)!important;background-color:var(--color-surface-secondary)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}[data-theme=dark] .easyfibu-modal .modal-form input.readonly,[data-theme=dark] .easyfibu-modal .modal-form input[readonly],[data-theme=dark] .easyfibu-modal .modal-form textarea.readonly,[data-theme=dark] .easyfibu-modal .modal-form textarea[readonly]{background:#0f172a99!important;background-color:#0f172a99!important;border-color:var(--color-border)!important;color:var(--color-text-secondary)!important}[data-theme=dark] .easyfibu-modal .detail-saldo-subtext,[data-theme=dark] .easyfibu-modal .field-hint.muted,[data-theme=dark] .easyfibu-modal .form-group label,[data-theme=dark] .easyfibu-modal .help-text,[data-theme=dark] .easyfibu-modal .info-text,[data-theme=dark] .easyfibu-modal .radio-label,[data-theme=dark] .easyfibu-modal .radio-legend{color:var(--color-text-secondary)!important}[data-theme=dark] .easyfibu-modal .modal-form .btn-secondary{background:var(--color-surface-secondary);color:var(--color-text-primary)}[data-theme=dark] .easyfibu-modal .modal-form .btn-secondary:hover:not(:disabled){background:#94a3b833}.easyfibu-dashboard .modal-form select option{background:var(--color-surface);color:var(--color-text-primary)}[data-theme=dark] .easyfibu-dashboard .modal-form .date-picker-input,[data-theme=dark] .easyfibu-dashboard .modal-form input,[data-theme=dark] .easyfibu-dashboard .modal-form select,[data-theme=dark] .easyfibu-dashboard .modal-form textarea{background:var(--color-surface-secondary)}[data-theme=dark] .easyfibu-dashboard .modal-form input.readonly,[data-theme=dark] .easyfibu-dashboard .modal-form input[readonly]{background:#0f172a99}.header-actions{align-items:stretch;flex-wrap:wrap;gap:1rem}.easyfibu-action-btn{border-radius:8px;flex:0 0 auto;font-size:.9rem;gap:.5rem;justify-content:center;min-height:38px;min-width:140px;padding:8px 14px;width:auto}.easyfibu-action-btn svg{height:16px;width:16px}.header-action{align-items:flex-start;display:flex;flex:0 0 auto;flex-direction:column;gap:.35rem;justify-content:flex-start}.action-hint{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.75rem;max-width:220px}.jahresabschluss-header-actions{align-items:stretch}.jahresabschluss-header-action{align-items:stretch;flex:0 0 184px}.jahresabschluss-header-action .easyfibu-action-btn{min-width:0;width:100%}.jahresabschluss-header-action .action-hint{max-width:184px;min-height:32px}.action-hint.warning{color:#ffc107;color:var(--warning-color,#ffc107)}.tab-filters{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-box,.tab-filters{align-items:center;display:flex}.search-box{background:#fff;background:var(--color-search-box-surface,var(--color-surface,#fff));border:2px solid #d1d5db;border:2px solid var(--color-border,#d1d5db);border-radius:12px;flex:1 1 320px;gap:12px;height:44px;max-width:none;min-width:360px;padding:0 14px;position:relative;transition:all .2s ease;width:100%}.search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.search-box svg{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);flex-shrink:0}.search-box input{background:#0000;border:none;box-shadow:none;outline:none;padding:0}.search-box .search-input,.search-box input{color:#111827;color:var(--color-text-primary,#111827);flex:1 1;font-size:15px;min-width:0}.search-box .search-input{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important;padding:0!important;width:100%}.search-box .search-input::placeholder,.search-box input::placeholder{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af)}.filter-select{background:#fff;background:var(--color-surface,#fff);border:2px solid #d1d5db;border:2px solid var(--color-border,#d1d5db);border-radius:12px;color:#111827;color:var(--color-text-primary,#111827);font-size:14px;font-weight:500;min-height:44px;min-width:180px;padding:10px 16px;transition:all .2s ease}.filter-select:hover{border-color:#9ca3af;border-color:var(--color-text-tertiary,#9ca3af)}.filter-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}[data-theme=dark] .search-box input::placeholder,[data-theme=dark] .search-box svg{color:#94a3b8}[data-theme=dark] .filter-select,[data-theme=dark] .search-box input{color:#fff}[data-theme=dark] .filter-select{background:#1e293b;border-color:#475569}.tab-navigation{background:#0000}.tab-controls{align-items:flex-end;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap;gap:1rem;margin:0 auto;max-width:var(--layout-max-width);padding:.75rem 1.5rem}.tab-buttons,.tab-controls{display:flex;justify-content:space-between;width:100%}.tab-buttons{flex:1 1;gap:.5rem;overflow-x:visible;overflow-y:hidden;scrollbar-width:none}.tab-buttons::-webkit-scrollbar{display:none}.tab-button{flex:1 1;justify-content:center}.easyfibu-dashboard .tab-content{margin:0 auto;max-width:var(--layout-max-width);padding:24px 0 0;width:100%}@media (max-width:900px){.tab-buttons{justify-content:flex-start}.tab-button{flex:0 0 auto}}.verein-filter{display:flex;flex-direction:column;gap:.35rem;min-width:240px}.verein-filter label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.verein-filter .filter-select{min-width:220px}.checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.radio-group{display:flex;flex-wrap:wrap;gap:1rem}.radio-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem}.required-mark{color:#dc3545;color:var(--danger-color,#dc3545);margin-left:.25rem}.help-text{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.75rem;margin-top:.35rem}.form-success{background:#28a7451a;border-radius:6px;color:#28a745;color:var(--success-color,#28a745);font-size:.875rem;font-weight:600;margin:0 1.5rem 1rem;padding:.75rem 1rem}.info-text{background:#0d6efd14;border-radius:999px;color:#6c757d;color:var(--text-muted,#6c757d);font-size:.78rem;gap:.5rem;margin-top:.5rem;padding:.25rem .75rem}.info-icon,.info-text{align-items:center;display:inline-flex}.info-icon{background:#0d6efd26;border-radius:50%;color:#0d6efd;color:var(--primary-color,#0d6efd);font-size:.7rem;font-weight:700;height:18px;justify-content:center;width:18px}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.summary-card{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.summary-card .label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.summary-card .value{color:var(--text-primary);font-size:1.25rem;font-weight:600}.summary-card .count{color:var(--text-muted);font-size:.75rem}.summary-card.einnahmen{border-left:4px solid #28a745;border-left:4px solid var(--success-color,#28a745)}.summary-card.ausgaben{border-left:4px solid #dc3545;border-left:4px solid var(--danger-color,#dc3545)}.summary-card.kasse{border-left:4px solid #17a2b8;border-left:4px solid var(--info-color,#17a2b8)}.summary-card.bank{border-left:4px solid #0d6efd;border-left:4px solid var(--primary-color,#0d6efd)}.summary-card.gesamt{border-left:4px solid #ffc107;border-left:4px solid var(--warning-color,#ffc107)}.summary-card.total{border-left:4px solid #0d6efd;border-left:4px solid var(--primary-color,#0d6efd)}.summary-card.total-open{border-left:4px solid #ffc107;border-left:4px solid var(--warning-color,#ffc107)}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table td,.data-table th{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color,#eee);padding:.75rem 1rem;text-align:left}.data-table th{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);color:var(--text-secondary);font-weight:600;white-space:nowrap}.data-table tbody tr:hover{background:#f8f9fa;background:var(--hover-bg,#f8f9fa)}.text-right{text-align:right!important}.einnahme{color:#28a745;color:var(--success-color,#28a745)}.ausgabe{color:#dc3545;color:var(--danger-color,#dc3545)}.type-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.type-badge.einnahme{background:#28a7451a;color:var(--success-color)}.type-badge.ausgabe{background:#dc35451a;color:var(--danger-color)}.type-badge.durchlaufend{background:#17a2b81a;color:var(--info-color)}.status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.status-badge.active{background:#28a7451a;color:var(--success-color)}.status-badge.inactive{background:#6c757d1a;color:var(--text-muted)}.status-offen{background:#ffc1071a;color:#856404}.status-teilweise{background:#17a2b81a;color:var(--info-color)}.status-abgeschlossen{background:#28a7451a;color:var(--success-color)}.storno-badge{background:#dc35451a;border-radius:4px;color:var(--danger-color);display:inline-block;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.125rem .375rem}.kategorie-badge{background:#0d6efd1a;color:var(--primary-color);display:inline-block}.geprueft-badge,.kategorie-badge{border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.geprueft-badge{background:#28a7451a;color:var(--success-color);font-weight:500}.geprueft-badge,.zeuge-status{align-items:center;display:inline-flex;gap:.25rem}.zeuge-status.signed svg{color:var(--success-color)}.btn-icon{align-items:center;background:#0000;border-radius:4px;color:var(--text-secondary);display:inline-flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);color:var(--primary-color)}.btn-storno:hover{color:var(--danger-color)}.btn-close:hover{color:var(--success-color)}.inactive-row{opacity:.6}.storniert-row{opacity:.5;text-decoration:line-through}.empty-state{color:var(--text-muted);font-size:.875rem;padding:3rem;text-align:center}.kategorie-group{margin-bottom:2rem}.kategorie-title{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.konto-nummer{font-family:monospace;font-weight:600}.jahresabschluss-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr)}.jahresabschluss-detail,.jahresabschluss-list{min-width:0}.jahresabschluss-filter{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.jahresabschluss-filter label{color:var(--text-secondary);font-size:.85rem}.jahresabschluss-filter select{background:var(--surface-color,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;font-size:.85rem;min-width:140px;padding:.45rem .75rem}.jahresabschluss-detail-panel{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;flex-direction:column;gap:1rem;min-height:420px;padding:1.25rem}.jahresabschluss-detail-panel.empty{align-items:flex-start;justify-content:center}.detail-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.detail-year{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.1}.easyfibu-dashboard .detail-status{align-items:center;background:#6c757d26;border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;margin-top:.35rem;padding:.25rem .6rem}.easyfibu-dashboard .detail-status.ok{background:#28a74526;color:#28a745;color:var(--success-color,#28a745)}.easyfibu-dashboard .detail-status.pending{background:#ffc10726;color:#856404}.detail-meta{color:var(--text-secondary);font-size:.8rem;gap:.2rem;margin-top:.5rem}.detail-body,.detail-meta{display:flex;flex-direction:column}.detail-body{gap:.75rem}.detail-footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:auto}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem}.detail-hint{color:var(--text-muted);font-size:.85rem}.detail-empty-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.35rem}.detail-empty-text{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.detail-saldo{background:#f5f7fb;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;flex-direction:column;gap:.35rem;padding:1rem}.detail-saldo-title{align-items:center;color:#6c757d;color:var(--text-muted,#6c757d);display:flex;font-size:.75rem;font-weight:700;gap:.4rem}.detail-saldo-value{color:var(--text-primary);font-size:1.8rem;font-weight:800}.detail-saldo-value.positive{color:#28a745;color:var(--success-color,#28a745)}.detail-saldo-value.negative{color:#dc3545;color:var(--danger-color,#dc3545)}.detail-saldo-subtext,.detail-saldo-value.neutral{color:#6c757d;color:var(--text-muted,#6c757d)}.detail-saldo-subtext{font-size:.8rem}.jahresabschluss-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.abschluss-card{background:#fff;background:var(--surface-color,#fff);border:1px solid #eee;border:1px solid var(--border-color,#eee);border-radius:8px;cursor:pointer;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s}.abschluss-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.abschluss-card.geprueft{border-color:var(--success-color)}.abschluss-card.selected{border-color:#0d6efd;border-color:var(--primary-color,#0d6efd);box-shadow:0 6px 16px #0d6efd2e}.abschluss-card .card-header{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color,#eee);display:flex;justify-content:space-between;padding:1rem}.abschluss-card .card-title{gap:.6rem}.abschluss-card .card-header h3{font-size:1.25rem;margin:0}.audit-badge{align-items:center;background:#6c757d26;border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:.72rem;font-weight:600;gap:.25rem;padding:.2rem .55rem}.audit-badge.ok{background:#28a74526;color:#28a745;color:var(--success-color,#28a745)}.audit-badge.pending{background:#ffc1072e;color:#856404}.abschluss-card .card-body{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.abschluss-summary{display:flex;flex-direction:column;gap:.35rem}.summary-label{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.78rem;text-transform:uppercase}.summary-value{color:var(--text-primary);font-size:1.6rem;font-weight:800}.summary-value.positive{color:#28a745;color:var(--success-color,#28a745)}.summary-value.negative{color:#dc3545;color:var(--danger-color,#dc3545)}.summary-value.neutral{color:#6c757d;color:var(--text-muted,#6c757d)}.abschluss-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding-bottom:.85rem}.abschluss-section:last-child{border-bottom:none;padding-bottom:0}.abschluss-section-title{align-items:center;color:#6c757d;color:var(--text-muted,#6c757d);display:flex;font-size:.72rem;font-weight:700;gap:.4rem;margin-bottom:.5rem;text-transform:uppercase}.abschluss-row{display:flex;font-size:.875rem;justify-content:space-between;padding:.375rem 0}.abschluss-row.muted{color:#6c757d;color:var(--text-muted,#6c757d)}.abschluss-row.einnahmen span:last-child{color:#28a745;color:var(--success-color,#28a745);font-weight:600}.abschluss-row.ausgaben span:last-child{color:#dc3545;color:var(--danger-color,#dc3545);font-weight:600}.abschluss-row.big{font-size:1.05rem}.abschluss-row.saldo{border-top:1px solid var(--border-color);font-size:1rem;font-weight:600;margin-top:.5rem;padding-top:.75rem}.abschluss-row.positive span:last-child{color:var(--success-color)}.abschluss-row.negative span:last-child{color:var(--danger-color)}.abschluss-row.neutral span:last-child{color:#6c757d;color:var(--text-muted,#6c757d);font-weight:600}.abschluss-card .card-footer{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-top:1px solid #eee;border-top:1px solid var(--border-color,#eee);display:flex;justify-content:flex-end;padding:.75rem 1rem}.audit-info{gap:.125rem}.audit-info,.audit-meta{color:var(--text-muted);display:flex;flex-direction:column;font-size:.75rem}.audit-meta{gap:.2rem}.auto-field{background:#f5f6f8;border-color:#d0d7de;color:#4b5563}.auto-field[readonly]{cursor:not-allowed}.field-hint{font-size:.9rem;margin:0 0 .75rem}.field-hint.muted{color:#6b7280;color:var(--text-muted,#6b7280)}.field-hint.warning{color:#d14343;color:var(--danger-color,#d14343);font-weight:600}.section-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.95rem;font-weight:700;letter-spacing:.01em;margin:1.5rem 0 .75rem}.audit-row .checkbox-group label{align-items:center;display:flex;gap:.4rem}.checkbox-group input[type=checkbox]{transform:scale(1.1)}.audit-radio-group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.audit-radio-group .radio-label{align-items:center;display:inline-flex;font-weight:600;gap:.35rem;line-height:1.2;min-width:0;white-space:nowrap}.radio-legend{color:#1f2937;color:var(--text-primary,#1f2937);display:inline-block;flex-basis:100%;font-size:.9rem;font-weight:700;letter-spacing:.01em;margin-bottom:.5rem}.audit-radio-group input[type=radio]{transform:scale(1.05)}.audit-row{grid-gap:.75rem;align-items:flex-start;display:grid;gap:.75rem;grid-template-columns:1fr}.audit-row .form-group{margin:0}.audit-row .form-group label{margin-bottom:.35rem}.audit-row .checkbox-group{align-self:start;padding-top:.25rem}.audit-meta-grid{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.spenden-modal .date-picker-input{background:#fff;background:var(--color-surface,#fff);background-color:#fff;background-color:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .2s ease;width:100%}.spenden-modal .date-picker-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;outline:none}.spenden-modal .react-datepicker{border:none;border-radius:14px;box-shadow:0 10px 30px #00000026;font-family:inherit;overflow:hidden}.spenden-modal .react-datepicker__header{background-color:#667eea;border-bottom:none;border-radius:14px 14px 0 0;padding-top:14px}.spenden-modal .react-datepicker__current-month,.spenden-modal .react-datepicker__day-name{color:#fff;font-weight:600}.spenden-modal .react-datepicker__day{border-radius:8px;color:#111827;transition:all .2s ease}.spenden-modal .react-datepicker__day:hover{background-color:#667eea1f;color:#667eea}.spenden-modal .react-datepicker__day--keyboard-selected,.spenden-modal .react-datepicker__day--selected{background-color:#667eea;color:#fff;font-weight:600}.spenden-modal .react-datepicker__day--today{color:#667eea;font-weight:600}.spenden-modal .react-datepicker__navigation{top:14px}.spenden-modal .react-datepicker__navigation-icon:before{border-color:#fff}.spenden-modal .form-section{margin-top:1.25rem}.spenden-modal .form-section h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.95rem;font-weight:700;margin:0 0 .75rem}.spenden-modal .detail-row{grid-gap:.75rem;align-items:end;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr)) auto;margin-bottom:.75rem}.spenden-modal .detail-row .btn-icon{align-self:center;justify-self:end}.spenden-modal .total-section{margin:1rem 0 1.25rem}.spenden-modal .total-amount{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.spenden-modal .total-label{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.9rem;font-weight:700}.spenden-modal .total-value{color:#111827;color:var(--text-primary,#111827);font-size:1.05rem;font-weight:800}.remarks-group{margin-top:.75rem}.remarks-group>label{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-size:.9rem;font-weight:700;letter-spacing:.01em;margin-bottom:.5rem}.confirm-overlay{align-items:center;background:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1200}.confirm-dialog{background:#fff;background:var(--surface-color,#fff);border-radius:10px;box-shadow:0 10px 30px #0003;padding:1.5rem;width:min(520px,90%)}.confirm-dialog h4{font-size:1.1rem;margin:0 0 .5rem}.confirm-dialog p{margin:0 0 .75rem}.confirm-dialog ul{color:#4b5563;color:var(--text-secondary,#4b5563);margin:0 0 1rem 1.2rem;padding:0}@media (max-width:768px){.audit-row{align-items:flex-start;grid-template-columns:1fr}}.saldo-highlight input,.saldo-highlight input.readonly{color:#0f172a;color:var(--primary-color,#0f172a);font-weight:700}.saldo-title{color:#0f172a;color:var(--primary-color,#0f172a)}.saldo-card{background:#f5f7fb;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.saldo-card .saldo-label{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.95rem;font-weight:600}.saldo-card .saldo-value{color:#111827;color:var(--text-primary,#111827);font-size:1.35rem;font-weight:800}.saldo-card .saldo-subtext{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.85rem}.saldo-card.negative .saldo-value{color:#d14343;color:var(--danger-color,#d14343)}.saldo-card.neutral .saldo-value{color:#6b7280;color:var(--text-muted,#6b7280)}.skeleton-circle,.skeleton-line,.skeleton-pill{background:#e5e7eb;border-radius:6px;overflow:hidden;position:relative}.skeleton-circle:after,.skeleton-line:after,.skeleton-pill:after{animation:skeleton-shimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.skeleton-line{height:10px}.skeleton-pill{border-radius:999px;height:18px}.skeleton-circle{border-radius:50%;height:32px;width:32px}.skeleton-card .card-body{gap:.6rem}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}[data-theme=dark] .easyfibu-dashboard{--hover-bg:#94a3b829}[data-theme=dark] .data-table td,[data-theme=dark] .data-table th{border-bottom-color:var(--border-color)}[data-theme=dark] .data-table tbody tr:hover{background:var(--color-surface-secondary)}[data-theme=dark] .auto-field,[data-theme=dark] .detail-saldo,[data-theme=dark] .saldo-card{background:#0f172a99;border-color:var(--color-border)}[data-theme=dark] .auto-field{color:var(--color-text-secondary)}[data-theme=dark] .audit-badge.pending,[data-theme=dark] .easyfibu-dashboard .detail-status.pending,[data-theme=dark] .status-offen{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .spenden-modal .date-picker-input{background:var(--color-surface);color:var(--color-text-primary)}[data-theme=dark] .spenden-modal .react-datepicker{background:var(--color-surface);box-shadow:var(--shadow-lg)}[data-theme=dark] .spenden-modal .react-datepicker__day{color:var(--color-text-primary)}[data-theme=dark] .spenden-modal .react-datepicker__day:hover{background-color:#1118272e;color:#93c5fd}[data-theme=dark] .spenden-modal .total-amount{border-color:var(--color-border)}[data-theme=dark] .confirm-dialog{border:1px solid var(--color-border)}[data-theme=dark] .skeleton-circle,[data-theme=dark] .skeleton-line,[data-theme=dark] .skeleton-pill{background:#334155}[data-theme=dark] .skeleton-circle:after,[data-theme=dark] .skeleton-line:after,[data-theme=dark] .skeleton-pill:after{background:linear-gradient(90deg,#0000,#94a3b859,#0000)}@media (max-width:768px){.tab-filters,.tab-header{flex-direction:column}.search-box{max-width:100%}.filter-select{width:100%}.form-row{grid-template-columns:1fr}.spenden-modal .detail-row{grid-template-columns:repeat(2,minmax(0,1fr))}.spenden-modal .detail-row .btn-icon{grid-column:1/-1;justify-self:start}.jahresabschluss-filter{align-items:flex-start;flex-direction:column;width:100%}.jahresabschluss-filter select{width:100%}.jahresabschluss-layout{grid-template-columns:1fr}.detail-header{align-items:flex-start;flex-direction:column}.jahresabschluss-detail-panel{min-height:0}.detail-footer{align-items:stretch;flex-direction:column}.detail-actions{width:100%}}.easyfibu-dashboard .modal-content,.easyfibu-modal.modal-content{background:#fff;background:var(--modal-content-bg,#fff);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;color:var(--color-text-primary);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;padding:0}.easyfibu-dashboard .modal-header,.easyfibu-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:1rem;justify-content:space-between;margin-bottom:0;padding:32px}.easyfibu-dashboard .modal-header h2,.easyfibu-modal .modal-header h2{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0}.easyfibu-dashboard .modal-close,.easyfibu-modal .modal-close{background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:24px;height:36px;line-height:1;transition:all .2s ease;width:36px}.easyfibu-dashboard .modal-close:hover:not(:disabled),.easyfibu-modal .modal-close:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-text-primary)}.easyfibu-dashboard .modal-form,.easyfibu-modal .modal-form{display:flex;flex-direction:column;gap:24px;min-height:0;overflow-y:auto;padding:32px}.easyfibu-dashboard .form-row,.easyfibu-modal .form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.easyfibu-dashboard .form-group,.easyfibu-modal .form-group{display:flex;flex-direction:column;gap:4px}.easyfibu-dashboard .form-group label,.easyfibu-dashboard .radio-legend,.easyfibu-modal .form-group label,.easyfibu-modal .radio-legend{color:var(--color-text-secondary);font-size:14px;font-weight:600;letter-spacing:normal;text-transform:none}.easyfibu-dashboard .modal-form .date-picker-input,.easyfibu-dashboard .modal-form input,.easyfibu-dashboard .modal-form select,.easyfibu-dashboard .modal-form textarea,.easyfibu-modal .modal-form .date-picker-input,.easyfibu-modal .modal-form input,.easyfibu-modal .modal-form select,.easyfibu-modal .modal-form textarea{background:#fff;background-color:#fff;border:2px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.easyfibu-dashboard .modal-form textarea,.easyfibu-modal .modal-form textarea{min-height:96px;resize:vertical}.easyfibu-dashboard .modal-form input::placeholder,.easyfibu-dashboard .modal-form textarea::placeholder,.easyfibu-modal .modal-form input::placeholder,.easyfibu-modal .modal-form textarea::placeholder{color:#9ca3af}.easyfibu-dashboard .modal-form .date-picker-input:focus,.easyfibu-dashboard .modal-form input:focus,.easyfibu-dashboard .modal-form select:focus,.easyfibu-dashboard .modal-form textarea:focus,.easyfibu-modal .modal-form .date-picker-input:focus,.easyfibu-modal .modal-form input:focus,.easyfibu-modal .modal-form select:focus,.easyfibu-modal .modal-form textarea:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.easyfibu-dashboard .modal-form .date-picker-input:disabled,.easyfibu-dashboard .modal-form input:disabled,.easyfibu-dashboard .modal-form select:disabled,.easyfibu-dashboard .modal-form textarea:disabled,.easyfibu-modal .modal-form .date-picker-input:disabled,.easyfibu-modal .modal-form input:disabled,.easyfibu-modal .modal-form select:disabled,.easyfibu-modal .modal-form textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.easyfibu-dashboard .modal-form input.readonly,.easyfibu-dashboard .modal-form input[readonly],.easyfibu-dashboard .modal-form textarea.readonly,.easyfibu-dashboard .modal-form textarea[readonly],.easyfibu-modal .modal-form input.readonly,.easyfibu-modal .modal-form input[readonly],.easyfibu-modal .modal-form textarea.readonly,.easyfibu-modal .modal-form textarea[readonly]{background:#f3f4f6;color:var(--color-text-secondary)}.easyfibu-dashboard .radio-group,.easyfibu-modal .radio-group{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;padding:8px 10px}.easyfibu-dashboard .checkbox-label,.easyfibu-dashboard .radio-label,.easyfibu-modal .checkbox-label,.easyfibu-modal .radio-label{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:14px;gap:8px}.easyfibu-dashboard .field-hint,.easyfibu-dashboard .help-text,.easyfibu-dashboard .info-text,.easyfibu-modal .field-hint,.easyfibu-modal .help-text,.easyfibu-modal .info-text{color:var(--color-text-secondary);font-size:14px}.easyfibu-dashboard .info-text,.easyfibu-modal .info-text{align-items:center;background:#f9fafb;border:1px dashed #e5e7eb;border:1px dashed var(--color-border,#e5e7eb);border-radius:8px;display:inline-flex;gap:8px;margin-top:8px;padding:12px 16px}.easyfibu-dashboard .info-icon,.easyfibu-modal .info-icon{align-items:center;background:#11182726;border-radius:999px;color:#111827;color:var(--color-primary,#111827);display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;width:18px}.easyfibu-dashboard .form-success,.easyfibu-modal .form-success{background:#10b9811f;border-radius:8px;color:#059669;font-size:14px;font-weight:600;margin:24px 32px 0;padding:12px 16px}.easyfibu-dashboard .abschluss-section-title,.easyfibu-dashboard .section-title,.easyfibu-modal .abschluss-section-title,.easyfibu-modal .section-title{color:var(--color-text-primary);font-size:16px;font-weight:700;margin:0 0 4px}.easyfibu-dashboard .modal-actions,.easyfibu-modal .modal-actions{background:#0000;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0;gap:16px;justify-content:flex-end;margin-top:8px;padding-bottom:0;padding-top:24px;position:static;z-index:auto}.easyfibu-dashboard .modal-actions .btn,.easyfibu-modal .modal-actions .btn{border-radius:8px;flex:0 0 auto;font-size:14px;font-weight:500;line-height:1.2;min-width:76px;padding:10px 16px;width:auto}.easyfibu-dashboard .modal-actions .btn-secondary,.easyfibu-modal .modal-actions .btn-secondary{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a)}.easyfibu-dashboard .modal-actions .btn-primary,.easyfibu-modal .modal-actions .btn-primary{background:#111827;background:var(--color-primary,#111827);border:none;color:#fff}.easyfibu-dashboard .modal-actions .btn-primary:hover:not(:disabled),.easyfibu-modal .modal-actions .btn-primary:hover:not(:disabled){background:#0f172a;background:var(--color-primary-hover,#0f172a);transform:translateY(-1px)}.easyfibu-dashboard .modal-actions .btn-secondary:hover:not(:disabled),.easyfibu-modal .modal-actions .btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--color-border,#e5e7eb)}.easyfibu-dashboard .confirm-dialog,.easyfibu-modal .confirm-dialog{background:#fff;background:var(--modal-content-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a}[data-theme=dark] .easyfibu-dashboard .confirm-dialog,[data-theme=dark] .easyfibu-dashboard .modal-content,[data-theme=dark] .easyfibu-modal .confirm-dialog,[data-theme=dark] .easyfibu-modal.modal-content{background:#1e293b!important;border-color:#475569!important}[data-theme=dark] .easyfibu-dashboard .modal-actions,[data-theme=dark] .easyfibu-dashboard .modal-header,[data-theme=dark] .easyfibu-modal .modal-actions,[data-theme=dark] .easyfibu-modal .modal-header{border-color:#475569!important}[data-theme=dark] .easyfibu-dashboard .modal-form .date-picker-input,[data-theme=dark] .easyfibu-dashboard .modal-form input,[data-theme=dark] .easyfibu-dashboard .modal-form select,[data-theme=dark] .easyfibu-dashboard .modal-form textarea,[data-theme=dark] .easyfibu-modal .modal-form .date-picker-input,[data-theme=dark] .easyfibu-modal .modal-form input,[data-theme=dark] .easyfibu-modal .modal-form select,[data-theme=dark] .easyfibu-modal .modal-form textarea{background:#1e293b!important;background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .easyfibu-dashboard .modal-form input.readonly,[data-theme=dark] .easyfibu-dashboard .modal-form input[readonly],[data-theme=dark] .easyfibu-dashboard .modal-form textarea.readonly,[data-theme=dark] .easyfibu-dashboard .modal-form textarea[readonly],[data-theme=dark] .easyfibu-modal .modal-form input.readonly,[data-theme=dark] .easyfibu-modal .modal-form input[readonly],[data-theme=dark] .easyfibu-modal .modal-form textarea.readonly,[data-theme=dark] .easyfibu-modal .modal-form textarea[readonly]{background:#0f172a!important;border-color:#475569!important;color:#94a3b8!important}[data-theme=dark] .easyfibu-dashboard .checkbox-label,[data-theme=dark] .easyfibu-dashboard .field-hint,[data-theme=dark] .easyfibu-dashboard .form-group label,[data-theme=dark] .easyfibu-dashboard .help-text,[data-theme=dark] .easyfibu-dashboard .info-text,[data-theme=dark] .easyfibu-dashboard .radio-label,[data-theme=dark] .easyfibu-dashboard .radio-legend,[data-theme=dark] .easyfibu-modal .checkbox-label,[data-theme=dark] .easyfibu-modal .field-hint,[data-theme=dark] .easyfibu-modal .form-group label,[data-theme=dark] .easyfibu-modal .help-text,[data-theme=dark] .easyfibu-modal .info-text,[data-theme=dark] .easyfibu-modal .radio-label,[data-theme=dark] .easyfibu-modal .radio-legend{color:#e5e7eb!important}[data-theme=dark] .easyfibu-dashboard .info-text,[data-theme=dark] .easyfibu-dashboard .radio-group,[data-theme=dark] .easyfibu-modal .info-text,[data-theme=dark] .easyfibu-modal .radio-group{background:#334155!important;border-color:#475569!important}[data-theme=dark] .easyfibu-dashboard .modal-actions .btn-secondary,[data-theme=dark] .easyfibu-modal .modal-actions .btn-secondary{background:#334155!important;border-color:#475569!important;color:#e5e7eb!important}[data-theme=dark] .easyfibu-dashboard .modal-actions .btn-secondary:hover:not(:disabled),[data-theme=dark] .easyfibu-modal .modal-actions .btn-secondary:hover:not(:disabled){background:#475569!important}[data-theme=dark] .easyfibu-dashboard .modal-close,[data-theme=dark] .easyfibu-modal .modal-close{color:#e5e7eb!important}[data-theme=dark] .easyfibu-dashboard .modal-close:hover:not(:disabled),[data-theme=dark] .easyfibu-modal .modal-close:hover:not(:disabled){background:#334155!important;color:#fff!important}@media (max-width:768px){.easyfibu-dashboard .modal-form,.easyfibu-dashboard .modal-header,.easyfibu-modal .modal-form,.easyfibu-modal .modal-header{padding:16px}.easyfibu-dashboard .form-row,.easyfibu-modal .form-row{gap:16px;grid-template-columns:1fr}.easyfibu-dashboard .modal-actions,.easyfibu-modal .modal-actions{flex-direction:column-reverse}.easyfibu-dashboard .modal-actions .btn,.easyfibu-modal .modal-actions .btn{width:100%}}.jahresabschluss-table-wrap{background:#fff;background:var(--surface-color,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden}.jahresabschluss-tab .tab-header{align-items:flex-start;margin-bottom:24px}.jahresabschluss-tab .tab-title{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;min-height:72px}.jahresabschluss-tab .tab-title h2{margin:0 0 6px}.jahresabschluss-tab .tab-title p{margin:0}.jahresabschluss-tab .tab-filters{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:minmax(320px,1fr) 180px 180px}.jahresabschluss-search-box{align-items:center;background:#fff;background:var(--color-search-box-surface,var(--color-surface,#fff));border:2px solid #d1d5db;border:2px solid var(--color-border,#d1d5db);border-radius:12px;display:flex;gap:12px;height:44px;max-width:none;min-width:0;padding:0 14px;position:relative;transition:all .2s ease;width:100%}.jahresabschluss-search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.jahresabschluss-search-box svg{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);flex-shrink:0}.jahresabschluss-search-box .search-input{background:#0000;border:none;box-shadow:none;color:#111827;color:var(--color-text-primary,#111827);flex:1 1;font-size:15px;min-width:0;outline:none;padding:0}.jahresabschluss-search-box .search-input::placeholder{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af)}[data-theme=dark] .jahresabschluss-search-box{background:var(--color-surface);background:var(--color-search-box-surface,var(--color-surface));border-color:#475569}[data-theme=dark] .jahresabschluss-search-box .search-input{color:#fff}[data-theme=dark] .jahresabschluss-search-box .search-input::placeholder,[data-theme=dark] .jahresabschluss-search-box svg{color:#94a3b8}[data-theme=dark] .search-box{background:var(--color-surface);background:var(--color-search-box-surface,var(--color-surface));border-color:#475569}[data-theme=dark] .search-box .search-input,[data-theme=dark] .search-box input{color:#fff}[data-theme=dark] .search-box .search-input::placeholder,[data-theme=dark] .search-box input::placeholder,[data-theme=dark] .search-box svg{color:#94a3b8}.jahresabschluss-table td{vertical-align:middle}.jahresabschluss-row-actions{align-items:center;display:flex;gap:8px}.jahresabschluss-row-actions .btn-inline{font-size:13px;line-height:1.2;min-width:auto;padding:6px 12px}.jahresabschluss-table .summary-value{font-size:15px;font-weight:700}.jahresabschluss-skeleton-table{display:flex;flex-direction:column;gap:12px;padding:16px}[data-theme=dark] .jahresabschluss-table-wrap{background:linear-gradient(180deg,#1e293bfa,#0f172afa);border-color:#334155}@media (max-width:768px){.jahresabschluss-tab .tab-filters{grid-template-columns:1fr}.jahresabschluss-row-actions{flex-wrap:wrap}}.jahresabschluss-layout{gap:24px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr)}.jahresabschluss-detail-panel,.jahresabschluss-list{border-radius:18px}.jahresabschluss-list{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);box-shadow:0 12px 32px #0f172a0d;padding:24px}.jahresabschluss-filter{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.jahresabschluss-filter label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-weight:600}.jahresabschluss-filter select{background:#fff;border:2px solid #d1d5db;border-radius:10px;color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:14px;font-weight:500;min-width:180px;padding:12px 16px}.jahresabschluss-grid{gap:20px}.abschluss-card{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:16px;box-shadow:0 10px 24px #0f172a0d}.abschluss-card:hover{box-shadow:0 16px 36px #0f172a1a;transform:translateY(-2px)}.abschluss-card.selected{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 18px 38px #11182729}.abschluss-card.geprueft{border-color:#10b98173}.abschluss-card .card-header{background:#0000;border-bottom:none;padding:18px 20px 12px}.abschluss-card .card-title{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.abschluss-card .card-header h3{color:#111827;color:var(--color-text-primary,#111827);font-size:24px;font-weight:700}.audit-badge{font-size:12px;font-weight:700;padding:6px 10px}.abschluss-card .card-body{padding:0 20px 20px}.abschluss-summary{background:#94a3b814;border:1px solid #94a3b829;border-radius:12px;padding:16px}.summary-label{font-size:12px;letter-spacing:.08em}.summary-value{font-size:28px}.abschluss-card .card-footer{background:#0000;border-top:1px solid #94a3b824;padding:14px 20px 18px}.btn-icon{background:#11182714;border-radius:10px;color:#111827;color:var(--color-primary,#111827);height:36px;width:36px}.btn-icon:hover{background:#11182724;color:#0f172a;color:var(--color-primary,#0f172a)}.jahresabschluss-detail-panel{background:linear-gradient(180deg,#fffffffc,#f8fafcfc);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);box-shadow:0 14px 36px #0f172a0f;gap:20px;min-height:100%;padding:24px}.detail-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);padding-bottom:20px}.detail-year{font-size:40px}.detail-meta,.easyfibu-dashboard .detail-status{margin-top:12px}.detail-meta{font-size:13px;gap:6px}.detail-body{gap:16px}.abschluss-section{background:#f8fafcd1;border:1px solid #94a3b829;border-radius:14px;padding:18px}.abschluss-section-title{font-size:13px;letter-spacing:.08em;margin-bottom:10px}.abschluss-row{font-size:14px;padding:8px 0}.detail-saldo{background:linear-gradient(135deg,#1118271a,#fffffff5);border-radius:16px;padding:20px}.detail-saldo-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.detail-saldo-value{font-size:36px;line-height:1.1}.detail-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);padding-top:20px}.empty-state{background:#94a3b80f;border:1px dashed #94a3b859;border-radius:16px;padding:56px 24px}[data-theme=dark] .abschluss-card,[data-theme=dark] .jahresabschluss-detail-panel,[data-theme=dark] .jahresabschluss-list{background:linear-gradient(180deg,#1e293bfa,#0f172afa);border-color:#334155;box-shadow:0 14px 36px #02061759}[data-theme=dark] .abschluss-card .card-footer,[data-theme=dark] .detail-footer,[data-theme=dark] .detail-header,[data-theme=dark] .jahresabschluss-filter{border-color:#334155}[data-theme=dark] .jahresabschluss-filter select{background:#1e293b;border-color:#475569;color:#fff}[data-theme=dark] .abschluss-section,[data-theme=dark] .abschluss-summary{background:#3341558c;border-color:#475569}[data-theme=dark] .btn-icon{background:#11182724;color:#93c5fd}[data-theme=dark] .btn-icon:hover{background:#11182738;color:#bfdbfe}[data-theme=dark] .detail-saldo{background:linear-gradient(135deg,#2563eb2e,#1e293bf5);border-color:#475569}[data-theme=dark] .empty-state{background:#33415559;border-color:#475569}@media (max-width:1024px){.jahresabschluss-layout{grid-template-columns:1fr}}.KassenbuchModal_form__aijwO{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.KassenbuchModal_formGrid__uY1Pv{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(2,minmax(0,1fr))}.KassenbuchModal_formGroup__0SVpL{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.KassenbuchModal_fullWidth__3KFab{grid-column:1/-1}.KassenbuchModal_formGroup__0SVpL label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.KassenbuchModal_formGroup__0SVpL input,.KassenbuchModal_formGroup__0SVpL select,.KassenbuchModal_formGroup__0SVpL textarea{background:#fff;border:2px solid #d1d5db;border-radius:8px;border-radius:var(--radius-md,8px);color:#1f2937;font-family:inherit;font-size:16px;font-size:var(--font-size-md,16px);padding:12px 16px;transition:all .2s ease;width:100%}.KassenbuchModal_formGroup__0SVpL input:focus,.KassenbuchModal_formGroup__0SVpL select:focus,.KassenbuchModal_formGroup__0SVpL textarea:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.KassenbuchModal_formGroup__0SVpL input:disabled,.KassenbuchModal_formGroup__0SVpL select:disabled,.KassenbuchModal_formGroup__0SVpL textarea:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.KassenbuchModal_formGroup__0SVpL textarea{min-height:96px;resize:vertical}.KassenbuchModal_formGroup__0SVpL input::placeholder,.KassenbuchModal_formGroup__0SVpL textarea::placeholder{color:#9ca3af}.KassenbuchModal_datePickerInput__3jYmt{background:#fff;border:2px solid #d1d5db;border-radius:8px;border-radius:var(--radius-md,8px);color:#1f2937;cursor:pointer;font-family:inherit;font-size:16px;font-size:var(--font-size-md,16px);padding:12px 16px;transition:all .2s ease;width:100%}.KassenbuchModal_datePickerInput__3jYmt:focus{border-color:#111827;border-color:var(--color-primary,#111827);box-shadow:0 0 0 3px #1118271a;outline:none}.KassenbuchModal_datePickerInput__3jYmt::placeholder{color:#9ca3af}.KassenbuchModal_selectWrapper__2ZobD{position:relative;width:100%}.KassenbuchModal_selectInput__VXxr-{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;cursor:pointer;padding-right:44px;width:100%}.KassenbuchModal_selectInput__VXxr-::-ms-expand{display:none}.KassenbuchModal_selectWrapper__2ZobD:after{background-color:#1f2937;background-color:var(--color-text-primary,#1f2937);-webkit-clip-path:polygon(50% 75%,0 25%,100% 25%);clip-path:polygon(50% 75%,0 25%,100% 25%);content:"";height:12px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:12px}.KassenbuchModal_footer__3TMGe{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}.KassenbuchModal_btnPrimary__j94sX,.KassenbuchModal_btnSecondary__P43kO{border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;flex:0 0 auto;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;line-height:1.2;min-width:76px;padding:10px 16px;transition:all .2s ease}.KassenbuchModal_btnPrimary__j94sX{background:#111827;background:var(--color-primary,#111827);color:#fff}.KassenbuchModal_btnPrimary__j94sX:hover:not(:disabled){background:#0f172a;background:var(--color-primary-hover,#0f172a);transform:translateY(-1px)}.KassenbuchModal_btnSecondary__P43kO{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a)}.KassenbuchModal_btnSecondary__P43kO:hover:not(:disabled){background:#e5e7eb;background:var(--color-border,#e5e7eb)}.KassenbuchModal_btnPrimary__j94sX:disabled,.KassenbuchModal_btnSecondary__P43kO:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.KassenbuchModal_formGrid__uY1Pv{gap:16px;gap:var(--spacing-md,16px);grid-template-columns:1fr}.KassenbuchModal_footer__3TMGe{flex-direction:column-reverse}.KassenbuchModal_footer__3TMGe>*{width:100%}}[data-theme=dark] .KassenbuchModal_formGroup__0SVpL label{color:#e5e7eb!important}[data-theme=dark] .KassenbuchModal_datePickerInput__3jYmt,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL input,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL select,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL textarea{background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .KassenbuchModal_datePickerInput__3jYmt:focus,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL input:focus,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL select:focus,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL textarea:focus{border-color:#111827!important}[data-theme=dark] .KassenbuchModal_datePickerInput__3jYmt:disabled,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL input:disabled,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL select:disabled,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL textarea:disabled{background-color:#0f172a!important;color:#64748b!important}[data-theme=dark] .KassenbuchModal_formGroup__0SVpL input:-webkit-autofill,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL input:-webkit-autofill:active,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL input:-webkit-autofill:focus,[data-theme=dark] .KassenbuchModal_formGroup__0SVpL input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #1e293b!important;box-shadow:inset 0 0 0 30px #1e293b!important}[data-theme=dark] .KassenbuchModal_selectWrapper__2ZobD:after{background-color:#fff!important}[data-theme=dark] .KassenbuchModal_btnSecondary__P43kO{background-color:#334155!important;border-color:#475569!important;color:#e5e7eb!important}[data-theme=dark] .KassenbuchModal_btnSecondary__P43kO:hover:not(:disabled){background-color:#475569!important}.dialog-footer{gap:12px}.btn-cancel,.btn-delete{font-size:15px;padding:12px 24px}.btn-delete{box-shadow:0 2px 8px #ef44444d}.page-notes-admin{animation:fadeIn .3s ease-in-out;padding:0}.page-notes-admin button,.page-notes-admin input,.page-notes-admin select{min-height:44px;min-width:44px}.page-notes-admin a:focus-visible,.page-notes-admin button:focus-visible,.page-notes-admin input:focus-visible,.page-notes-admin select:focus-visible{border-radius:4px;outline:3px solid var(--color-primary);outline-offset:2px}.page-notes-admin .actions-bar{--actions-control-height:44px;align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 16px;row-gap:12px;width:100%}.page-notes-admin .actions-buttons{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;margin-left:auto}.add-note-btn,.refresh-btn{gap:var(--spacing-sm);min-width:120px;white-space:nowrap}.refresh-btn{align-items:center;background:var(--color-primary);border:none;border-radius:12px;box-shadow:0 1px 3px #1118274d;color:var(--color-text-on-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;height:var(--actions-control-height);padding:0 14px;transition:all .2s ease}.page-notes-admin .filters-bar{--actions-control-height:44px;align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;margin:0 auto 24px;max-width:var(--layout-max-width);padding:0 24px 16px;row-gap:12px;width:100%}.refresh-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.page-notes-admin .statistics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto var(--spacing-xl);max-width:var(--layout-max-width);padding:0 var(--spacing-lg)}.page-notes-admin .stat-card{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-left:4px solid;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;min-height:120px;padding:var(--spacing-lg);text-align:center;transition:all .2s ease}.page-notes-admin .stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-notes-admin .stat-card.total{border-left-color:var(--color-primary)}.page-notes-admin .stat-card.mine{border-left-color:#8b5cf6}.page-notes-admin .stat-card.pending{border-left-color:var(--color-warning)}.page-notes-admin .stat-card.in-progress{border-left-color:#111827}.page-notes-admin .stat-card.completed{border-left-color:var(--color-success)}.page-notes-admin .stat-value{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;line-height:1.2;margin:0}.page-notes-admin .stat-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.page-notes-admin .search-box{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:flex;flex:1 1;gap:12px;height:var(--actions-control-height);max-width:none;min-width:360px;padding:0 14px;position:relative;transition:all .2s ease}.page-notes-admin .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.page-notes-admin .search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.page-notes-admin .search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:15px;outline:none}.page-notes-admin .search-input::placeholder{color:var(--color-text-tertiary)}.page-notes-admin .clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.page-notes-admin .clear-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.page-notes-admin .filter-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;max-width:none;min-height:var(--actions-control-height);min-width:0;padding:10px 16px;transition:all .2s ease}.page-notes-admin .filter-select:hover{border-color:var(--color-text-tertiary)}.page-notes-admin .filter-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.filter-select option,.search-input::placeholder{color:var(--color-text-primary)}.notes-table-container{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0 auto;max-width:var(--layout-max-width);overflow-x:auto;overflow-y:visible;padding:0 24px 32px;width:100%}.notes-table{background:var(--color-surface);border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-width:800px;overflow:hidden;width:100%}.notes-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.notes-table th{color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:.05em;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.notes-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:13px;padding:12px 16px;vertical-align:middle}.notes-table tbody tr{cursor:pointer;transition:all .2s ease}.notes-table tbody tr:last-child{border-bottom:none}.notes-table tbody tr:hover{background:#f9fafb}.notes-cards-container{display:none;margin:0 auto;max-width:var(--layout-max-width);padding:0 var(--spacing-lg)}.note-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);transition:all .2s ease}.note-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.note-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.note-card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:700;margin:0}.note-card-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.note-card-content{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.6;margin-bottom:var(--spacing-md)}.note-card-meta{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.note-card-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.note-title-cell strong{color:var(--color-text-primary);display:block;font-weight:600;margin-bottom:var(--spacing-xs)}.note-content-preview{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.user-cell div{color:var(--color-text-primary);font-weight:500}.user-cell small{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.page-link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all .2s ease}.page-link:hover{color:var(--color-primary-dark);text-decoration:underline}.action-buttons{align-items:center;display:flex;gap:8px}.page-notes-admin .action-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;min-height:30px;min-width:30px;padding:0;transition:all .2s ease;width:30px}.page-notes-admin .action-btn:hover{background:#eff6ff;border-color:#111827;color:#111827}.page-notes-admin .action-btn.complete-btn:hover{background:#dcfce7;border-color:#10b981;color:#10b981}.page-notes-admin .action-btn.delete-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.page-notes-admin .action-btn svg{height:16px;width:16px}.modal-overlay{animation:fadeIn .2s ease-in-out}.modal-content{animation:slideUp .3s ease-in-out;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--spacing-2xl)}.modal-content h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.form-control{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-md);padding:var(--spacing-md);transition:all .2s ease;width:100%}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl)}.btn-secondary{background:var(--color-background);border-radius:var(--radius-md);font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.btn-secondary:hover{background:var(--color-background-secondary);border-color:var(--color-primary)}.empty-state,.loading-state{color:var(--color-text-secondary);font-size:var(--font-size-md);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.filters-section{grid-template-columns:1fr 1fr}.notes-table-container{overflow-x:auto}.notes-table{min-width:800px}}@media (max-width:768px){.page-notes-admin{padding:0}.page-notes-admin .actions-bar{flex-direction:column;flex-wrap:wrap;gap:12px;padding:0 16px 16px}.page-notes-admin .actions-buttons button{justify-content:center;width:100%}.page-notes-admin .statistics-grid{grid-template-columns:1fr 1fr;padding:0 16px}.page-notes-admin .filters-bar{flex-wrap:wrap;padding:0 16px 16px}.filters-section{grid-template-columns:1fr;padding:0 16px}.notes-table-container{display:none;padding:0 16px}.notes-cards-container{display:block}.note-card-header{flex-direction:column}.note-card-badges{width:100%}.note-card-actions{flex-wrap:wrap}}@media (max-width:480px){.page-notes-admin .statistics-grid{grid-template-columns:1fr}.page-notes-admin .actions-bar{flex-direction:column}.add-note-btn,.refresh-btn{justify-content:center;width:100%}.note-card{padding:var(--spacing-md)}.note-card-title{font-size:var(--font-size-md)}}@media (prefers-contrast:high){.note-card,.notes-table-container,.page-notes-admin .stat-card{border-width:3px}.page-notes-admin .stat-value{font-weight:800}.page-notes-admin .stat-label{font-weight:700}}@media (prefers-reduced-motion:reduce){.modal-content,.modal-overlay,.note-card,.note-detail-modal,.note-detail-modal-overlay,.notes-table tbody tr,.page-notes-admin,.page-notes-admin .stat-card{animation:none;transition:none}}.note-detail-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}.note-detail-modal{animation:slideUp .3s ease-in-out;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.note-detail-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-2xl)}.note-detail-header h2{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-lg);font-weight:600;margin:0}.note-detail-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.note-detail-close:hover{background:var(--color-background);color:var(--color-text-primary)}.note-detail-body{padding:var(--spacing-2xl)}.note-detail-section{margin-bottom:var(--spacing-lg)}.note-detail-section:last-child{margin-bottom:0}.note-detail-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.note-detail-value{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.6}.note-detail-content{word-wrap:break-word;background:var(--color-background);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-lg);white-space:pre-wrap}.note-detail-meta{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.note-detail-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.note-detail-link{color:var(--color-primary);font-weight:500;text-decoration:none;transition:all .2s ease;word-break:break-all}.note-detail-link:hover{color:var(--color-primary-dark);text-decoration:underline}.note-detail-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-2xl)}.note-detail-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:500;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.note-detail-btn.complete{background:var(--color-success);color:var(--color-text-on-primary)}.note-detail-btn.complete:hover{background:#059669;box-shadow:var(--shadow-md);transform:translateY(-1px)}.note-detail-btn.delete{background:var(--color-error);color:var(--color-text-on-primary)}.note-detail-btn.delete:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.note-detail-btn.close{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary)}.note-detail-btn.close:hover{background:var(--color-background-secondary);border-color:var(--color-primary)}[data-theme=dark] .page-notes-admin .stat-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .notes-table-container{background:#0000;border-color:#0000}[data-theme=dark] .notes-table thead{background:var(--color-surface-secondary)}[data-theme=dark] .notes-table tbody tr{border-bottom-color:var(--color-border)}[data-theme=dark] .notes-table tbody tr:hover{background:var(--color-surface-secondary)}[data-theme=dark] .filter-select,[data-theme=dark] .search-input{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .modal-content,[data-theme=dark] .note-detail-modal{background:var(--color-surface)}.page-notes-page,[data-theme=dark] .note-detail-content{background:var(--color-background)}.page-notes-page{min-height:100vh}.page-notes-content{margin:0 auto;max-width:1100px;padding:0 24px 32px}.page-note-tabs--page{border-bottom:1px solid var(--color-border);margin:0 auto 16px}.page-notes-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #0f172a14;padding:24px}@media (max-width:768px){.page-notes-content{padding:0 16px 24px}.page-notes-card{padding:20px}}.organization-admin{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.organization-admin.org-detail{--card-label-size:11px;--card-label-weight:700;--card-label-color:var(--color-text-tertiary);--card-label-letter:0.4px;--card-value-size:14px;--card-value-weight:500;--card-value-color:var(--color-text-primary);--card-value-line:1.4;background:var(--color-background);gap:0;margin:0 auto;max-width:var(--layout-detail-max-width);min-height:100vh;width:100%}.organization-admin.org-list{gap:0}.organization-admin.org-list .actions-bar{margin-top:0}.organization-admin .page-header.org-page-header{align-items:center;background:#0000;border-bottom:none;display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:center;position:static;width:100%;z-index:auto}.organization-admin .page-header.org-page-header .page-title{font-size:28px;letter-spacing:-.02em}.org-page-header-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm,8px);justify-content:center;width:100%}.organization-admin .page-header.org-detail-header{box-sizing:border-box;margin:0 auto;max-width:var(--layout-detail-max-width);padding:32px 24px 24px;text-align:center;width:100%}.organization-admin .page-header.org-detail-header .page-title{font-size:28px;letter-spacing:-.02em;margin:0}.organization-kurzname{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:400}.org-page-header-actions{align-items:center;display:flex;gap:10px}.organization-admin .actions-bar{--actions-control-height:44px;align-items:center;display:flex;gap:12px;justify-content:flex-start;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 16px;row-gap:12px;width:100%}.organization-admin.org-detail .actions-bar{align-items:center;box-sizing:border-box;display:flex;gap:1rem;max-width:var(--layout-detail-max-width);padding:0 24px 24px;width:100%}.organization-admin.org-detail .actions-bar .btn-icon svg{height:18px;width:18px}.org-detail-actions-spacer{flex:1 1}.organization-detail-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:var(--layout-detail-max-width);padding:0 24px;width:100%}.organization-detail-tabs .tab-button{background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);font-weight:600;min-width:180px;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:center;transition:all .2s ease}.organization-detail-tabs .tab-button:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.organization-detail-tabs .tab-button.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.organization-detail-tabs .tab-button.active:hover{background-color:var(--color-surface-secondary);color:var(--color-primary)}.organization-detail-tab-content{animation:fadeIn .3s ease;box-sizing:border-box;margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 24px;width:100%}.organization-detail-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:24px;width:100%}.organization-admin.org-detail .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:var(--spacing-xl)}.organization-admin.org-detail .section-header h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.organization-admin.org-detail .btn-danger-outline,.organization-admin.org-detail .edit-verein-btn,.organization-admin.org-detail .organization-detail-secondary-action{align-self:center;flex:0 0 auto;justify-self:end;max-width:220px;min-width:0;padding:10px 16px;white-space:nowrap;width:auto}.organization-admin.org-detail .info-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:0;width:100%}.organization-admin.org-detail .info-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.organization-admin.org-detail .organization-detail-section>.info-grid{margin-bottom:20px}.organization-admin.org-detail .organization-detail-section>.info-grid:last-child{margin-bottom:0}.organization-admin.org-detail .info-item{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px}.organization-admin.org-detail .info-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #1118271a}.organization-admin.org-detail .info-item.full-width{background:inherit;border:inherit;border-radius:inherit;box-shadow:none;grid-column:1/-1;padding:inherit;width:100%}.organization-admin.org-detail .info-block{margin-bottom:20px}.organization-admin.org-detail .info-block:last-child{margin-bottom:0}.organization-detail-loading{color:var(--color-text-secondary);font-size:14px;margin-bottom:12px}.organization-detail-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.organization-detail-secondary-action{width:auto}.organization-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.organization-admin.org-detail .organization-grid .info-item,.organization-summary-grid .info-item{background:#0000}.organization-admin.org-detail .info-item.full-width>.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0;margin-top:12px;width:100%}.organization-admin.org-detail .info-item.full-width>.info-grid .info-item{background:var(--color-surface-secondary)}.hierarchy-section .info-block{margin-bottom:14px}.hierarchy-section .info-block:last-child{margin-bottom:0}.hierarchy-stats-grid{margin-bottom:14px}.hierarchy-linked-grid,.hierarchy-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.organization-detail-path{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.organization-detail-path-chip{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-primary);display:inline-flex;font-size:13px;font-weight:600;min-height:34px;padding:6px 12px}.organization-detail-path-separator{color:var(--color-text-tertiary);font-size:13px;font-weight:700}.organization-admin.org-detail .info-item label{color:var(--card-label-color);font-size:var(--card-label-size);font-weight:var(--card-label-weight);letter-spacing:var(--card-label-letter);margin-bottom:0;text-transform:uppercase}.organization-admin.org-detail .info-item p,.organization-admin.org-detail .info-item span{color:var(--card-value-color);font-size:var(--card-value-size);font-weight:var(--card-value-weight);line-height:var(--card-value-line);overflow-wrap:anywhere;word-break:break-word}.organization-admin.org-detail .info-item p{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0;padding:0!important;white-space:pre-wrap}.organization-admin.org-detail .info-item a{color:var(--color-primary);font-weight:600;overflow-wrap:anywhere;text-decoration:none;transition:all .2s ease;word-break:break-word}.organization-admin.org-detail .info-item a:hover{color:var(--color-primary-hover);text-decoration:underline}.organization-admin.org-detail .text-muted{color:var(--color-text-secondary)}.organization-admin.org-detail .org-details-select{background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--color-text-primary);font-size:14px;font-weight:500;margin-top:12px;min-width:0;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.organization-admin.org-detail .org-details-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1118271a;outline:none}@media (max-width:1024px){.organization-admin.org-detail .info-grid--three,.organization-admin.org-detail .info-item.full-width>.info-grid,.organization-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.organization-detail-tabs{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:auto}.organization-detail-tabs .tab-button{min-width:auto;white-space:nowrap}}@media (max-width:640px){.organization-admin .page-header.org-detail-header .page-title{font-size:24px}.organization-admin.org-detail .section-header{align-items:stretch}.organization-detail-header-actions{width:100%}.organization-detail-header-actions>*{flex:1 1 100%}.organization-admin.org-detail .info-grid--three,.organization-admin.org-detail .info-item.full-width>.info-grid,.organization-summary-grid{grid-template-columns:1fr}}.organization-admin .organization-filter-selects{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:12px}.organization-admin .filter-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-left:auto}.organization-admin .search-box{align-items:center;border:2px solid var(--color-border);border-radius:12px;box-shadow:none;display:flex;flex:1 1 auto;gap:12px;height:var(--actions-control-height);max-width:none;min-width:360px;padding:0 14px;position:relative;transition:all .2s ease;width:100%}.organization-admin .search-box,[data-theme=dark] .organization-admin .search-box{background:var(--color-surface);background:var(--color-search-box-surface,var(--color-surface))}.organization-admin .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.organization-admin .search-box svg{color:var(--color-text-tertiary);flex-shrink:0;height:20px;width:20px}.organization-admin .search-input{background:#0000;border:none;box-shadow:none;color:var(--color-text-primary);flex:1 1;font-size:15px;outline:none}.organization-admin .search-input::placeholder{color:var(--color-text-tertiary)}.organization-admin .clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.organization-admin .clear-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.organization-admin .actions-bar .btn-primary{background:#111827;border-radius:10px;box-shadow:0 1px 3px #11182773;color:#fff;font-size:13px;gap:4px;height:var(--actions-control-height);line-height:1;min-height:var(--actions-control-height);min-width:120px;padding:0 14px;white-space:nowrap;width:auto}.organization-admin .actions-bar .btn-primary:hover{background:#0f172a;box-shadow:0 4px 12px #11182773}.organization-admin .actions-bar .btn-primary:active{background:#020617;transform:translateY(0)}.organization-admin .actions-bar .btn-primary:focus-visible{outline:2px solid #94a3b8;outline-offset:2px}.organization-admin .actions-bar .btn-primary svg{height:16px;width:16px}.org-filter-rows{flex-direction:column;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px}.org-filter-row,.org-filter-rows{align-items:center;display:flex;gap:12px}.org-filter-row{flex-wrap:wrap;justify-content:center}.org-filter-chipbar,.org-filter-chipbar--secondary{margin:0}.org-inline-select{align-items:center;display:flex;flex-shrink:0}.organization-admin .filter-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;max-width:300px;min-width:200px;padding:10px 16px;transition:all .2s ease}.organization-admin .filter-select:hover{border-color:var(--color-text-tertiary)}.organization-admin .filter-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.organization-admin .view-toggle{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;box-sizing:border-box;display:flex;flex-shrink:0;gap:0;height:var(--actions-control-height);min-height:var(--actions-control-height);overflow:hidden;padding:2px}.organization-admin .view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;min-width:38px;padding:0;transition:all .2s ease;width:38px}.organization-admin .view-toggle-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.organization-admin .view-toggle-btn.active{background:#111827;box-shadow:none;color:#fff}.organization-admin .view-toggle-btn svg{height:17px;width:17px}.organization-admin .status-filter{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:inline-flex;gap:6px;margin:0 auto 24px;min-height:var(--actions-control-height);padding:4px}.organization-admin .status-filter-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;min-width:64px;padding:8px 12px;transition:all .2s ease}.organization-admin .status-filter-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.organization-admin .status-filter-btn.active{background:#111827;box-shadow:0 2px 4px #11182733;color:#fff}.organization-admin .status-filter-count{align-items:center;background:#0f172a14;border-radius:999px;color:var(--color-text-tertiary);display:inline-flex;font-size:11px;font-weight:700;justify-content:center;line-height:1.4;min-width:22px;padding:0 6px}.organization-admin .status-filter-btn.active .status-filter-count{background:#fff3;color:#fff}.organization-admin .filter-toggle{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;gap:10px;min-height:var(--actions-control-height);padding:0 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.organization-admin .filter-toggle:hover{border-color:var(--color-text-tertiary)}.organization-admin .filter-toggle:has(input:checked){background-color:#d1fae5;border-color:#10b981}.organization-admin .filter-toggle:has(input:checked) .toggle-label{color:#059669;font-weight:600}.organization-admin .filter-toggle input[type=checkbox]{display:none}.organization-admin .toggle-slider{background-color:#e5e7eb;border-radius:12px;height:24px;position:relative;transition:all .2s ease;width:44px}.organization-admin .toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:20px}.organization-admin .filter-toggle input:checked+.toggle-slider{background-color:#10b981}.organization-admin .filter-toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.organization-admin .toggle-label{color:var(--color-text-primary);font-size:14px;font-weight:500;white-space:nowrap}.organization-admin .stats-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin:0 auto 24px;max-width:var(--layout-max-width);padding:0 24px}.organization-admin .stat-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:.35rem;padding:.35rem 1rem;transition:all .2s ease}.organization-admin .stat-item:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.organization-admin .stat-label{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:0;text-transform:none}.organization-admin .stat-value{align-items:center;background:#11182726;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;line-height:1.2;min-width:24px;padding:0 6px}.org-table-container{margin:0 auto;max-width:var(--layout-max-width);overflow-x:auto;padding:0 24px 32px;width:100%}.org-table{background:var(--color-surface);border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.org-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.org-table th{color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:.05em;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.org-table tbody tr{border-bottom:1px solid var(--color-border);cursor:pointer;transition:all .2s ease}.org-table tbody tr:last-child{border-bottom:none}.org-table tbody tr:hover{background:#f9fafb}.org-table tbody tr.selected{background:#eff6ff}.org-table td{color:var(--color-text-primary);font-size:13px;padding:12px 16px;vertical-align:middle}.org-table td.org-actions-col,.org-table th.org-actions-col{min-width:148px;padding-left:10px;padding-right:10px;text-align:center;white-space:nowrap;width:148px}.org-table td.org-status-col,.org-table th.org-status-col{min-width:112px;text-align:center;white-space:nowrap}.org-table-actions{flex-wrap:nowrap;gap:8px}.org-table-action-btn,.org-table-actions{align-items:center;display:flex;justify-content:center}.org-table-action-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;height:30px;padding:0;transition:all .2s ease;width:30px}.org-table-action-btn:hover{background:#eff6ff;border-color:#111827;color:#111827}.org-table-action-btn.danger:hover{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.org-table-action-btn svg{height:16px;width:16px}[data-theme=dark] .org-table tbody tr:hover{background:var(--color-surface-secondary)}[data-theme=dark] .org-table tbody tr.selected{background:#1118272e}[data-theme=dark] .org-table-action-btn:hover{background:#11182726;border-color:#60a5fa;color:#93c5fd}[data-theme=dark] .org-table-action-btn.danger:hover{background:#ef444433;border-color:#f87171;color:#fca5a5}.org-table .table-name-cell{display:flex;flex-direction:column;gap:4px}.org-table .table-name-cell strong{color:var(--color-text-primary);font-size:14px;font-weight:600}.org-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 32px}@media (max-width:1200px){.org-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.org-card{background:var(--color-surface);border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;text-align:left;transition:all .3s ease}.org-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.org-card.selected{border-color:#111827;box-shadow:0 6px 12px #11182726}.org-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.org-card-header strong{font-size:14px}.org-card-subtitle{color:var(--color-text-secondary);display:block;font-size:12px;margin-top:4px}.org-card-meta{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:13px;gap:6px}.org-toggle-inline{align-items:center;background:#fff;background:var(--color-background-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:999px;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:inline-flex;font-size:12px;gap:8px;height:36px;padding:0 12px}.organization-admin button:not(.status-filter-btn):not(.org-table-action-btn),.organization-admin input,.organization-admin select{min-height:44px;min-width:44px}.organization-admin .org-table-action-btn{min-height:0;min-width:0}.organization-admin a:focus-visible,.organization-admin button:focus-visible,.organization-admin input:focus-visible,.organization-admin select:focus-visible{border-radius:4px;outline:3px solid var(--color-primary);outline-offset:2px}.skip-link{background:var(--color-primary);border-radius:8px;color:#fff;font-weight:600;left:16px;padding:12px 24px;position:absolute;text-decoration:none;top:-100%;transition:top .3s ease;z-index:9999}.skip-link:focus{top:16px}.organization-admin .page-header-cta{display:flex;gap:10px}.org-toolbar{width:100%}.org-toolbar-card{align-items:center;background:#fff;background:var(--color-background-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;padding:12px 16px;width:100%}.org-toolbar-actions{align-items:center;display:flex;margin-left:auto}.org-filters{flex:1 1;flex-wrap:wrap;gap:8px 12px;min-width:0}.org-filter,.org-filters{align-items:center;display:flex}.org-filter{flex-direction:row;gap:8px}.org-filter label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:12px;font-weight:600;margin:0;white-space:nowrap}.org-filter select{background:#fff;background:var(--color-background-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;font-size:14px;font-weight:500;min-width:140px;padding:8px 12px}.org-toggle{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:13px;gap:8px;margin-top:0;white-space:nowrap}.org-toggle input{accent-color:var(--color-primary);height:16px;min-height:16px;min-width:16px;width:16px}.org-primary-btn{background:#111827;background:var(--color-primary,#111827);border:1px solid #111827;border:1px solid var(--color-primary,#111827);border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px}.org-content-card{background:#fff;background:var(--color-background-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:16px;box-shadow:var(--shadow-sm);margin:0 auto 32px;max-width:var(--layout-max-width);padding:24px}.org-content{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:minmax(280px,1fr) minmax(360px,1.2fr)}.org-content--single{grid-template-columns:1fr}.org-details-panel,.org-tree-panel{background:#0000;border:none;border-radius:0;box-shadow:none;max-height:680px;min-height:420px;overflow-x:auto;overflow-y:auto;padding:0;width:100%}.org-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.org-panel-header h2{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:18px}@media (max-width:768px){.organization-admin .page-header.org-page-header .page-title{font-size:24px}}@media (max-width:480px){.organization-admin .page-header.org-page-header{padding:24px 16px 20px}.organization-admin .page-header.org-page-header .page-title{font-size:22px}}.org-loading{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px)}.org-tree-filters{margin-bottom:10px}.org-tree-filters input{background:#fff;background:var(--color-background-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.org-tree{display:flex;flex-direction:column;gap:6px}.org-tree-row{--depth-level:0;position:relative}.org-tree-row:before{background:#e5e7eb;background:var(--color-separator,#e5e7eb);border-radius:999px;bottom:8px;content:"";left:calc(12px + var(--depth-level)*18px);opacity:.8;position:absolute;top:8px;width:1px}.org-tree-row[data-depth="0"]:before{display:none}.org-tree-node{align-items:flex-start;background:#fff;background:var(--color-background-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-left:calc(var(--depth-level)*18px);padding:var(--spacing-md);position:relative;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%}.org-tree-node:hover{background:var(--color-background-secondary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.org-tree-node:focus{outline:2px solid var(--color-primary);outline-offset:2px}.org-tree-node.selected{background:#11182714;border-color:#11182773;box-shadow:0 2px 8px #1118271f}.org-tree-main{align-items:center;display:flex;flex:1 1;gap:10px}.org-tree-toggle{align-items:center;background:#0000;border:none;color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);cursor:pointer;display:inline-flex;font-size:16px;font-size:var(--font-size-md,16px);height:44px;justify-content:center;transition:all .2s ease;width:44px}.org-tree-toggle:hover{background:var(--color-background-secondary)}.org-tree-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.org-tree-toggle.placeholder{height:32px;width:32px}.org-tree-label{background:#0000;border:none;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:6px;padding:0;text-align:left}.org-tree-label-main{gap:8px}.org-tree-label-main,.org-tree-label-meta{align-items:center;display:flex;flex-wrap:wrap}.org-tree-label-meta{gap:6px}.org-tree-actions{display:flex;gap:6px;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease}.org-tree-node.selected .org-tree-actions,.org-tree-node:focus-within .org-tree-actions,.org-tree-node:hover .org-tree-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.org-tree-actions .ghost{background:#fff;background:var(--color-background-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease}.org-tree-actions .ghost:hover{background:var(--color-background-secondary);border-color:var(--color-primary)}.org-tree-actions .ghost:focus{outline:2px solid var(--color-primary);outline-offset:2px}.org-type-chip{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:999px;border-radius:var(--radius-full,999px);color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:12px;font-weight:600;padding:2px 10px}.org-type-chip,.org-type-chip.detail{background:#f3f4f6;background:var(--color-background-secondary,#f3f4f6)}.org-type-chip.detail{color:#1f2937;color:var(--color-text-primary,#1f2937)}.org-type-chip.status{align-items:center;display:inline-flex;gap:4px}.org-type-chip.status.active{background:#e7f6ec;border-color:#cfe9d7;color:#1f6b3b}.org-type-chip.status.deleted{background:#fdecec;border-color:#f7c8c8;color:#9b1c1c}.org-type-chip.status.inactive{background:#fff6e5;border-color:#f0d9b5;color:#8a5a0a}.org-name{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-weight:700}.org-status-chip{align-items:center;background:#f3f4f6;background:var(--color-background-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:999px;border-radius:var(--radius-full,999px);color:#374151;color:var(--color-text-secondary,#374151);display:inline-flex;font-size:12px;font-weight:600;justify-content:center;min-width:72px;padding:2px 8px}.org-status-chip.active{background:#e7f6ec;border-color:#cfe9d7;color:#1f6b3b}.org-status-chip.deleted{background:#fdecec;border-color:#f7c8c8;color:#9b1c1c}.org-status-chip.inactive{background:#fff6e5;border-color:#f0d9b5;color:#8a5a0a}.org-details{gap:16px;gap:var(--spacing-md,16px)}.org-details,.org-details-card{display:flex;flex-direction:column;width:100%}.org-details-card{background:#fff;background:var(--color-background-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;gap:var(--spacing-md);padding:16px}.organization-admin.org-detail .info-item.full-width.org-logo-card{grid-gap:12px 14px;align-items:center;background:#f8fafc;background:var(--color-surface-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:12px;box-shadow:none;display:grid;gap:12px 14px;grid-template-columns:52px minmax(0,1fr) auto;padding:12px 14px}.organization-admin.org-detail .org-logo-preview{align-items:center;background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:13px;font-weight:700;height:52px;justify-content:center;overflow:hidden;width:52px}.organization-admin.org-detail .org-logo-preview img{height:100%;object-fit:cover;width:100%}.organization-admin.org-detail .org-logo-main{display:flex;flex-direction:column;gap:2px;min-width:0}.organization-admin.org-detail .org-logo-title{color:#94a3b8;color:var(--color-text-tertiary,#94a3b8);font-size:11px;font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}.organization-admin.org-detail .org-logo-hint{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:12px;margin:0}.organization-admin.org-detail .org-logo-selected{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:12px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.organization-admin.org-detail .org-logo-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.organization-admin.org-detail .org-logo-input{display:none}.organization-admin.org-detail .org-logo-pending-actions{align-items:center;display:inline-flex;gap:8px}@media (max-width:768px){.organization-admin.org-detail .info-item.full-width.org-logo-card{gap:10px;grid-template-columns:52px minmax(0,1fr);padding:10px 12px}.organization-admin.org-detail .org-logo-actions{grid-column:1/-1;justify-content:flex-start}}.org-identity-bar{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;gap:12px;justify-content:space-between;padding-bottom:10px}.org-identity-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.org-identity-main h3{font-size:20px;font-size:var(--font-size-lg,20px);margin:0}.org-identity-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.org-identity-actions .primary{background:#111827;background:var(--color-primary,#111827);border:1px solid #111827;border:1px solid var(--color-primary,#111827);border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.org-identity-actions .secondary.ghost{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;padding:8px 12px}.org-identity-actions .danger.ghost{background:#0000;border:1px solid #f4c2c2;border-radius:8px;color:#b42318;cursor:pointer;padding:8px 12px}.org-details-group{gap:6px 12px}.org-details-group,.org-details-row{align-items:center;display:flex;flex-wrap:wrap}.org-details-row{gap:12px}.org-details-select{background:#fff;background:var(--color-background-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;font-size:14px;font-weight:500;min-width:220px;padding:8px 12px}.org-details-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none}.org-details-value{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:15px;font-weight:600;line-height:1.5}.org-details-grid{grid-gap:10px 24px;display:grid;gap:10px 24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.org-details-grid.compact{gap:8px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.org-details-col{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr}.org-details-col-wide{grid-column:1/-1}.org-details-section{display:flex;flex-direction:column;gap:8px}.org-details-section-title{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:13px;font-weight:700;margin:0}.org-access-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.4;margin:12px 0;padding:10px 12px}.org-access-note,.org-inline-hint{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.org-inline-hint{font-size:12px;margin-top:6px}.org-hierarchy-path{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-wrap:wrap;font-size:14px;font-size:var(--font-size-sm,14px);gap:8px}.org-path-sep{margin:0 4px}.org-hierarchy-empty{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.org-count-chip{background:#eef2ff;border-radius:999px;color:#4338ca;font-size:12px;font-weight:600;padding:2px 8px}.org-actions{display:flex;flex-wrap:wrap;gap:10px}.org-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;min-height:44px;padding:10px 16px;transition:all .2s ease}.org-actions button:hover{box-shadow:var(--shadow-sm);transform:none}.org-actions button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.org-actions .primary{background:#111827;background:var(--color-primary,#111827);color:#fff}.org-actions .secondary{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a)}.org-actions .danger{background:#0000;border:1px solid #fecaca;color:#b91c1c}.org-empty{padding:16px 0}.org-empty,.org-empty-state{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.org-empty-state{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:220px}.org-empty-icon{font-size:32px}.org-modal-footer{display:flex;gap:12px;justify-content:flex-end}.org-modal-footer .primary{background:#111827;background:var(--color-primary,#111827);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff}.org-modal-footer .primary,.org-modal-footer .secondary{flex:0 0 auto;min-width:76px;padding:10px 16px;width:auto}.org-modal-footer .secondary{background:#f3f4f6;background:var(--color-surface-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);color:#1a1a1a;color:var(--color-text-primary,#1a1a1a)}.org-modal-footer .danger{background:#0000;border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius-md,8px);color:#b91c1c;flex:0 0 auto;min-width:76px;padding:10px 16px;width:auto}.org-modal-delete-text{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);margin:0}.org-form{gap:12px}.org-form,.org-form label{display:flex;flex-direction:column}.org-form label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);gap:6px}.org-form input,.org-form select{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;font-size:14px;padding:10px 12px}.org-checkbox{align-items:center;flex-direction:row;gap:8px}.org-checkbox input{accent-color:var(--color-primary);height:16px;min-height:16px;min-width:16px;width:16px}.org-inline-form{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding-top:8px}.org-inline-form label{color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;font-size:14px;font-size:var(--font-size-sm,14px);gap:6px}.org-inline-form input,.org-inline-form select{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;font-size:14px;padding:10px 12px}.org-inline-actions{display:flex;gap:10px;grid-column:1/-1;justify-content:flex-end}.org-inline-actions button{border-radius:8px;cursor:pointer;padding:8px 12px}.org-inline-actions .primary{background:#111827;background:var(--color-primary,#111827);border:1px solid #111827;border:1px solid var(--color-primary,#111827);color:#fff}.org-inline-actions .secondary{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#6b7280;color:var(--color-text-secondary,#6b7280)}[data-theme=dark] .org-form label{color:var(--color-text-secondary)!important}[data-theme=dark] .org-form input,[data-theme=dark] .org-form select{background:var(--color-surface)!important;background-color:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}[data-theme=dark] .org-form input::placeholder{color:var(--color-text-tertiary)!important}[data-theme=dark] .org-form input:focus,[data-theme=dark] .org-form select:focus{background:var(--color-surface)!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)!important;outline:none}[data-theme=dark] .org-form select option{background:var(--color-surface)!important;color:var(--color-text-primary)!important}[data-theme=dark] .org-form input:disabled,[data-theme=dark] .org-form select:disabled{-webkit-text-fill-color:var(--color-text-tertiary)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-tertiary)!important;opacity:1!important}[data-theme=dark] .org-form input:-webkit-autofill,[data-theme=dark] .org-form input:-webkit-autofill:active,[data-theme=dark] .org-form input:-webkit-autofill:focus,[data-theme=dark] .org-form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-primary)!important;box-shadow:0 0 0 30px var(--color-surface) inset!important}[data-theme=dark] .org-checkbox span{color:var(--color-text-secondary)!important}[data-theme=dark] .org-modal-footer .secondary{background:var(--color-surface-secondary)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}[data-theme=dark] .org-modal-footer .secondary:hover:not(:disabled){background:var(--color-border)!important}@media (max-width:1024px){.org-content{grid-template-columns:1fr}.org-content-card{padding:20px}.org-toolbar{align-items:flex-start;flex-direction:column}.org-toolbar-card{flex-wrap:wrap;padding:var(--spacing-md)}.org-filters{flex-wrap:wrap;width:100%}.org-table-container{overflow-x:scroll}.org-table{min-width:900px}}@media (max-width:768px){.organization-admin{padding:var(--spacing-md) 0}.organization-admin .actions-bar{align-items:stretch;flex-direction:column}.organization-admin .search-box{min-width:0}.organization-admin .organization-filter-selects{flex-wrap:wrap;width:100%}.organization-admin .filter-select{min-width:0;width:100%}.organization-admin .filter-controls{justify-content:flex-start;margin-left:0;width:100%}.organization-admin .actions-bar .btn-primary,.organization-admin .filter-toggle,.organization-admin .view-toggle{justify-content:center;width:100%}.org-filter-rows{align-items:stretch}.org-filter-row{justify-content:flex-start}.org-inline-select,.org-toggle-inline{width:100%}.org-inline-select select{min-width:0;width:100%}.org-toolbar-card{padding:var(--spacing-md)}.org-filters{flex-wrap:wrap;width:100%}.org-filter{width:100%}.org-details-panel,.org-tree-panel{min-height:auto;padding:var(--spacing-md)}.org-details-col,.org-details-grid{grid-template-columns:1fr}.org-identity-bar{flex-direction:column;gap:var(--spacing-sm)}.org-identity-actions{justify-content:center;width:100%}.org-actions{flex-direction:column}.org-actions button{width:100%}}@media (max-width:480px){.org-details-card,.org-toolbar-card,.org-tree-node{padding:var(--spacing-sm)}.org-form{gap:var(--spacing-sm)}}@media (prefers-contrast:high){.organization-admin .org-details-card,.organization-admin .org-toolbar-card,.organization-admin .org-tree-node{border-width:3px}.organization-admin .org-details-label{font-weight:700}}@media (prefers-reduced-motion:reduce){.organization-admin,.organization-admin .org-details-card,.organization-admin .org-toolbar-card,.organization-admin .org-tree-node{animation:none;transition:none}}.statute-admin-page{background:var(--color-background);min-height:100vh;padding:0}.statute-admin-page-header{padding-bottom:24px}.statute-admin-actions-bar{--actions-control-height:44px;align-items:center;display:flex;gap:12px;justify-content:flex-start;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 16px;row-gap:12px;width:100%}.statute-admin-search-box{align-items:center;background:var(--color-surface);background:var(--color-search-box-surface,var(--color-surface));border:2px solid var(--color-border);border-radius:12px;display:flex;flex:1 1 auto;gap:12px;height:var(--actions-control-height);max-width:none;min-width:360px;padding:0 14px;transition:all .2s ease;width:100%}.statute-admin-search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.statute-admin-search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.statute-admin-search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:15px;outline:none}.statute-admin-search-input::placeholder{color:var(--color-text-tertiary)}.statute-admin-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto 24px;max-width:var(--layout-max-width);padding:0 24px}.statute-admin-tab-group{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:inline-flex;gap:6px;min-height:44px;padding:4px}.statute-admin-tab.active{background:#111827;border-color:#111827;color:#fff}.statute-admin-tab{align-items:center;background:#0000;border:0;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;min-width:64px;padding:8px 12px;transition:all .2s ease}.statute-admin-tab-count{align-items:center;background:#94a3b82e;border-radius:999px;display:inline-flex;font-size:11px;height:20px;justify-content:center;line-height:1;min-width:22px;padding:0 6px}.statute-admin-tab.active .statute-admin-tab-count{background:#ffffff24}.statute-admin-table-shell{margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 32px}.statute-admin-table-wrapper{-webkit-overflow-scrolling:touch;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 1px 3px #0f172a14;overflow-x:auto;overflow-y:hidden}.statute-admin-table{border-collapse:initial;border-spacing:0;width:100%}.statute-admin-table thead{background:var(--color-surface-secondary)}.statute-admin-table thead th{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:.05em;padding:16px 18px;text-align:left;text-transform:uppercase}.statute-admin-table td.col-effective,.statute-admin-table td.col-uploaded,.statute-admin-table th.col-effective,.statute-admin-table th.col-uploaded{min-width:128px;white-space:nowrap}.statute-admin-table td.col-status,.statute-admin-table th.col-status{min-width:116px;text-align:center;white-space:nowrap}.statute-admin-table td.col-actions,.statute-admin-table th.col-actions{min-width:144px;padding-left:10px;padding-right:10px;text-align:center;white-space:nowrap}.statute-admin-table tbody td{border-top:1px solid #eef2f7;color:var(--color-text-primary);font-size:13px;line-height:1.45;padding:18px;vertical-align:top}.statute-admin-table tbody tr:first-child td{border-top:none}.statute-admin-cell-title{min-width:210px}.statute-admin-file-name,.statute-admin-verein-name{color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:1.4}.statute-admin-file-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statute-admin-cell-subtitle{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:13px;line-height:1.45;margin-top:6px}.statute-admin-actions,.statute-admin-review-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:center}.statute-admin-actions{min-width:108px}.statute-admin-review-actions{justify-content:flex-end}.statute-admin-review-actions .btn-danger,.statute-admin-review-actions .btn-secondary{border-radius:8px;flex:0 0 auto;font-size:14px;font-weight:500;line-height:1.2;min-width:76px;padding:10px 16px;width:auto}.statute-admin-icon-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.statute-admin-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--color-text-primary)}.statute-admin-icon-btn.approve{color:#059669}.statute-admin-icon-btn.reject{color:#dc2626}.statute-admin-status{align-items:center;border-radius:8px;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.08em;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.statute-admin-status.status-pending{background:#fff7ed;color:#9a3412}.statute-admin-status.status-approved{background:#ecfdf5;color:#166534}.statute-admin-status.status-rejected{background:#fef2f2;color:#991b1b}.statute-admin-review-row td{background:#fafafa}.statute-admin-review textarea{background:var(--color-surface);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:12px;font:inherit;margin-bottom:.75rem;padding:.8rem .9rem;resize:vertical;width:100%}.statute-admin-empty{border:1px dashed #d1d5db;border:1px dashed var(--color-border,#d1d5db);border-radius:14px;color:#6b7280;color:var(--color-text-secondary,#6b7280);margin:0 24px 32px;padding:2rem;text-align:center}@media (max-width:1024px){.statute-admin-table thead{display:none}.statute-admin-table,.statute-admin-table tbody,.statute-admin-table td,.statute-admin-table tr{display:block;width:100%}.statute-admin-table tbody tr{border-top:1px solid #eef2f7}.statute-admin-table tbody tr:first-child{border-top:none}.statute-admin-table tbody td{border-top:none;padding:12px 16px}.statute-admin-table tbody td:before{color:#6b7280;display:block;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.statute-admin-table tbody td:first-child:before{content:"Dernek"}.statute-admin-table tbody td:nth-child(2):before{content:"Dosya"}.statute-admin-table tbody td:nth-child(3):before{content:"Geçerlilik"}.statute-admin-table tbody td:nth-child(4):before{content:"Yüklenme"}.statute-admin-table tbody td:nth-child(5):before{content:"Durum"}.statute-admin-table tbody td:nth-child(6):before{content:"İşlemler"}.statute-admin-review-row td:before{content:none!important}}@media (max-width:640px){.statute-admin-actions-bar,.statute-admin-empty,.statute-admin-table-shell,.statute-admin-tabs{padding-left:16px;padding-right:16px}.statute-admin-search-box{min-width:0}.statute-admin-tab-group{flex-wrap:wrap;justify-content:stretch;width:100%}.statute-admin-tab{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;justify-content:center}}.tiptap-editor-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.tiptap-menu-bar{background:var(--bg-secondary);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem}.menu-group{border-right:1px solid var(--color-border);display:flex;gap:.125rem;padding-right:.5rem}.menu-group:last-child{border-right:none}.tiptap-menu-bar button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;min-width:32px;padding:.25rem .5rem;transition:all .15s ease}.tiptap-menu-bar button:hover{background:var(--color-primary-light);color:var(--color-primary)}.tiptap-menu-bar button.is-active{background:var(--color-primary);color:#fff}.tiptap-menu-bar button:disabled{cursor:not-allowed;opacity:.4}.color-picker{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;height:32px;padding:2px;width:32px}.placeholder-group{position:relative}.placeholder-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.25rem;max-height:300px;min-width:320px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.placeholder-dropdown button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background .15s ease;width:100%}.placeholder-dropdown button:hover{background:var(--bg-secondary)}.placeholder-key{background:var(--color-primary-light);border-radius:4px;color:var(--color-primary);flex-shrink:0;font-size:.75rem;padding:.125rem .5rem;white-space:nowrap}.placeholder-label{color:var(--color-text-secondary);font-size:.875rem;white-space:nowrap}.tiptap-editor-content{min-height:300px;min-height:var(--min-height,300px);overflow-y:auto;padding:1rem}.tiptap-editor-content .tiptap{min-height:300px;min-height:var(--min-height,300px);outline:none}.tiptap-editor-content .tiptap h1{font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 1rem}.tiptap-editor-content .tiptap h2{font-size:1.5rem;font-weight:600;line-height:1.35;margin:0 0 .75rem}.tiptap-editor-content .tiptap ol,.tiptap-editor-content .tiptap ul{margin:0 0 .75rem 1.5rem;padding:0}.tiptap-editor-content .tiptap li{margin-bottom:.25rem}.tiptap-editor-content .tiptap .tiptap-link,.tiptap-editor-content .tiptap a{color:var(--color-primary);cursor:pointer;text-decoration:underline}.tiptap-editor-content .tiptap img{border-radius:4px;height:auto;margin:.5rem 0;max-width:100%}.tiptap-editor-content .tiptap mark{background-color:#fef08a;border-radius:2px;padding:.125rem .25rem}.tiptap-editor-content .tiptap blockquote{border-left:3px solid var(--color-primary);color:var(--color-text-secondary);margin:0 0 .75rem;padding-left:1rem}.tiptap-editor-content .tiptap code{background:var(--bg-secondary);border-radius:4px;font-family:monospace;font-size:.875em;padding:.125rem .375rem}.tiptap-editor-content .tiptap hr{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}[data-theme=dark] .tiptap-editor-container{background:#ffffff05}[data-theme=dark] .tiptap-menu-bar{background:#ffffff0d}[data-theme=dark] .placeholder-dropdown{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .tiptap-editor-content .tiptap mark{background-color:#fef08a4d}@media (max-width:768px){.tiptap-menu-bar{gap:.125rem;padding:.375rem}.menu-group{padding-right:.25rem}.tiptap-menu-bar button{font-size:.75rem;height:28px;min-width:28px}.placeholder-dropdown{min-width:280px;right:0}.tiptap-editor-content{padding:.75rem}}.tiptap-editor-content .tiptap h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.tiptap-editor-content .tiptap p{line-height:1.6;margin:0 0 .75rem}.tiptap-editor-content .tiptap p:last-child{margin-bottom:0}.tiptap-editor-content .tiptap p.is-editor-empty:first-child:before{color:var(--color-text-tertiary);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.link-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1100}.link-modal{animation:modalFadeIn .2s ease-out;background:var(--color-surface);border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:440px;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.link-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 20px}.link-modal-header h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.link-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.link-modal-close:hover{background:var(--bg-secondary);color:var(--color-text-primary)}.link-modal-body{padding:20px}.link-modal-body label{color:var(--color-text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.link-modal-body input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.link-modal-body input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.link-modal-body input::placeholder{color:var(--color-text-tertiary)}.link-modal-actions{align-items:center;background:var(--bg-secondary);border-radius:0 0 12px 12px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 20px}.link-modal-actions-right{display:flex;gap:10px}.btn-danger-outline{background:#0000;border:1px solid var(--color-error);border-radius:6px;color:var(--color-error);cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s}.btn-danger-outline:hover{background:var(--color-error);color:#fff}.brief-form-page{padding:0}.brief-form-page .page-header{flex-direction:column;padding:28px 24px 12px;text-align:center}.brief-form-page .actions-bar,.brief-form-page .page-header{align-items:center;display:flex;max-width:var(--layout-max-width)}.brief-form-page .actions-bar{gap:1rem;justify-content:flex-start;margin:0 auto;padding:0 24px 16px}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);font-weight:500;padding:.5rem 1rem}.btn-secondary:hover{background:var(--color-border)}.brief-form{margin:0 auto;max-width:var(--layout-max-width)}.brief-form-sections{display:flex;flex-direction:column;gap:16px;padding:0 24px}.brief-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 2px #1018280f;box-shadow:var(--shadow-sm,0 1px 2px #1018280f);padding:16px}.brief-section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.brief-section-header .form-label{margin:0}.btn-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;padding:6px 10px;transition:all .2s ease}.btn-toggle:hover{border-color:var(--color-primary);box-shadow:0 1px 2px #10182814;box-shadow:var(--shadow-sm,0 1px 2px #10182814)}.btn-toggle:hover,.form-label{color:var(--color-text-primary)}.form-label{display:block;font-size:.9rem;font-weight:600;margin:0 0 8px}.form-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);color:var(--color-text-primary);font-size:.95rem;padding:12px 14px;width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1118271a;outline:none}.brief-compose-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.brief-editor-panel,.brief-preview-panel{background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;min-height:420px;padding:16px}.brief-editor-toolbar,.brief-preview-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.brief-editor-toolbar .toolbar-title,.brief-preview-header .preview-title{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.preview-personalization-note{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:12px;font-weight:500;line-height:1.45;margin:0 0 12px;padding:10px 12px}.brief-preview-body{background:#0000;border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex:1 1;padding:0}.brief-preview-panel .letter-paper{border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:none;margin:0;max-width:100%;padding:20px;width:100%}.brief-preview-panel .letter-paper:before{left:20px;right:20px}.brief-preview-panel .letter-header{margin-bottom:12px}.brief-preview-panel .letter-subject{line-height:1.4;margin-bottom:16px!important;padding-bottom:12px!important}.brief-preview-panel .letter-body{font-size:14px}.brief-editor-panel .tiptap-editor-container{display:flex;flex:1 1;flex-direction:column}.brief-editor-panel .tiptap-editor-content{flex:1 1}.letter-logo img{border-radius:10px;height:100%;object-fit:cover;width:100%}.recipients-panel{display:flex;flex-direction:column;gap:12px}.recipients-search{width:100%}.recipients-search .form-input{display:block;width:100%}.recipients-collapsible{display:flex;flex-direction:column;gap:12px}.recipients-collapsed-hint{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border:1px dashed var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);color:var(--color-text-secondary);font-size:.85rem;padding:10px 12px}.selection-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.btn-selection-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.8rem;padding:0}.btn-selection-link:hover{text-decoration:underline}.selection-count{background:var(--bg-secondary);border-radius:10px;color:var(--color-text-secondary);font-size:.75rem;margin-left:auto;padding:.25rem .5rem}.selected-member-display .btn-change-recipient{align-items:center;background:#0000;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.875rem;font-weight:500;justify-content:center;line-height:1;margin-left:auto;padding:.375rem .75rem;transition:all .2s;white-space:nowrap}.selected-member-display .btn-change-recipient:hover{background:var(--color-primary);color:#fff}.members-list{background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;gap:6px;max-height:260px;padding:8px}.member-item{border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md,10px);gap:.75rem;padding:8px 10px}.member-item:hover{background:var(--color-surface-secondary);border-color:var(--color-border)}.member-item.selected{background:var(--color-primary-light)}.member-item input[type=checkbox]{accent-color:var(--color-primary);height:16px;width:16px}.member-name{font-size:.875rem}.member-email{color:var(--color-text-secondary);font-size:.75rem}.brief-form .form-actions{border-top:1px solid var(--color-border);gap:12px;margin-left:auto;margin-right:auto;margin-top:16px;max-width:var(--layout-max-width);padding:16px 24px 24px}.brief-attachments,.brief-form .form-actions{align-items:center;display:flex;flex-wrap:wrap}.brief-attachments{gap:10px}.brief-attachments input[type=file]{color:var(--color-text-secondary);font-size:.85rem}.brief-attachments input[type=file]::-webkit-file-upload-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;height:42px;line-height:1;margin-right:8px;min-height:42px;padding:0 14px;-webkit-transition:all .2s ease;transition:all .2s ease}.brief-attachments input[type=file]::file-selector-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;height:42px;line-height:1;margin-right:8px;min-height:42px;padding:0 14px;transition:all .2s ease}.brief-attachments input[type=file]::-webkit-file-upload-button:hover{background:var(--color-surface-secondary);box-shadow:0 1px 2px #10182814;box-shadow:var(--shadow-sm,0 1px 2px #10182814)}.brief-attachments input[type=file]::file-selector-button:hover{background:var(--color-surface-secondary);box-shadow:0 1px 2px #10182814;box-shadow:var(--shadow-sm,0 1px 2px #10182814)}.brief-form .form-actions-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.brief-form .form-actions-group .btn-primary,.brief-form .form-actions-group .btn-secondary{align-items:center;box-sizing:border-box;display:inline-flex;height:42px;justify-content:center;line-height:1;min-height:42px;padding:0 16px;white-space:nowrap}.btn-primary{background:var(--color-primary);border-radius:8px;font-weight:600;padding:.75rem 1.5rem;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-success{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .2s}.btn-success:hover:not(:disabled){background:#059669}.btn-success:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.brief-compose-grid{grid-template-columns:1fr}}@media (max-width:768px){.brief-form-page{padding:1rem}.brief-form .form-actions,.brief-form-sections{padding-left:16px;padding-right:16px}.brief-form .form-actions{flex-direction:column}.brief-form .form-actions-group{justify-content:stretch;width:100%}.brief-form .form-actions button{width:100%}}.brief-file-list{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 16px}.brief-file-list span{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md,10px);padding:4px 8px}.selected-member-display{background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px}.selected-member-info{display:flex;flex-direction:column;gap:2px}.selected-label{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.selected-member-display .member-name{color:var(--color-text-primary);font-size:15px;font-weight:600}.selected-member-display .member-email{color:var(--color-text-secondary);font-size:12px}.selected-member-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.member-fields-panel{background:#f8f9fa;background:var(--bg-tertiary,#f8f9fa);border:1px solid var(--color-border);border-radius:8px;margin-bottom:12px;padding:12px}.member-fields-panel h4{color:var(--color-text-primary);font-size:13px;font-weight:600;margin:0 0 4px}.member-fields-panel .hint-text{color:var(--color-text-secondary);font-size:11px;margin:0 0 10px}.member-fields-list{display:flex;flex-direction:column;gap:4px}.member-field-item{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 10px;transition:all .15s}.member-field-item:hover:not(.disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.member-field-item.disabled{cursor:not-allowed;opacity:.5}.member-field-item .field-label{color:var(--color-text-secondary);font-size:12px}.member-field-item .field-value{color:var(--color-text-primary);font-weight:500;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.btn-preview{align-items:center;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.btn-preview:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn-preview:disabled{cursor:not-allowed;opacity:.6}.members-empty{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.875rem;padding:10px 12px}.modal-overlay{padding:24px}.modal-content.preview-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid var(--color-border);padding:16px 24px}.modal-header h2{align-items:center;display:flex;font-weight:600;gap:10px}.modal-header h2 svg{color:var(--color-primary)}.btn-close{align-items:center;border-radius:6px;color:var(--color-text-secondary);display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-close:hover{background:var(--bg-secondary);color:var(--color-text-primary)}.preview-content{background:linear-gradient(135deg,#f5f7fa,#e4e8ec);flex:1 1;overflow-y:auto;padding:24px}.letter-paper{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a,0 0 0 1px #0000000d;margin:0 auto;max-width:700px;padding:40px;position:relative}.letter-paper:before{background:linear-gradient(90deg,var(--color-primary) 0,#1a56db 100%);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark,#1a56db) 100%);border-radius:0 0 4px 4px;content:"";height:4px;left:40px;position:absolute;right:40px;top:0}.letter-header{gap:16px;margin-bottom:24px}.letter-header,.letter-logo{align-items:center;display:flex}.letter-logo{background:linear-gradient(135deg,var(--color-primary) 0,#1a56db 100%);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark,#1a56db) 100%);border-radius:12px;color:#fff;font-size:20px;font-weight:700;height:56px;justify-content:center;text-transform:uppercase;width:56px}.letter-sender-info{display:flex;flex-direction:column;gap:2px}.letter-sender-info .sender-name{color:var(--color-text-primary);font-size:18px;font-weight:600}.letter-sender-info .sender-detail{color:var(--color-text-secondary);font-size:13px}.letter-divider{background:linear-gradient(90deg,var(--color-border) 0,#0000 100%);height:1px;margin:20px 0}.letter-recipient{background:var(--bg-secondary);border-left:3px solid var(--color-primary);border-radius:8px;display:flex;flex-direction:column;gap:2px;margin-bottom:16px;padding:16px}.letter-recipient .recipient-label{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.letter-recipient .recipient-name{color:var(--color-text-primary);font-size:16px;font-weight:600}.letter-date,.letter-recipient .recipient-email{color:var(--color-text-secondary);font-size:13px}.letter-date{margin-bottom:24px;text-align:right}.letter-subject{align-items:baseline;border-bottom:2px solid var(--bg-secondary);display:flex;gap:8px;line-height:1.4;margin-bottom:16px;padding-bottom:12px}.letter-subject .subject-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.letter-subject .subject-text{color:var(--color-text-primary);font-size:18px;font-weight:600}.letter-body{color:var(--color-text-primary);font-size:15px;line-height:1.8;min-height:150px}.letter-body p{margin:0 0 1em}.letter-body p:last-child{margin-bottom:0}.letter-footer{border-top:1px solid var(--bg-secondary);margin-top:40px;padding-top:24px}.footer-signature{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.footer-signature strong{color:var(--color-text-primary)}.modal-actions{background:var(--bg-secondary);border-top:1px solid var(--color-border);padding:16px 24px}.modal-actions.single-action{justify-content:center}.modal-actions .btn-primary{align-items:center;display:inline-flex;gap:6px}.brief-detail-page{margin:0 auto;max-width:900px;padding:24px}.loading-container{min-height:300px}.error-state{padding:60px 20px;text-align:center}.error-state h2{color:#6b7280;margin-bottom:20px}.btn-icon-back{align-items:center;background:#fff;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-icon-back:hover{background:#f3f4f6}.header-actions{display:flex;gap:12px}.btn-secondary{border-radius:6px}.btn-danger,.btn-secondary{padding:8px 16px;transition:all .2s}.btn-danger{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.btn-danger:hover{background:#fee2e2}.brief-detail-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.brief-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.brief-header h1{color:#111827;font-size:24px;margin:0}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge.entwurf{background:#fef3c7;color:#92400e}.status-badge.gesendet{background:#d1fae5;color:#065f46}.brief-meta{grid-gap:16px;background:#fafafa;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px 24px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-item .label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.meta-item .value{color:#111827;font-size:14px;font-weight:500}.recipients-section{border-bottom:1px solid #e5e7eb;padding:24px}.recipients-section h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.recipients-list{display:flex;flex-wrap:wrap;gap:12px}.recipient-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:12px;min-width:220px;padding:10px 14px}.recipient-avatar{align-items:center;background:linear-gradient(135deg,#111827,#020617);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:36px;justify-content:center;text-transform:uppercase;width:36px}.recipient-info{display:flex;flex-direction:column;gap:2px;min-width:0}.recipient-name{color:#111827;font-size:14px;font-weight:500}.recipient-email,.recipient-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-email{color:#6b7280;font-size:12px}.recipient-status{font-size:11px;margin-top:2px}.recipient-status.read{color:#10b981}.recipient-status.unread{color:#f59e0b}.recipient-item.read{background:#f0fdf4;border-color:#bbf7d0}.no-recipients{color:#6b7280;font-size:14px;margin:0}.brief-body{padding:24px}.brief-body h3{color:#374151;font-size:16px;margin:0 0 16px}.content-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;line-height:1.6;min-height:200px;padding:24px}.content-preview p{margin:0 0 12px}.content-preview h1,.content-preview h2,.content-preview h3{margin:16px 0 8px}.content-preview ol,.content-preview ul{margin:8px 0;padding-left:24px}.btn-primary{background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#0f172a}.modal-overlay{bottom:0;left:0;right:0;top:0}.modal-content.send-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.modal-header h2{font-size:18px}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:0}.modal-close:hover{color:#111827}.modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.search-box input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.search-box input:focus{border-color:#111827;box-shadow:0 0 0 2px #1118271a;outline:none}.select-actions{align-items:center;display:flex;justify-content:space-between;margin:12px 0}.btn-link{background:none;border:none;color:#111827;cursor:pointer;font-size:14px;padding:0}.btn-link:hover{text-decoration:underline}.selected-count{color:#6b7280;font-size:14px}.members-list{border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto}.member-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.member-item:last-child{border-bottom:none}.member-item:hover{background:#f9fafb}.member-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.member-name{color:#111827;flex:1 1;font-weight:500}.member-email{color:#6b7280;font-size:13px}.modal-body .empty-state{color:#6b7280;padding:40px;text-align:center}.modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.vorlagen-page{padding:0}.vorlagen-page .actions-bar{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 16px}.vorlagen-page .btn-primary{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.btn-primary:hover{background:#0f172a}.loading-container{padding:60px}.vorlagen-page .empty-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto 24px;max-width:var(--layout-max-width);padding:80px 20px;text-align:center}.empty-icon{display:block;font-size:64px;margin-bottom:16px}.empty-state h3{color:#374151;margin:0 0 8px}.empty-state p{color:#6b7280;margin-bottom:24px}.vorlagen-page .vorlagen-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 24px}.vorlage-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:20px;transition:all .2s}.vorlage-card:hover{box-shadow:0 4px 12px #00000026}.vorlage-card.inactive{border:1px dashed #d1d5db;opacity:.6}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.kategorie-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.kategorie-badge.allgemein{background:#e5e7eb;color:#374151}.kategorie-badge.willkommen{background:#d1fae5;color:#065f46}.kategorie-badge.mitgliedschaft{background:#dbeafe;color:#1e40af}.kategorie-badge.veranstaltung{background:#fce7f3;color:#9d174d}.kategorie-badge.finanzen{background:#fef3c7;color:#92400e}.kategorie-badge.mahnung{background:#fee2e2;color:#991b1b}.kategorie-badge.sonstiges{background:#f3e8ff;color:#6b21a8}.system-badge{align-items:center;background:#111827;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;width:20px}.inactive-badge{background:#fef3c7;border-radius:10px;color:#92400e;font-size:10px;font-weight:500;padding:3px 8px}.card-actions{display:flex;gap:8px}.btn-icon{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;padding:4px;transition:opacity .2s}.btn-icon:hover{opacity:1}.btn-icon.delete:hover{color:#dc2626}.card-title{color:#111827;font-size:16px;margin:0 0 8px}.card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#9ca3af;display:-webkit-box;font-size:12px;margin:0 0 8px}.card-description,.card-subject{overflow:hidden;text-overflow:ellipsis}.card-subject{color:#6b7280;flex:1 1;font-size:13px;margin:0 0 12px;white-space:nowrap}.card-footer{border-top:1px solid #f3f4f6;margin-top:auto;padding-top:12px}.card-date,.card-footer{align-items:center;display:flex}.card-date{color:#9ca3af;font-size:12px;gap:6px}.card-date svg{opacity:.6}.toggle-switch{display:inline-block;height:20px;margin-left:auto;position:relative;width:36px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.3s;width:14px}.toggle-switch input:checked+.toggle-slider{background-color:#22c55e}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(16px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:16px;max-height:90vh;max-width:700px;overflow-y:auto;padding:24px;width:90%}.modal-content.modal-with-sidebar{max-width:950px}.modal-body-with-sidebar{display:flex;gap:24px}.modal-form{flex:1 1;min-width:0}.placeholder-panel{align-self:flex-start;background:#f9fafb;border-radius:12px;flex-shrink:0;padding:16px;position:-webkit-sticky;position:sticky;top:0;width:220px}.placeholder-panel h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.placeholder-hint{color:#6b7280;font-size:12px;margin:0 0 12px}.placeholder-list{display:flex;flex-direction:column;gap:6px}.placeholder-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 10px;text-align:left;transition:all .2s}.placeholder-item:hover{background:#eff6ff;border-color:#111827}.placeholder-key{color:#111827;font-family:monospace;font-size:11px;font-weight:500}.placeholder-label{color:#6b7280;font-size:12px}@media (max-width:768px){.modal-body-with-sidebar{flex-direction:column}.placeholder-panel{order:-1;width:100%}.placeholder-list{flex-direction:row;flex-wrap:wrap}.placeholder-item{flex:0 0 auto}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h2{color:#111827;font-size:20px;margin:0}.btn-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px}.btn-close:hover{color:#111827}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.form-group textarea{min-height:60px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 20px}.btn-secondary:hover{background:#e5e7eb}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.delete-confirm-modal{background:#fff;border-radius:16px;max-width:400px;padding:32px;text-align:center}.delete-confirm-modal .delete-icon{color:#ef4444;margin-bottom:16px}.delete-confirm-modal h3{color:#111827;font-size:18px;margin:0 0 12px}.delete-confirm-modal p{color:#6b7280;font-size:14px;margin:0 0 8px}.delete-confirm-modal .warning-text{color:#ef4444;font-size:13px;margin-bottom:24px}.delete-confirm-modal .modal-actions{border-top:none;justify-content:center;margin-top:0;padding-top:0}.btn-danger{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.preview-modal{max-width:800px}.preview-header-info{align-items:center;display:flex;gap:12px}.preview-header-info h2{color:#111827;font-size:20px;margin:0}.preview-content{padding:20px 0}.preview-description{background:#f9fafb;border-radius:8px;color:#6b7280;font-size:14px;font-style:italic;margin:0 0 20px;padding:12px 16px}.preview-field{margin-bottom:20px}.preview-field label{color:#6b7280;display:block;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.preview-subject{background:#f9fafb;border-radius:8px;color:#111827;font-size:16px;font-weight:500;margin:0;padding:12px 16px}.preview-body{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;max-height:400px;min-height:200px;overflow-y:auto;padding:20px}.preview-body p{margin:0 0 1em}.preview-body ol,.preview-body ul{margin:0 0 1em;padding-left:1.5em}.dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dialog-content{animation:dialogSlideIn .3s ease-out;background:var(--color-surface);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:32px;text-align:center;width:100%}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dialog-icon-warning{align-items:center;background:#f59e0b26;border-radius:50%;color:#f59e0b;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.dialog-title{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0 0 16px}.dialog-message{color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin:0 0 12px}.dialog-message strong{color:var(--color-text-primary);font-weight:600}.dialog-warning{background:#ef44441a;border-radius:8px;color:#ef4444;font-size:14px;font-weight:500;margin:0 0 24px;padding:12px}.dialog-footer{display:flex;gap:10px;justify-content:center}.btn-cancel,.btn-delete{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:44px;justify-content:center;line-height:1;min-width:120px;padding:0 18px;transition:all .2s ease}.btn-cancel{background:var(--color-surface-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-cancel:hover:not(:disabled){background:var(--color-border)}.btn-delete{background:#ef4444;box-shadow:0 1px 3px #ef44444d;color:#fff}.btn-delete:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-cancel:disabled,.btn-delete:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.dialog-content{padding:24px}.dialog-title{font-size:20px}.dialog-footer{flex-direction:column-reverse}.btn-cancel,.btn-delete{width:100%}}.org-messages-page{background:var(--color-background);min-height:100vh;padding:0}.org-messages-page--embedded{background:#0000;min-height:auto}.org-messages-page .actions-bar{--actions-control-height:44px;align-items:center;display:flex;gap:12px;justify-content:flex-start;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 16px;row-gap:12px;width:100%}.org-messages-page .actions-bar__controls{align-items:stretch}.org-messages-page .search-box{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:flex;flex:1 1 auto;gap:12px;height:var(--actions-control-height);max-width:none;min-width:360px;padding:0 14px;position:relative;transition:all .2s ease;width:100%}.org-messages-page .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.org-messages-page .search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.org-messages-page .search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:15px;outline:none}.org-messages-page .search-input::placeholder{color:var(--color-text-tertiary)}.org-messages-page .clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.org-messages-page .clear-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.org-messages-page .actions-bar .list-actions-btn{background:#111827;border-radius:10px;box-shadow:0 1px 3px #11182773;color:#fff;font-size:13px;gap:4px;height:44px;height:var(--actions-control-height,44px);line-height:1;min-height:44px;min-height:var(--actions-control-height,44px);min-width:120px;padding:0 14px;white-space:nowrap;width:auto}.org-messages-page .actions-bar .list-actions-btn:hover{background:#0f172a;box-shadow:0 4px 12px #11182773}.org-messages-page .actions-bar .list-actions-btn:active{background:#020617;transform:translateY(0)}.org-messages-page .actions-bar .list-actions-btn:focus-visible{outline:2px solid #94a3b8;outline-offset:2px}.org-messages-page .actions-bar .list-actions-btn svg{height:16px;width:16px}.org-messages-filters{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 24px;width:100%}.org-messages-page .org-messages-filters .filter-chip-bar,.org-messages-page .org-messages-filters .filter-chip-bar.filter-chip-bar--centered,.org-messages-page .org-messages-filters .filter-chip-bar.filter-chip-bar--secondary{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:inline-flex;gap:6px;justify-content:center;margin:0;max-width:none;min-height:44px;padding:4px;width:-webkit-fit-content;width:fit-content}.org-messages-page .org-messages-filters .filter-chip{background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:600;min-width:64px;padding:8px 12px;transition:all .2s ease}.org-messages-page .org-messages-filters .filter-chip:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.org-messages-page .org-messages-filters .filter-chip.active{background:#111827;box-shadow:0 2px 4px #11182733;color:#fff}.org-messages-page .org-messages-filters .filter-chip-count{background:#0f172a14;color:var(--color-text-tertiary);font-weight:700}.org-messages-page .org-messages-filters .filter-chip.active .filter-chip-count{background:#fff3;color:#fff}[data-theme=dark] .org-messages-page .org-messages-filters .filter-chip.active{background:#334155;box-shadow:0 2px 8px #0f172a73;color:#f8fafc}[data-theme=dark] .org-messages-page .org-messages-filters .filter-chip.active .filter-chip-count{background:#f8fafc3d;color:#f8fafc}.org-messages-header{position:relative}.org-messages-header .btn-secondary{position:absolute;right:24px;top:32px;white-space:nowrap;width:auto}@media (max-width:768px){.org-messages-header{align-items:center;display:flex;flex-direction:column;gap:12px;position:static}.org-messages-header .btn-secondary{position:static}.org-messages-filters{gap:12px}}.org-messages-table-container{margin:0 auto;max-width:var(--layout-max-width);overflow-x:auto;padding:0 24px 32px;width:100%}.org-messages-table{background:var(--color-surface);border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.org-messages-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.org-messages-empty-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 1px 3px #00000014;padding:48px 24px;text-align:center}.org-messages-empty-card .empty-state{padding:0}.org-messages-table td,.org-messages-table th{padding:14px 16px;text-align:left;vertical-align:top}.org-messages-table th{color:var(--color-text-secondary);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.org-messages-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.org-messages-table tbody tr:hover{background:#f9fafb;cursor:pointer}.org-messages-table tbody tr.unread td{font-weight:600}.org-messages-table tbody tr:last-child{border-bottom:none}.org-messages-table td{color:var(--color-text-primary);font-size:14px}.org-messages-table .col-actions,.org-messages-table .col-date,.org-messages-table .col-status,.org-messages-table .col-time{white-space:nowrap}.org-messages-table td.col-actions,.org-messages-table th.col-actions{min-width:132px;padding-left:10px;padding-right:10px;text-align:center;white-space:nowrap;width:132px}.org-messages-table .col-subject{min-width:260px}.org-messages-table .col-participants{min-width:200px}.thread-subject{align-items:center;display:flex;gap:8px}.thread-subject strong{color:var(--color-text-primary);font-weight:600}.thread-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.85rem;margin-top:4px;overflow:hidden}.badge-new{background:#fde68a;color:#92400e;font-size:.75rem;padding:2px 6px}.badge-new,.message-status{border-radius:999px;font-weight:700}.message-status{align-items:center;border:1px solid #0000;display:inline-flex;font-size:12px;justify-content:center;padding:4px 10px}.message-status.read{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.message-status.unread{background:#fef3c7;border-color:#fde68a;color:#92400e}.org-message-detail-header{padding-bottom:16px}.org-message-detail-header .page-title{margin-bottom:4px}.org-message-detail-actions-bar .btn-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.org-message-detail-actions-bar .btn-icon:hover{background:#f3f4f6;border-color:#d1d5db}.org-message-detail-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.org-message-detail-content{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 32px}.org-message-section-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.org-message-section-header h2,.org-message-section-header h3{color:var(--color-text-primary);font-size:1.05rem;margin:0}.section-count{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);font-size:.8rem;font-weight:600;padding:4px 10px}.org-message-thread{display:flex;flex-direction:column;gap:16px;margin:0 auto 24px;max-width:var(--layout-max-width);padding:0 24px}.org-message-detail-thread .org-message-thread{margin:0;max-width:none;padding:0}.org-message-item{align-items:flex-start;display:flex;gap:12px}.org-message-item.outgoing{flex-direction:row-reverse}.org-message-avatar{align-items:center;background:#f1f5f9;border-radius:12px;color:#475569;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:40px;justify-content:center;width:40px}.org-message-item.outgoing .org-message-avatar{background:#dbeafe;color:#020617}.org-message-bubble{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 2px #0f172a0a;flex:1 1;padding:16px}.org-message-item.outgoing .org-message-bubble{background:#eff6ff;border-color:#bfdbfe}.org-message-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px;justify-content:space-between;margin-bottom:8px}.org-message-sender{color:#0f172a;font-weight:600}.org-message-body{color:#111827;line-height:1.5}.org-message-body p{margin:0 0 .75rem}.org-message-body p:last-child{margin-bottom:0}.org-message-body h1,.org-message-body h2,.org-message-body h3{line-height:1.3;margin:0 0 .75rem}.org-message-body ol,.org-message-body ul{margin:0 0 .75rem 1.25rem}.org-message-body img{border-radius:8px;max-width:100%}.org-message-attachments{gap:8px;margin-top:12px}.attachment-button{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;font-size:.85rem;padding:6px 12px}.org-message-reply{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin:0 auto 32px;max-width:var(--layout-max-width);padding:16px;width:calc(100% - 48px)}.org-message-detail-content .org-message-reply{margin:0;padding:16px;width:100%}.org-message-textarea{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:12px;resize:vertical;width:100%}.org-message-reply-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.org-message-reply-actions .btn-primary{margin-left:auto}.org-message-reply-actions .btn-primary.org-message-reply-send-btn{align-items:center;border-radius:10px;box-sizing:border-box;display:inline-flex;flex:0 0 auto;font-size:13px;height:44px;height:var(--actions-control-height,44px);justify-content:center;line-height:1;min-height:44px;min-height:var(--actions-control-height,44px);min-width:120px;padding:0 14px;white-space:nowrap;width:auto}@media (max-width:600px){.org-message-detail-content{padding:0 16px 24px}.org-message-detail-actions-bar{padding:0 16px 12px}.org-message-detail-actions{margin-left:auto}}.draft-action-buttons{display:flex;flex-wrap:nowrap;gap:8px}.draft-action-btn,.draft-action-buttons{align-items:center;justify-content:center}.draft-action-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:30px;padding:0;transition:all .2s ease;width:30px}.draft-action-btn:hover:not(:disabled){background:#eff6ff;border-color:#111827;color:#111827}.draft-action-btn.danger:hover:not(:disabled){background:#fee2e2;border-color:#ef4444;color:#b91c1c}.draft-action-btn:disabled{cursor:not-allowed;opacity:.55}.draft-action-btn svg{height:16px;width:16px}[data-theme=dark] .draft-action-btn:hover:not(:disabled){background:#11182726;border-color:#60a5fa;color:#93c5fd}[data-theme=dark] .draft-action-btn.danger:hover:not(:disabled){background:#ef444433;border-color:#f87171;color:#fca5a5}.draft-hint{color:#6b7280;font-size:.85rem;margin-top:10px}.org-message-file-list{color:#4b5563;display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px;margin-top:10px}.org-message-file-list span{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);padding:4px 10px}.org-message-compose .form-label{display:block;font-size:.9rem;font-weight:600;margin:0 0 8px}.org-message-compose .form-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;padding:12px 14px;width:100%}.org-message-compose .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1118271a;outline:none}.org-message-compose{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 32px}.org-message-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.org-message-compose-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);margin-top:4px}.org-message-editor-panel,.org-message-preview-panel{background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:none;display:flex;flex-direction:column;min-height:420px;padding:16px}.org-message-editor-toolbar{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.org-message-editor-toolbar .toolbar-title{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.org-message-editor-toolbar .toolbar-actions{display:flex;gap:8px}.org-message-editor-toolbar .btn-secondary{font-size:.85rem;padding:6px 12px}.org-message-editor-panel .tiptap-editor-container{display:flex;flex:1 1;flex-direction:column}.org-message-editor-panel .tiptap-editor-content{flex:1 1}.org-message-editor-panel .tiptap-menu-bar{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border)}.org-message-editor-panel .tiptap-menu-bar button{border-radius:6px}.message-type-modal-overlay{background:#0f172a8c}.message-type-modal{background:var(--color-surface);box-shadow:var(--shadow-xl);color:var(--color-text-primary)}.message-type-modal .btn-icon{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.message-type-modal .btn-icon:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.message-type-option{background:var(--color-background-secondary)}.message-type-option:hover{background:var(--color-surface);border-color:#2563eb}.message-type-option.selected{background:#2563eb24;border-color:#2563eb}[data-theme=dark] .message-type-modal-overlay{background:#020617bd}[data-theme=dark] .message-type-modal{background:#0f172a;border-color:#334155;box-shadow:0 20px 60px #020617b3}[data-theme=dark] .message-type-modal .btn-icon{background:#1e293b;border-color:#334155;color:#cbd5e1}[data-theme=dark] .message-type-modal .btn-icon:hover{background:#334155;border-color:#475569;color:#f8fafc}[data-theme=dark] .message-type-option{background:#1e293b;border-color:#334155}[data-theme=dark] .message-type-option:hover{background:#334155;border-color:#64748b}[data-theme=dark] .message-type-option.selected{background:#60a5fa2e;border-color:#60a5fa}.org-message-preview-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.org-message-preview-header .preview-title{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.org-message-preview-paper{background:#0000;border:none;border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:none;display:flex;flex:1 1;min-height:0;padding:0}.org-preview-paper{background:#fff;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:none;margin:0;max-width:100%;padding:20px;position:relative;width:100%}.org-preview-paper:before{background:linear-gradient(90deg,var(--color-primary) 0,#1a56db 100%);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark,#1a56db) 100%);border-radius:0 0 4px 4px;content:"";height:4px;left:20px;position:absolute;right:20px;top:0}.org-preview-header{align-items:center;display:flex;gap:16px;margin-bottom:12px}.org-preview-logo{background:#f8fafc;object-fit:contain}.org-preview-logo,.org-preview-logo-placeholder{border:1px solid #e5e7eb;border-radius:12px;height:56px;width:56px}.org-preview-logo-placeholder{align-items:center;background:#f3f4f6;color:#6b7280;display:flex;font-weight:700;justify-content:center}.org-preview-sender .sender-name{color:#111827;font-size:18px;font-weight:700}.org-preview-sender{display:flex;flex-direction:column;gap:2px}.org-preview-sender .sender-meta{color:#6b7280;font-size:13px}.org-preview-divider{background:linear-gradient(90deg,var(--color-border) 0,#0000 100%);height:1px;margin:20px 0}.org-preview-recipient{background:var(--bg-secondary);border-left:3px solid var(--color-primary);border-radius:8px;display:flex;flex-direction:column;gap:2px;margin-bottom:16px;padding:16px}.org-preview-recipient .recipient-label{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.org-preview-recipient .recipient-name{color:var(--color-text-primary);font-size:16px;font-weight:600}.org-preview-date{color:var(--color-text-secondary);font-size:13px;margin-bottom:24px;text-align:right}.org-preview-subject{align-items:baseline;border-bottom:2px solid var(--bg-secondary);display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px}.org-preview-subject .subject-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.org-preview-subject .subject-text{color:#111827;font-size:18px;font-weight:600}.org-preview-body{color:var(--color-text-primary);font-size:14px;line-height:1.8;min-height:150px}.org-preview-body p{margin:0 0 1em}.org-preview-body p:last-child{margin-bottom:0}.org-preview-footer{border-top:1px solid var(--bg-secondary);margin-top:40px;padding-top:24px}.org-preview-footer .footer-signature{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.org-preview-footer .footer-signature strong{color:var(--color-text-primary)}.preview-empty{align-items:center;background:var(--color-background-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:180px;text-align:center}.preview-empty-title{color:#374151;font-weight:600}.preview-empty-hint{font-size:.85rem}.recipient-list{grid-gap:8px;background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:12px}.recipient-select{position:relative}.recipient-select-trigger{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.recipient-select-trigger:focus-visible,.recipient-select-trigger:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px #1118271a}.recipient-select-summary{flex:1 1;font-size:.95rem;text-align:left}.recipient-select-count{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);display:inline-flex;font-size:.8rem;height:28px;justify-content:center;min-width:28px}.recipient-selected-inline{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.recipient-select-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0f172a1f;box-shadow:var(--shadow-md,0 10px 30px #0f172a1f);display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:12px;position:absolute;width:100%;z-index:20}.recipient-select-search{width:100%}.recipient-selected{display:flex;flex-wrap:wrap;gap:8px}.recipient-chip{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-primary);display:inline-flex;font-size:.85rem;gap:8px;padding:4px 10px}.recipient-chip button{background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:16px;line-height:1;padding:0}.recipient-select-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.recipient-select .recipient-item{width:100%}.recipient-load-more{background:var(--color-background-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;padding:10px 12px;transition:border-color .2s ease,color .2s ease;width:100%}.recipient-load-more:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.recipient-empty{align-items:center;background:var(--color-background-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:4px;grid-column:1/-1;padding:16px;text-align:center}.recipient-empty-title{color:#374151;font-weight:600}.recipient-empty-hint{color:#9ca3af;font-size:.85rem}.recipient-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 10px;transition:all .2s ease}.recipient-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.recipient-item input{accent-color:var(--color-primary)}.recipient-type{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.75rem;margin-left:auto;padding:2px 8px}.org-message-footer{border-top:1px solid var(--color-border);gap:16px;justify-content:space-between;padding-top:16px}.org-message-footer,.org-message-footer-left{align-items:center;display:flex;flex-wrap:wrap}.org-message-footer-left{gap:12px}.org-message-attachments{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.org-message-attachments input[type=file]{color:var(--color-text-secondary);font-size:.85rem}.org-message-attachments input[type=file]::-webkit-file-upload-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;margin-right:8px;padding:8px 12px;-webkit-transition:all .2s ease;transition:all .2s ease}.org-message-attachments input[type=file]::file-selector-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;margin-right:8px;padding:8px 12px;transition:all .2s ease}.org-message-attachments input[type=file]::-webkit-file-upload-button:hover{background:var(--color-surface-secondary);box-shadow:var(--shadow-sm)}.org-message-attachments input[type=file]::file-selector-button:hover{background:var(--color-surface-secondary);box-shadow:var(--shadow-sm)}.org-message-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.org-message-actions--primary{margin-left:auto}.org-message-actions .btn-primary,.org-message-actions .btn-secondary,.org-message-reply-actions .btn-primary{border-radius:12px;font-size:15px;min-height:44px;padding:12px 20px}.org-message-actions .btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.org-message-actions .btn-secondary:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-text-tertiary);color:var(--color-text-primary)}[data-theme=dark] .org-message-actions .btn-secondary{background:#1e293b;border-color:#475569;color:#f8fafc}[data-theme=dark] .org-message-actions .btn-secondary:hover:not(:disabled){background:#334155;border-color:#64748b;color:#f8fafc}@media (max-width:768px){.org-messages-page .actions-bar{flex-wrap:wrap}.org-messages-page .search-box{flex:1 1 100%;min-width:100%}.org-messages-page .actions-bar .btn-primary{justify-content:center;width:100%}.org-messages-header{padding:24px 16px 12px}.org-messages-page .actions-bar,.org-messages-table-container{padding-left:16px;padding-right:16px}.org-message-detail-header{padding:20px 16px 12px}.org-message-compose,.org-message-reply,.org-message-thread{padding-left:16px;padding-right:16px}.org-message-compose-grid{grid-template-columns:1fr}.org-message-footer{align-items:stretch}.org-message-actions{justify-content:flex-end;width:100%}.org-message-actions--primary,.org-message-footer-left{justify-content:space-between;width:100%}.org-message-reply{width:calc(100% - 32px)}.org-message-detail-header{align-items:flex-start;flex-direction:column}.org-message-detail-actions{justify-content:flex-end;width:100%}.org-message-detail-meta{white-space:normal}}.messages-hub-page{display:flex;flex-direction:column;gap:16px}.messages-hub-actions .search-box{min-width:360px}.messages-hub-action-buttons,.messages-hub-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.messages-hub-filters{flex-direction:row;justify-content:center;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 24px;width:100%}.messages-hub-page .messages-hub-filters .filter-chip-bar,.messages-hub-page .messages-hub-filters .filter-chip-bar.filter-chip-bar--centered,.messages-hub-page .messages-hub-filters .filter-chip-bar.filter-chip-bar--secondary{align-items:center;background:var(--color-surface)!important;border:2px solid var(--color-border)!important;border-radius:12px!important;display:inline-flex;gap:6px;justify-content:center;min-height:44px;padding:4px!important;width:-webkit-fit-content;width:fit-content}.messages-hub-page .messages-hub-filters .filter-chip{background:#0000!important;border:none!important;border-radius:8px!important;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:600;min-width:64px;padding:8px 12px;transition:all .2s ease}.messages-hub-page .messages-hub-filters .filter-chip:hover{background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important}.messages-hub-job-status{border:1px solid var(--color-border);border-radius:10px;font-size:13px;font-weight:600;margin:0 auto 12px;max-width:var(--layout-max-width);padding:10px 14px}.messages-hub-job-status--queued,.messages-hub-job-status--running{background:#fffbeb;border-color:#fde68a;color:#92400e}.messages-hub-job-status--completed{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.messages-hub-job-status--failed{background:#fef2f2;border-color:#fecaca;color:#991b1b}.messages-hub-page .messages-hub-filters .filter-chip.active{background:#111827!important;box-shadow:0 2px 4px #11182733;color:#fff!important}.messages-hub-page .messages-hub-filters .filter-chip-count{background:#0f172a14!important;color:var(--color-text-tertiary)!important;font-weight:700}.messages-hub-page .messages-hub-filters .filter-chip.active .filter-chip-count{background:#fff3!important;color:#fff!important}.messages-hub-page .messages-hub-filters .filter-chip-bar--centered,.messages-hub-page .messages-hub-filters .filter-chip-bar--secondary{margin:0;max-width:none}.messages-hub-table tbody tr{cursor:pointer}.messages-hub-table-actions{align-items:center;display:flex;gap:8px;justify-content:center}.messages-hub-table .col-actions{white-space:nowrap}@media (max-width:768px){.messages-hub-actions{flex-wrap:wrap}.messages-hub-actions .search-box{flex:1 1 100%;min-width:100%}.messages-hub-action-buttons{width:100%}.messages-hub-action-buttons .btn-primary{flex:1 1 100%;min-width:100%}}.message-type-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.message-type-modal{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 60px #0f172a33;padding:20px;width:min(560px,90vw)}.message-type-modal-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.message-type-modal-header h3{color:var(--color-text-primary);font-size:18px;font-weight:700;margin:0 0 4px}.message-type-modal-header p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.message-type-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.message-type-option{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;padding:14px 16px;text-align:left;transition:all .2s ease}.message-type-option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.message-type-option.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.message-type-option .option-title{color:var(--color-text-primary);font-weight:600;margin-bottom:4px}.message-type-option .option-hint{color:var(--color-text-secondary);font-size:.85rem}.nachrichten-page{background:var(--color-background);min-height:100vh;padding:0}.nachrichten-page .actions-bar{--actions-control-height:44px;align-items:center;display:flex;gap:12px;justify-content:flex-start;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 16px;row-gap:12px;width:100%}.nachrichten-page .search-box{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:flex;flex:1 1 auto;gap:12px;height:var(--actions-control-height);max-width:none;min-width:360px;padding:0 14px;position:relative;transition:all .2s ease;width:100%}.nachrichten-page .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.nachrichten-page .search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.nachrichten-page .search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:15px;outline:none}.nachrichten-page .search-input::placeholder{color:var(--color-text-tertiary)}.nachrichten-page .clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.nachrichten-page .clear-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.nachrichten-filters{display:flex;justify-content:center;margin:0 auto;max-width:var(--layout-max-width);padding:0 24px 24px;width:100%}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;padding:40px}.nachrichten-page .empty-state{margin:60px auto;max-width:400px;padding:40px 20px;text-align:center}.nachrichten-empty-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 1px 3px #00000014;padding:48px 24px;text-align:center}.nachrichten-empty-card .empty-state{margin:0;max-width:none;padding:0}.nachrichten-page .empty-icon{align-items:center;background:var(--color-surface-secondary);border-radius:50%;box-shadow:0 2px 8px #00000014;display:inline-flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.nachrichten-page .empty-icon svg{stroke:var(--color-text-tertiary);height:40px;width:40px}.nachrichten-page .empty-state h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 8px}.nachrichten-page .empty-state p{color:var(--color-text-secondary);font-size:.9375rem;margin:0}.nachrichten-table-container{margin:0 auto;max-width:var(--layout-max-width);overflow-x:auto;padding:0 24px 32px}.nachrichten-table{background:var(--color-surface);border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.nachrichten-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.nachrichten-table th{color:var(--color-text-secondary);font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.nachrichten-table td.actions-col,.nachrichten-table th.actions-col{text-align:center}.nachrichten-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .2s ease}.nachrichten-table tbody tr:last-child{border-bottom:none}.nachrichten-table tbody tr:hover{background:var(--color-surface-secondary)}.nachrichten-table td{color:var(--color-text-primary);font-size:14px;padding:14px 16px;white-space:nowrap}.nachrichten-table .table-link{color:var(--color-text-primary);font-weight:500}.nachrichten-table .status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.nachrichten-table .status-badge.read{background:#dcfce7;color:#16a34a}.nachrichten-table .status-badge.unread{background:#fef3c7;color:#d97706}.nachrichten-table .status-badge svg{height:12px;width:12px}.nachrichten-table .new-badge{align-items:center;background:linear-gradient(135deg,#111827,#0f172a);border-radius:10px;color:#fff;display:inline-flex;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.nachrichten-table .table-actions{align-items:center;display:flex;gap:4px;justify-content:center}.nachrichten-table .table-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.nachrichten-table .table-action-btn:hover{background:#f3f4f6;color:#374151}.nachrichten-table .table-action-btn.danger:hover:not(:disabled){background:#fef2f2;color:#dc2626}.nachrichten-table .table-action-btn:disabled{cursor:not-allowed;opacity:.55}.nachrichten-table .table-action-btn svg{height:16px;width:16px}@media (max-width:768px){.nachrichten-page .actions-bar{flex-wrap:wrap;padding:0 16px 16px}.nachrichten-filters{padding:0 16px 16px}.nachrichten-page .search-box{min-width:100%}.nachrichten-table-container{padding:0 16px 24px}.nachrichten-table td,.nachrichten-table th{font-size:13px;padding:10px 12px}}[data-theme=dark] .nachrichten-table tbody tr:hover{background:var(--color-surface-secondary)}[data-theme=dark] .nachrichten-table .status-badge.read{background:#16a34a33;color:#4ade80}[data-theme=dark] .nachrichten-table .status-badge.unread{background:#d9770633;color:#fbbf24}[data-theme=dark] .nachrichten-page .empty-icon svg,[data-theme=dark] .nachrichten-page .search-box svg{color:#e5e7eb!important}.nachricht-detail-page{background:var(--color-background);min-height:100vh;padding:0}.nachricht-detail-page .actions-bar{align-items:center;display:flex;gap:1rem;justify-content:flex-start;margin:0 auto;max-width:900px;padding:0 24px 24px}.nachricht-detail-page .btn-icon{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nachricht-detail-page .btn-icon:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #11182726;color:var(--color-primary);transform:translateY(-1px)}.nachricht-detail-page .btn-icon svg{height:20px;width:20px}.nachricht-detail-page .letter-preview-wrapper{margin:0 auto;max-width:900px;padding:0 24px 40px}.nachricht-detail-page .letter-paper{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014,0 0 0 1px #0000000a;padding:48px;position:relative}.nachricht-detail-page .letter-paper:before{background:linear-gradient(90deg,var(--color-primary) 0,#1a56db 100%);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark,#1a56db) 100%);border-radius:0 0 4px 4px;content:"";height:5px;left:48px;position:absolute;right:48px;top:0}.nachricht-detail-page .letter-header{align-items:center;display:flex;gap:20px;margin-bottom:32px}.nachricht-detail-page .letter-logo{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#1a56db 100%);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark,#1a56db) 100%);border-radius:14px;box-shadow:0 4px 12px #11182740;color:#fff;display:flex;font-size:24px;font-weight:700;height:64px;justify-content:center;text-transform:uppercase;width:64px}.nachricht-detail-page .letter-sender-info{display:flex;flex-direction:column;gap:6px}.nachricht-detail-page .letter-sender-info .sender-name{color:var(--color-text-primary);font-size:20px;font-weight:600}.nachricht-detail-page .letter-sender-info .sender-detail{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;gap:8px}.nachricht-detail-page .letter-sender-info .sender-detail svg{height:16px;width:16px}.nachricht-detail-page .letter-divider{background:linear-gradient(90deg,var(--color-border) 0,#0000 100%);height:1px;margin:24px 0}.nachricht-detail-page .letter-date{color:var(--color-text-secondary);font-size:14px;margin-bottom:32px;text-align:right}.nachricht-detail-page .letter-subject{align-items:baseline;border-bottom:2px solid var(--color-surface-secondary);display:flex;gap:10px;margin-bottom:32px;padding-bottom:20px}.nachricht-detail-page .letter-subject .subject-label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.nachricht-detail-page .letter-subject .subject-text{color:var(--color-text-primary);font-size:22px;font-weight:600}.nachricht-detail-page .letter-body{color:var(--color-text-primary);font-size:16px;line-height:1.8;min-height:150px}.nachricht-detail-page .letter-body p{margin:0 0 1.2em}.nachricht-detail-page .letter-footer{border-top:1px solid var(--color-surface-secondary);margin-top:48px;padding-top:28px}.nachricht-detail-page .letter-footer .closing{color:var(--color-text-secondary);font-size:15px;margin-bottom:10px}.nachricht-detail-page .letter-footer .signature{color:var(--color-text-primary);font-size:18px;font-weight:600}.notifications-page{background:var(--color-background);min-height:100vh;padding:0}.notifications-page .page-header{max-width:var(--layout-detail-max-width)}.notifications-page .page-header.page-header--list{padding-bottom:20px}.notifications-page .actions-bar{--actions-control-height:44px;align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto;max-width:var(--layout-detail-max-width);padding:0 24px 12px;row-gap:12px;width:100%}.notifications-page .actions-bar__controls{align-items:stretch;display:flex;flex:0 1 auto;flex-wrap:wrap;gap:8px;justify-content:flex-end}.notifications-page .actions-bar__controls>.filter-select{height:var(--actions-control-height)}.notifications-page .notifications-type-filter{position:relative}.notifications-page .notifications-type-filter-trigger{align-items:center;display:inline-flex;gap:8px}.notifications-page .notifications-type-filter-trigger span{overflow:hidden;text-overflow:ellipsis}.notifications-page .notifications-type-filter-trigger .type-filter-chevron{margin-left:auto;transition:transform .2s ease}.notifications-page .notifications-type-filter-trigger .type-filter-chevron.open{transform:rotate(180deg)}.notifications-page .notifications-type-filter-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 32px #1118271f;display:flex;flex-direction:column;gap:8px;min-width:250px;padding:10px;position:absolute;right:0;top:calc(100% + 8px);z-index:40}.notifications-page .notifications-type-filter-menu .filter-select{max-width:none;min-width:0;width:100%}.notifications-page .notifications-type-filter-clear{height:38px;min-width:0;width:100%}.notifications-page .notifications-quick-actions{align-items:stretch;display:inline-flex;flex-wrap:wrap;gap:8px}.notifications-page .search-box{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;box-sizing:border-box;display:flex;flex:1 1;gap:12px;height:var(--actions-control-height);max-width:none;min-width:360px;padding:0 14px;position:relative;transition:all .2s ease;width:100%}.notifications-page .search-box:focus-within{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.notifications-page .search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.notifications-page .search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:15px;outline:none}.notifications-page .search-input::placeholder{color:var(--color-text-tertiary)}.notifications-page .clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.notifications-page .clear-search-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.notifications-page .filter-select{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-size:15px;font-weight:500;max-width:280px;min-height:var(--actions-control-height);min-width:190px;padding:12px 16px;transition:all .2s ease}.notifications-page .filter-select:hover{border-color:var(--color-text-tertiary)}.notifications-page .filter-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;outline:none}.notifications-page .list-actions-btn{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none;color:var(--color-text-secondary)}.notifications-page .notification-quick-action{height:var(--actions-control-height);min-width:0;padding:0 12px}.notifications-page .list-actions-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:var(--color-text-primary)}.notifications-page .list-actions-btn.danger{color:#b91c1c}.notifications-page .list-actions-btn:disabled{cursor:not-allowed;opacity:.55}.notifications-page .filter-chip-bar--centered{display:flex;margin:0 auto 12px;width:-webkit-fit-content;width:fit-content}.notifications-empty{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;gap:10px;margin:16px auto 28px;padding:40px 24px;text-align:center}.notifications-empty,.notifications-list{display:flex;flex-direction:column;max-width:var(--layout-detail-max-width)}.notifications-list{gap:16px;margin:12px auto 32px;padding:0 24px}.notifications-group{display:flex;flex-direction:column;gap:8px}.notifications-group-header{align-items:center;display:flex;justify-content:space-between;padding:0 2px}.notifications-group-header h2{color:var(--color-text-primary);font-size:15px;font-weight:700;margin:0}.notifications-group-header span{color:var(--color-text-secondary);font-size:12px;font-weight:700}.notifications-group-list{display:flex;flex-direction:column;gap:8px}.notification-card{grid-gap:10px;align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}.notification-card.unread{background:#f8fbff;border-color:#bfdbfe}.notification-main{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;margin:0;min-width:0;padding:0;text-align:left}.notification-main:hover .notification-title{text-decoration:underline;text-underline-offset:2px}.notification-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:8px;justify-content:space-between}.notification-type-wrap{align-items:center;display:inline-flex;gap:6px}.notification-unread-dot{background:#2563eb;border-radius:999px;flex-shrink:0;height:8px;width:8px}.notification-type-chip{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);display:inline-flex;font-size:11px;font-weight:700;min-height:20px;padding:2px 8px}.notification-date{white-space:nowrap}.notification-title{color:var(--color-text-primary);font-size:15px;font-weight:700;line-height:1.35;margin:0}.notification-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:14px;line-height:1.45;margin:0;overflow:hidden}.notification-actions{display:flex;justify-content:flex-end}.notification-action-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.notification-action-btn svg{height:16px;width:16px}.notification-action-btn:hover{transform:translateY(-1px)}.notification-action-btn.action-delete{background:#fff1f2;border-color:#fecaca;color:#b91c1c}[data-theme=dark] .notification-action-btn.action-delete{background:#7f1d1d59;border-color:#f8717173;color:#fca5a5}@media (max-width:900px){.notifications-page .actions-bar{align-items:stretch;flex-direction:column}.notifications-page .actions-bar__controls{justify-content:flex-start;width:100%}.notifications-page .actions-bar__controls>.filter-select{flex:1 1 220px;max-width:none}.notifications-page .notifications-type-filter{flex:1 1 220px}.notifications-page .notifications-type-filter-trigger{width:100%}.notifications-page .notifications-type-filter-menu{left:0;min-width:min(100%,300px);right:auto}.notifications-page .notifications-quick-actions{flex:1 1 auto}.notifications-page .search-box{min-width:0}}@media (max-width:768px){.notifications-page .page-header{padding:24px 16px 12px}.notifications-list,.notifications-page .actions-bar{padding-left:16px;padding-right:16px}.notification-card{grid-template-columns:minmax(0,1fr) auto}.notification-actions{justify-content:flex-end}}
/*# sourceMappingURL=main.6727b1a2.css.map*/