@charset "UTF-8";code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-header{margin:0 auto;max-width:1400px;padding:32px 24px 24px;text-align:center}.page-title{font-size:28px;margin:0 0 8px}.page-subtitle{font-size:15px}@media (max-width:768px){.page-title{font-size:24px}.page-subtitle{font-size:14px}}@media (max-width:480px){.page-header{padding:24px 16px 20px}.page-title{font-size:22px}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-rgb:59,130,246;--color-secondary:#8b5cf6;--color-success:#059669;--color-success-light:#d1fae5;--color-warning:#d97706;--color-error:#dc2626;--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;--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;--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:#3b82f6;color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:#1d4ed8;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:#3b82f6;color:var(--color-text-on-primary)}.btn-primary:hover{background-color:#1d4ed8;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:#3b82f6;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}.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: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:1px solid var(--color-border);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);width:100%}.form-input:focus{border-color:var(--color-primary);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:#3b82f6;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{animation:toastSlideIn .3s cubic-bezier(.68,-.55,.265,1.55);max-width:400px;min-width:300px;position:fixed;right:20px;top:80px;z-index:10000}.toast-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;gap:12px;padding:16px 20px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.toast-message{color:var(--color-text-primary);flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.toast-close:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.toast-success .toast-content{border-left:4px solid #10b981}.toast-success .toast-icon{background-color:#10b98126;color:#10b981}.toast-error .toast-content{border-left:4px solid #ef4444}.toast-error .toast-icon{background-color:#ef444426;color:#ef4444}.toast-warning .toast-content{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background-color:#f59e0b26;color:#f59e0b}.toast-info .toast-content{border-left:4px solid #3b82f6}.toast-info .toast-icon{background-color:#3b82f626;color:#3b82f6}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(.9)}}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:70px}.toast-content{padding:14px 16px}.toast-message{font-size:13px}.toast-icon{font-size:14px;height:24px;width:24px}}[data-theme=dark] .toast-content{box-shadow:0 8px 24px #0006,0 2px 8px #0000004d}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.toast:nth-child(2){top:160px}.toast:nth-child(3){top:240px}.toast:nth-child(4){top:320px}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;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:100vh;left:0;position:fixed;top:0;width:100vw;z-index:150}@media (min-width:769px){.sidebar-overlay{display:none}}.sidebar-profile{border-bottom:1px solid var(--color-border);padding:24px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#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-y:auto;padding:16px 12px}.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:#3b82f61a;color:#3b82f6}.nav-link-active:hover{background:#3b82f626}.nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.nav-label{flex:1 1}.sidebar-footer{border-top:1px solid var(--color-border);padding:16px 24px}.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}}.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{color:#6b7280;font-size:24px;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:#667eea;color:#667eea}.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{gap:12px;margin-top:8px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background:#667eea}.btn-primary:hover:not(:disabled){background:#5568d3}.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{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.note-page-link{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:4px;margin-bottom:12px;padding:8px 12px}.note-page-link .page-link{align-items:center;color:#2563eb;display:inline-flex;font-size:14px;font-weight:500;gap:6px;text-decoration:none}.note-page-link .page-link:hover{color:#1d4ed8;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:#3b82f6!important;color:#3b82f6!important}.note-card .edit-btn:hover{background:#3b82f6!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{border:3px solid #e5e7eb;border-top-color:#667eea;margin:0 auto 16px}@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{background-color:var(--color-background)}.layout,.layout-main{display:flex;min-height:100vh}.layout-main{flex:1 1;flex-direction:column;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%}.mobile-menu-btn{align-items:center;background-color:var(--color-surface);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;left:16px;position:fixed;top:16px;transition:all .2s ease;width:44px;z-index:300}.mobile-menu-btn:hover{background-color:var(--color-surface-secondary);transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}.menu-icon{font-size:18px}@media (min-width:769px){.layout-main{margin-left:256px}.mobile-menu-btn{display:none}}@media (max-width:768px){.layout-content{padding:var(--spacing-xs)}.mobile-menu-btn{display:flex}}@media (max-width:480px){.layout-content{padding:var(--spacing-xs)}.mobile-menu-btn{height:40px;left:12px;top:12px;width:40px}.menu-icon{font-size:16px}}.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)}.mobile-menu-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.mobile-menu-btn{display:none}.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}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 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}}.dashboard{background:var(--color-background);min-height:100vh;padding:0}.status-section{margin:0 auto;max-width:1200px;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;font-weight:600;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:1200px;padding:0 24px 32px}.stats-section h2{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:24px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.stat-card{padding:24px}.stat-card:hover{border-color:#3b82f633;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 h2{font-size:24px;letter-spacing:-.025em;margin-bottom:24px}.no-satzung{font-size:16px}.actions-section{margin:0 auto;max-width:1200px;padding:0 24px 48px}.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{color:inherit;flex-direction:column;padding:24px;position:relative}.action-card:hover{border-color:#3b82f633;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:768px){.actions-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}}@media (max-width:480px){.action-card,.stat-card,.status-card{padding:20px}.action-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}}.verein-dashboard{background:var(--color-background);min-height:100vh;padding:0}.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:1200px;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,#3b82f60d 0,var(--color-surface) 100%);border-color:#3b82f6}.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;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{border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:16px}.activity-item{border-bottom:1px solid #f3f4f6;gap:16px;padding:16px;transition:background .2s ease}.activity-item:hover{background:var(--color-surface-secondary);border-radius:8px}.activity-icon{background:#3b82f61a;border-radius:8px;color:#3b82f6}.activity-title{font-size:15px;margin:0 0 4px}.activity-description{font-size:14px;line-height:1.5;margin:0 0 4px}.activity-date{font-size:13px}@media (max-width:768px){.dashboard-title{font-size:32px}.dashboard-subtitle{font-size:16px}.actions-grid,.stats-grid{grid-template-columns:1fr}.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:1200px;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:center;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:#3b82f633;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.satzung-icon{align-items:center;background:#3b82f61a;border-radius:10px;color:var(--color-text-primary);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;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-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;margin-left:12px;padding:4px 12px;text-transform:uppercase}.satzung-status-badge.active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e40;color:#fff}.satzung-status-badge.inactive{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b40;color:#fff}@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){.satzung-info-card{padding:20px}.satzung-date,.satzung-icon,.satzung-info h3{margin-bottom:12px}}.mitglied-dashboard{background:var(--color-background);min-height:100vh;padding:0}.verein-selector-banner{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 4px 20px #3b82f633;margin:24px;padding:24px}.banner-content{align-items:center;display:flex;gap:20px;margin:0 auto;max-width:1200px}.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:#3b82f6}.verein-select-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;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 32px;overflow:hidden;padding:28px 32px;position:relative}.mitglied-dashboard-header:before{background:linear-gradient(90deg,#3b82f6,#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:1200px;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:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.status-badge{border-radius:10px;box-shadow:0 1px 2px #0000000d;font-size:13px;padding:8px 16px}.status-active{background:linear-gradient(135deg,#10b981,#059669)!important}.status-active,.status-inactive{border:none;color:#fff!important}.status-inactive{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.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{font-size:var(--font-size-xl);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:#3b82f6;box-shadow:0 8px 24px #3b82f626}.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:var(--spacing-xl)}.actions-section h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-lg) 0}.actions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,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:#3b82f6;box-shadow:0 8px 24px #3b82f626;color:inherit;text-decoration:none;transform:translateY(-2px)}.action-icon{align-items:center;background:#3b82f61a;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-xl);font-weight:600;margin:0 0 var(--spacing-lg) 0}.activities-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.activity-item{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:background-color .2s ease}.activity-item:last-child{border-bottom:none}.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);line-height:1.4;margin:0 0 var(--spacing-xs) 0}.activity-date{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:500}@media (max-width:768px){.mitglied-dashboard{padding:var(--spacing-md)}.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%}.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}.actions-grid{grid-template-columns:1fr}.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}.action-icon{font-size:24px;height:52px;width:52px}.action-info h3{font-size:16px}.action-info p{font-size:14px}}@media (max-width:480px){.mitglied-info h1,.stat-number{font-size:var(--font-size-xl)}.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__H6dUg{align-items:center;animation:Modal_fadeIn__5aL\+u .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__5aL\+u{0%{opacity:0}to{opacity:1}}.Modal_content__9VoQr{animation:Modal_slideUp__PGndw .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__PGndw{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Modal_sizeSm__tK5Z8{max-width:400px}.Modal_sizeMd__ybaEC{max-width:600px}.Modal_sizeLg__nxImf{max-width:800px}.Modal_sizeXl__6gA0d{max-width:1000px}.Modal_header__SZtce{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__DmMnx{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__tV30l{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__tV30l:hover{background-color:#f3f4f6;background-color:var(--modal-close-hover-bg,#f3f4f6);color:#1f2937;color:var(--modal-close-hover-color,#1f2937)}.Modal_closeButton__tV30l:disabled{cursor:not-allowed;opacity:.5}.Modal_body__RNH77{flex:1 1;overflow-y:auto}.Modal_body__RNH77,.Modal_footer__jw5kD{padding:32px;padding:var(--spacing-xl,32px)}.Modal_footer__jw5kD{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__H6dUg{padding:0}.Modal_content__9VoQr{border-radius:0;max-height:100vh;max-width:100%!important}.Modal_body__RNH77,.Modal_footer__jw5kD,.Modal_header__SZtce{padding:16px;padding:var(--spacing-md,16px)}.Modal_footer__jw5kD{flex-direction:column-reverse}.Modal_footer__jw5kD>*{width:100%}}[data-theme=dark] .Modal_overlay__H6dUg{background-color:#000c;background-color:var(--modal-overlay-bg-dark,#000c)}[data-theme=dark] .Modal_content__9VoQr{background:#1e293b!important;background:var(--modal-content-bg-dark,#1e293b)!important}[data-theme=dark] .Modal_header__SZtce{border-bottom-color:#475569!important;border-bottom-color:var(--modal-border-color-dark,#475569)!important}[data-theme=dark] .Modal_title__DmMnx{color:#fff!important;color:var(--modal-title-color-dark,#fff)!important}[data-theme=dark] .Modal_closeButton__tV30l{color:#e5e7eb!important;color:var(--modal-close-color-dark,#e5e7eb)!important}[data-theme=dark] .Modal_closeButton__tV30l: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__jw5kD{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 #3b82f61a;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__hfajD{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.VereinFormModal_formGrid__Jggnl{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_formGroup__h\+1QL{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.VereinFormModal_formGroup__h\+1QL.VereinFormModal_fullWidth__Qt24s{grid-column:1/-1}.VereinFormModal_formGroup__h\+1QL.VereinFormModal_checkboxGroup__\+KZsZ{align-items:center;flex-direction:row}.VereinFormModal_formGroup__h\+1QL.VereinFormModal_checkboxGroup__\+KZsZ label{align-items:center;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm,8px);margin-bottom:0}.VereinFormModal_formGroup__h\+1QL.VereinFormModal_checkboxGroup__\+KZsZ input[type=checkbox]{margin:0;width:auto}.VereinFormModal_formGroup__h\+1QL label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.VereinFormModal_formGroup__h\+1QL label .VereinFormModal_required__cnbvM{color:#dc2626;color:var(--color-error,#dc2626);margin-left:2px}.VereinFormModal_formGroup__h\+1QL input,.VereinFormModal_formGroup__h\+1QL select,.VereinFormModal_formGroup__h\+1QL 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__h\+1QL input:focus,.VereinFormModal_formGroup__h\+1QL select:focus,.VereinFormModal_formGroup__h\+1QL textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.VereinFormModal_formGroup__h\+1QL input.VereinFormModal_error__7sbcM,.VereinFormModal_formGroup__h\+1QL select.VereinFormModal_error__7sbcM,.VereinFormModal_formGroup__h\+1QL textarea.VereinFormModal_error__7sbcM{border-color:#dc2626;border-color:var(--color-error,#dc2626)}.VereinFormModal_formGroup__h\+1QL input.VereinFormModal_error__7sbcM:focus,.VereinFormModal_formGroup__h\+1QL select.VereinFormModal_error__7sbcM:focus,.VereinFormModal_formGroup__h\+1QL textarea.VereinFormModal_error__7sbcM:focus{box-shadow:0 0 0 3px #ef44441a}.VereinFormModal_formGroup__h\+1QL textarea{min-height:80px;resize:vertical}.VereinFormModal_errorMessage__Ne39h{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__oVPDx{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__oVPDx:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.VereinFormModal_datePickerInput__oVPDx::placeholder{color:#9ca3af}.VereinFormModal_selectInput__UR76T{-webkit-appearance:none;appearance:none;background:#fff;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;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 36px 12px 16px;transition:all .2s ease}.VereinFormModal_selectInput__UR76T:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.VereinFormModal_selectInput__UR76T:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.react-datepicker{border-radius:12px;font-family:inherit}.react-datepicker__header{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);border-radius:12px 12px 0 0}.react-datepicker__day{color:#1f2937}.react-datepicker__day:hover{background-color:#3b82f61a;color:#3b82f6;color:var(--color-primary,#3b82f6)}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6)}.react-datepicker__day--today{color:#3b82f6;color:var(--color-primary,#3b82f6)}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{border:1px solid #d1d5db}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background-color:#3b82f61a}.VereinFormModal_footer__9g0Gi{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}.VereinFormModal_btnPrimary__9t7Nw,.VereinFormModal_btnSecondary__NeuP4{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}.VereinFormModal_btnPrimary__9t7Nw{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.VereinFormModal_btnPrimary__9t7Nw:hover:not(:disabled){background:#2563eb;background:var(--color-primary-hover,#2563eb);transform:translateY(-1px)}.VereinFormModal_btnPrimary__9t7Nw:disabled{cursor:not-allowed;opacity:.6}.VereinFormModal_btnSecondary__NeuP4{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__NeuP4:hover:not(:disabled){background:#e5e7eb;background:var(--color-border,#e5e7eb)}@media (max-width:768px){.VereinFormModal_formGrid__Jggnl{gap:16px;gap:var(--spacing-md,16px);grid-template-columns:1fr}.VereinFormModal_footer__9g0Gi{flex-direction:column-reverse}.VereinFormModal_footer__9g0Gi>*{width:100%}}[data-theme=dark] .VereinFormModal_formGroup__h\+1QL label{color:#e5e7eb!important}[data-theme=dark] .VereinFormModal_formGroup__h\+1QL input,[data-theme=dark] .VereinFormModal_formGroup__h\+1QL select,[data-theme=dark] .VereinFormModal_formGroup__h\+1QL textarea{background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .VereinFormModal_formGroup__h\+1QL input:focus,[data-theme=dark] .VereinFormModal_formGroup__h\+1QL select:focus,[data-theme=dark] .VereinFormModal_formGroup__h\+1QL textarea:focus{border-color:#3b82f6!important}[data-theme=dark] .VereinFormModal_selectInput__UR76T{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] .VereinFormModal_selectInput__UR76T:disabled{background-color:#0f172a!important;color:#64748b!important}[data-theme=dark] .VereinFormModal_formGroup__h\+1QL input:-webkit-autofill,[data-theme=dark] .VereinFormModal_formGroup__h\+1QL input:-webkit-autofill:active,[data-theme=dark] .VereinFormModal_formGroup__h\+1QL input:-webkit-autofill:focus,[data-theme=dark] .VereinFormModal_formGroup__h\+1QL 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__NeuP4{background-color:#334155!important;border-color:#475569!important;color:#e5e7eb!important}[data-theme=dark] .VereinFormModal_btnSecondary__NeuP4:hover:not(:disabled){background-color:#475569!important}[data-theme=dark] .react-datepicker{background-color:#1e293b!important}[data-theme=dark] .react-datepicker__header{background-color:#3b82f6!important}[data-theme=dark] .react-datepicker__day{color:#e5e7eb!important}[data-theme=dark] .react-datepicker__day:hover{background-color:#3b82f633!important;color:#3b82f6!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:#3b82f633!important}.verein-list{background:var(--color-background);min-height:100vh;padding:0}.actions-bar{gap:16px;max-width:1200px}.filter-controls{align-items:center;display:flex;gap:16px}.filter-select{font-size:14px;min-width:200px;padding:10px 16px}.filter-toggle{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.filter-toggle:hover{border-color:var(--color-text-tertiary)}.filter-toggle:has(input:checked){background-color:#d1fae5;border-color:#10b981}.filter-toggle:has(input:checked) .toggle-label{color:#059669;font-weight:600}.filter-toggle input[type=checkbox]{display:none}.toggle-slider{background-color:#e5e7eb;border-radius:12px;height:24px;transition:all .2s ease;width:44px}.toggle-slider:before{box-shadow:0 1px 3px #0000001a;height:20px;transition:all .2s ease;width:20px}.filter-toggle input:checked+.toggle-slider{background-color:#10b981}.filter-toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-label{color:var(--color-text-primary);font-size:14px}.stats-bar{display:flex;gap:16px;margin:0 auto;max-width:1200px;padding:0 24px 24px}.stat-item{background:var(--color-surface);border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 20px;transition:all .2s ease}.stat-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.stat-label{font-size:13px;font-weight:600;letter-spacing:.05em}.stat-value{font-size:28px;line-height:1}.verein-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1200px;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:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.card-header{gap:12px;padding:16px 18px 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-active{background-color:#10b9811a}.status-inactive{background-color:#ef44441a;color:#ef4444}.card-content{gap:8px;padding:0 18px 12px}.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{flex-shrink:0;letter-spacing:.05em}.info-value{text-align:right;word-break:break-word}.info-link{color:#3b82f6;font-size:13px;font-weight:500;text-align:right;text-decoration:none;transition:color .2s ease;word-break:break-all}.info-link:hover{color:#2563eb;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 svg{height:15px;width:15px}@media (max-width:768px){.actions-bar{align-items:stretch;flex-direction:column}.filter-controls{justify-content:space-between}.stats-bar{flex-direction:column}.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){.actions-bar,.stats-bar{padding-left:16px;padding-right:16px}.search-box{padding:10px 14px}.btn-primary{justify-content:center;width:100%}.stat-value{font-size:24px}}.verein-table-container{margin:0 auto;max-width:1400px;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;width:100%}.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;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;padding:12px 16px;vertical-align:middle}.table-name-cell{gap:4px}.table-name-cell strong{font-size:14px}.table-subtitle{font-weight:500}.table-actions{gap:8px;justify-content:flex-end}.expand-btn{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px 8px;transition:all .2s ease}.expand-btn:hover{color:var(--primary-color);transform:scale(1.1)}.expand-btn:active{transform:scale(.95)}.verein-table tbody tr.expanded-row{background:var(--color-surface-hover)}.verein-table tbody tr.detail-row{background:linear-gradient(to bottom,rgba(var(--primary-rgb),.03),var(--color-surface))}.verein-table tbody tr.detail-row td{border-bottom:2px solid var(--color-border);border-top:1px solid var(--color-border);padding:1.5rem 0}.verein-table tbody tr.detail-row:hover{background:linear-gradient(to bottom,rgba(var(--primary-rgb),.04),var(--color-surface))}@media (max-width:1024px){.verein-table-container{overflow-x:scroll}.verein-table{min-width:900px}}.rechtliche-daten-details{background:#0000;border-top:none;padding:0}.rechtliche-daten-details.empty{color:var(--text-secondary);padding:2rem;text-align:center}.detail-section{box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);transition:all .2s ease}.detail-section:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.detail-section:last-child{margin-bottom:0}.section-title{align-items:center!important;border-bottom:2px solid var(--color-border);color:var(--color-text-primary)!important;display:flex!important;font-size:var(--font-size-lg)!important;font-weight:700!important;gap:var(--spacing-sm)!important;line-height:1.4!important;margin:0 0 var(--spacing-lg) 0!important;padding:0 0 var(--spacing-sm) 0!important}.section-title svg{color:var(--color-primary);flex-shrink:0;height:20px;width:20px}.rechtliche-daten-details:not(.verein-table *) .detail-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:1024px){.rechtliche-daten-details:not(.verein-table *) .detail-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:640px){.rechtliche-daten-details:not(.verein-table *) .detail-grid{grid-template-columns:1fr}}.detail-item{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.detail-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f61a}.detail-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:700;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.detail-value,.notes-text{font-weight:500;line-height:1.6}.notes-text{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);margin:0;padding:var(--spacing-lg)}[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-toggle-item{display:flex;flex-direction:column;gap:.5rem}.toggle-switch{align-items:center;cursor:pointer;display:flex;gap:.75rem}.toggle-switch input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#e5e5ea;border-radius:31px;display:inline-block;flex-shrink:0;height:31px;position:relative;transition:background-color .3s cubic-bezier(.4,0,.2,1);width:51px}.toggle-slider:before{box-shadow:0 3px 8px #00000026,0 1px 1px #00000029;height:27px;left:2px;top:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:27px}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:#34c759}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input[type=checkbox]:focus+.toggle-slider{box-shadow:0 0 0 3px #34c75933}.toggle-switch input[type=checkbox]:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.toggle-label{color:var(--text-primary);font-size:.95rem;font-weight:500;-webkit-user-select:none;user-select:none}[data-theme=dark] .toggle-slider{background-color:#39393d}[data-theme=dark] .toggle-slider:before{background-color:#f2f2f7}[data-theme=dark] .toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:#30d158}@media (max-width:768px){.rechtliche-daten-details:not(.verein-table *) .detail-section{padding:1rem}.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}.toggle-switch{gap:.5rem}.toggle-label{font-size:.875rem}}.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:#3b82f61a;border-radius:8px;color:#3b82f6;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%}}.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:#3b82f6;height:40px;width:40px}.satzung-viewer-error{color:#dc2626}.satzung-viewer-error button{background:#3b82f6;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-tab{padding:1.5rem}.satzung-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.satzung-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.satzung-list{display:flex;flex-direction:column;gap:1rem}.satzung-card{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;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(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.badge-active{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:16px;box-shadow:0 2px 8px #22c55e40;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.35rem .85rem;text-transform:uppercase}.satzung-date{color:#666;font-size:.9rem;margin:.25rem 0}.satzung-note{color:#666;font-size:.9rem;font-style:italic;margin:.5rem 0}.satzung-size{color:#999;font-size:.85rem;margin:.25rem 0}.satzung-actions{display:flex;flex-wrap:wrap;gap:.5rem}.empty-state{color:#666;padding:3rem}.empty-state p{font-size:1.1rem}.modal-content{border-radius:8px}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:1.3rem;font-weight:700}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:2rem;height:2rem;line-height:1;padding:0;width:2rem}.close-button:hover{color:#333}.modal-footer{border-top:1px solid #e0e0e0;gap:.75rem}.file-name{color:var(--primary-color);font-size:.9rem;margin-top:.5rem}.modal-body .form-group>label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.modal-body .form-group label:has(input[type=checkbox]){align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-bottom:0}.modal-body .form-group input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.react-datepicker__day--disabled{color:#ccc}.verein-detail-page{background:var(--color-background);margin:0 auto;max-width:1200px;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)}.info-section{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-lg)}.info-item{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.info-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f61a}.info-item.full-width{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid var(--color-primary);padding:var(--spacing-lg)}.info-item label{font-size:var(--font-size-xs);font-weight:700;letter-spacing:1px;margin-bottom:2px}.info-item p,.info-item span{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:500;line-height:1.6}.info-item p{white-space:pre-wrap}.info-item a{color:var(--color-primary);font-weight:600;text-decoration:none;transition:all .2s ease}.info-item a:hover{color:var(--color-primary-hover);text-decoration:underline}.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);font-weight:700}.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}.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)}.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:1px solid var(--color-border);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{border-bottom:1px solid var(--color-border);gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.mitglied-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));font-size:var(--font-size-lg)}.mitglied-info h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.mitglied-number{font-size:var(--font-size-sm);margin:4px 0 0}.mitglied-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.mitglied-card-body .info-row{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.mitglied-card-body .info-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.mitglied-card-body .info-value{color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:right;word-break:break-word}.mitglied-card-footer button{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;padding:8px 12px;transition:all .2s ease}.mitglied-card-footer button:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;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{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.mitglieder-table .status-badge.status-active{background:#dcfce7;color:#16a34a}.mitglieder-table .status-badge.status-inactive{background:#f3f4f6;color:#6b7280}.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:#3b82f6;color:#3b82f6}.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}.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}}.MitgliedFormModal_form__zhVsF{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.MitgliedFormModal_formGrid__oY-Pg{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_formGroup__DztAX{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.MitgliedFormModal_formGroup__DztAX.MitgliedFormModal_fullWidth__hg96V{grid-column:1/-1}.MitgliedFormModal_formGroup__DztAX.MitgliedFormModal_checkboxGroup__nqQyH{align-items:center;flex-direction:row}.MitgliedFormModal_formGroup__DztAX.MitgliedFormModal_checkboxGroup__nqQyH label{align-items:center;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm,8px);margin-bottom:0}.MitgliedFormModal_formGroup__DztAX.MitgliedFormModal_checkboxGroup__nqQyH input[type=checkbox]{margin:0;width:auto}.MitgliedFormModal_formGroup__DztAX label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.MitgliedFormModal_formGroup__DztAX label .MitgliedFormModal_required__8ktet{color:#dc2626;color:var(--color-error,#dc2626);margin-left:2px}.MitgliedFormModal_formGroup__DztAX input,.MitgliedFormModal_formGroup__DztAX select,.MitgliedFormModal_formGroup__DztAX 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__DztAX 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__DztAX input:focus,.MitgliedFormModal_formGroup__DztAX select:focus,.MitgliedFormModal_formGroup__DztAX textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.MitgliedFormModal_formGroup__DztAX input.MitgliedFormModal_error__F5akf,.MitgliedFormModal_formGroup__DztAX select.MitgliedFormModal_error__F5akf,.MitgliedFormModal_formGroup__DztAX textarea.MitgliedFormModal_error__F5akf{border-color:#dc2626;border-color:var(--color-error,#dc2626)}.MitgliedFormModal_formGroup__DztAX input.MitgliedFormModal_error__F5akf:focus,.MitgliedFormModal_formGroup__DztAX select.MitgliedFormModal_error__F5akf:focus,.MitgliedFormModal_formGroup__DztAX textarea.MitgliedFormModal_error__F5akf:focus{box-shadow:0 0 0 3px #ef44441a}.MitgliedFormModal_formGroup__DztAX textarea{min-height:80px;resize:vertical}.MitgliedFormModal_errorMessage__p7EnN{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__dmyT2{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__dmyT2:focus{border-color:#3b82f6!important;border-color:var(--color-primary,#3b82f6)!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.MitgliedFormModal_footer__hq8Xi{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}.MitgliedFormModal_btnPrimary__HB6OH,.MitgliedFormModal_btnSecondary__fuAso{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}.MitgliedFormModal_btnPrimary__HB6OH{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.MitgliedFormModal_btnPrimary__HB6OH:hover:not(:disabled){background:#2563eb;background:var(--color-primary-hover,#2563eb);transform:translateY(-1px)}.MitgliedFormModal_btnPrimary__HB6OH:disabled{cursor:not-allowed;opacity:.6}.MitgliedFormModal_btnSecondary__fuAso{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__fuAso:hover:not(:disabled){background:#e5e7eb;background:var(--color-border,#e5e7eb)}@media (max-width:768px){.MitgliedFormModal_formGrid__oY-Pg{gap:16px;gap:var(--spacing-md,16px);grid-template-columns:1fr}.MitgliedFormModal_footer__hq8Xi{flex-direction:column-reverse}.MitgliedFormModal_footer__hq8Xi>*{width:100%}}[data-theme=dark] .MitgliedFormModal_formGroup__DztAX label{color:#e5e7eb!important}[data-theme=dark] .MitgliedFormModal_formGroup__DztAX input,[data-theme=dark] .MitgliedFormModal_formGroup__DztAX select,[data-theme=dark] .MitgliedFormModal_formGroup__DztAX textarea{background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .MitgliedFormModal_formGroup__DztAX 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__DztAX input:focus,[data-theme=dark] .MitgliedFormModal_formGroup__DztAX select:focus,[data-theme=dark] .MitgliedFormModal_formGroup__DztAX textarea:focus{border-color:#3b82f6!important}[data-theme=dark] .MitgliedFormModal_formGroup__DztAX input:-webkit-autofill,[data-theme=dark] .MitgliedFormModal_formGroup__DztAX input:-webkit-autofill:active,[data-theme=dark] .MitgliedFormModal_formGroup__DztAX input:-webkit-autofill:focus,[data-theme=dark] .MitgliedFormModal_formGroup__DztAX 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__fuAso{background-color:#334155!important;border-color:#475569!important;color:#e5e7eb!important}[data-theme=dark] .MitgliedFormModal_btnSecondary__fuAso:hover:not(:disabled){background-color:#475569!important}[data-theme=dark] .MitgliedFormModal_datePickerInput__dmyT2{background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .MitgliedFormModal_datePickerInput__dmyT2:focus{border-color:#3b82f6!important}.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:12px;justify-content:center}.btn-cancel,.btn-delete{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.btn-cancel{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.btn-cancel:hover:not(:disabled){background:var(--color-border)}.btn-delete{box-shadow:0 2px 8px #ef44444d}.btn-delete:hover:not(:disabled){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%}}.mitglied-list{background:var(--color-background);min-height:100vh;padding:0}.search-box{min-width:300px}.view-toggle,.view-toggle-secondary{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;display:flex;flex-shrink:0;gap:4px;padding:4px}.mitglied-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1400px;padding:0 24px 32px}.mitglied-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}.mitglied-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.mitglied-card-header{align-items:center;display:flex;gap:14px;padding:16px 18px 12px}.mitglied-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.mitglied-info{flex:1 1;min-width:0}.mitglied-name{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mitglied-number{color:var(--color-text-secondary);font-family:Courier New,monospace;font-size:12px;font-weight:600;margin:0}.status-badge{padding:4px 10px}.status-success{background:#10b9811a;color:#10b981}.status-warning{background:#f59e0b1a;color:#f59e0b}.status-error{background:#ef44441a;color:#ef4444}.mitglied-card-body{flex:1 1;padding:0 18px 12px}.mitglied-details{display:flex;flex-direction:column;gap:10px}.detail-item{border-bottom:1px solid #f3f4f6;color:var(--color-text-secondary);padding:6px 0}.detail-item:last-child{border-bottom:none}.detail-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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;padding:10px;transition:all .2s ease}.card-action-btn span{display:none}.card-action-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;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{flex-shrink:0}.empty-state p,.pagination{margin:0 auto}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;max-width:1400px;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:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;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}@media (max-width:768px){.page-title{font-size:32px}.page-subtitle{font-size:16px}.actions-bar{flex-wrap:wrap}.search-box{flex:1 1 100%;min-width:100%}.filter-select{flex:1 1 100%;max-width:100%}.view-toggle{margin-left:auto}.filter-tabs{margin-left:24px;margin-right:24px;width:calc(100% - 48px)}.filter-tab{flex:1 1;padding:10px 12px}.mitglied-grid{grid-template-columns:1fr;padding:0 16px 24px}.mitglied-card-header{padding:20px 20px 12px}.mitglied-avatar{font-size:18px;height:48px;width:48px}.mitglied-card-body{padding:0 20px 12px}.mitglied-card-footer{flex-wrap:wrap;padding:12px 20px}.card-action-btn{font-size:12px;padding:8px 10px}.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}.actions-bar{padding-left:16px;padding-right:16px}.filter-tabs{margin-left:16px;margin-right:16px;width:calc(100% - 32px)}.tab-count{display:none}}.mitglied-table-container{margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 24px 32px}.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:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.mitglied-table tbody tr{border-bottom:1px solid #f3f4f6;cursor:pointer;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:14px;padding:14px 16px;white-space:nowrap}.table-name-cell{display:flex;flex-direction:column;gap:2px}.table-name-cell strong{color:var(--color-text-primary);font-weight:600}.table-subtitle{color:var(--color-text-secondary);font-size:12px;font-weight:400}.table-action-btn.delete:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.ProfileEditModal_form__7um6e{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.ProfileEditModal_formGrid__YUxXk{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__F5-B4{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.ProfileEditModal_formGroup__F5-B4.ProfileEditModal_fullWidth__IDxPR{grid-column:1/-1}.ProfileEditModal_formGroup__F5-B4.ProfileEditModal_checkboxGroup__51VeN{align-items:center;flex-direction:row}.ProfileEditModal_formGroup__F5-B4.ProfileEditModal_checkboxGroup__51VeN label{align-items:center;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm,8px);margin-bottom:0}.ProfileEditModal_formGroup__F5-B4.ProfileEditModal_checkboxGroup__51VeN input[type=checkbox]{margin:0;width:auto}.ProfileEditModal_formGroup__F5-B4 label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.ProfileEditModal_formGroup__F5-B4 label .ProfileEditModal_required__3aycX{color:#dc2626;color:var(--color-error,#dc2626);margin-left:2px}.ProfileEditModal_formGroup__F5-B4 input,.ProfileEditModal_formGroup__F5-B4 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__F5-B4 input:focus,.ProfileEditModal_formGroup__F5-B4 textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.ProfileEditModal_formGroup__F5-B4 input.ProfileEditModal_error__GOPVT,.ProfileEditModal_formGroup__F5-B4 textarea.ProfileEditModal_error__GOPVT{border-color:#dc2626;border-color:var(--color-error,#dc2626)}.ProfileEditModal_formGroup__F5-B4 input.ProfileEditModal_error__GOPVT:focus,.ProfileEditModal_formGroup__F5-B4 textarea.ProfileEditModal_error__GOPVT:focus{box-shadow:0 0 0 3px #ef44441a}.ProfileEditModal_formGroup__F5-B4 textarea{min-height:80px;resize:vertical}.ProfileEditModal_errorMessage__LqdJk{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__YxGzb{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}.ProfileEditModal_btnPrimary__yR-8a,.ProfileEditModal_btnSecondary__2-xvJ{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__yR-8a{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.ProfileEditModal_btnPrimary__yR-8a:hover:not(:disabled){background:#2563eb;background:var(--color-primary-hover,#2563eb);transform:translateY(-1px)}.ProfileEditModal_btnPrimary__yR-8a:disabled{cursor:not-allowed;opacity:.6}.ProfileEditModal_btnSecondary__2-xvJ{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__2-xvJ:hover:not(:disabled){background:#e5e7eb;background:var(--color-border,#e5e7eb)}@media (max-width:768px){.ProfileEditModal_formGrid__YUxXk{gap:16px;gap:var(--spacing-md,16px);grid-template-columns:1fr}.ProfileEditModal_footer__YxGzb{flex-direction:column-reverse}.ProfileEditModal_footer__YxGzb>*{width:100%}}.ProfileEditModal_infoBox__YpGfT{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__dP66q{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__YpGfT{background:#3b82f61a!important;border-color:#3b82f64d!important}[data-theme=dark] .ProfileEditModal_infoText__dP66q{color:#93c5fd!important}[data-theme=dark] .ProfileEditModal_formGroup__F5-B4 label{color:#e5e7eb!important}[data-theme=dark] .ProfileEditModal_formGroup__F5-B4 input,[data-theme=dark] .ProfileEditModal_formGroup__F5-B4 textarea{background-color:#1e293b!important;border-color:#475569!important;color:#fff!important}[data-theme=dark] .ProfileEditModal_formGroup__F5-B4 input:focus,[data-theme=dark] .ProfileEditModal_formGroup__F5-B4 textarea:focus{border-color:#3b82f6!important}[data-theme=dark] .ProfileEditModal_formGroup__F5-B4 input:-webkit-autofill,[data-theme=dark] .ProfileEditModal_formGroup__F5-B4 input:-webkit-autofill:active,[data-theme=dark] .ProfileEditModal_formGroup__F5-B4 input:-webkit-autofill:focus,[data-theme=dark] .ProfileEditModal_formGroup__F5-B4 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__2-xvJ{background-color:#334155!important;border-color:#475569!important;color:#e5e7eb!important}[data-theme=dark] .ProfileEditModal_btnSecondary__2-xvJ:hover:not(:disabled){background-color:#475569!important}.mitglied-detail{background:var(--color-background);min-height:100vh;padding:0}.mitglied-detail .page-header{justify-content:center}.member-title-section,.mitglied-detail .page-header{align-items:center;display:flex;gap:1.5rem}.member-avatar-large{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #3b82f640;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:64px;justify-content:center;width:64px}.member-title-info{align-items:center;display:flex;flex-direction:column;text-align:center}.member-subtitle{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin:4px 0 0}.btn{display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.btn-danger{box-shadow:0 1px 4px #ef444440}.btn-danger:hover{box-shadow:0 2px 8px #ef444459;transform:translateY(-1px)}.status-badge{letter-spacing:.3px;padding:4px 12px}.status-badge.status-success{background:#d1fae5;color:#065f46}.status-badge.status-warning{background:#fef3c7;color:#92400e}.status-badge.status-error{background:#fee2e2;color:#991b1b}.detail-content{margin:0 auto;max-width:1200px;padding:0 20px 32px}.info-section{background:var(--color-surface);border-radius:12px;box-shadow:0 1px 2px #00000014;padding:20px;transition:all .2s ease}.info-section:hover{box-shadow:0 2px 8px #0000001a}.mitglied-detail .section-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:10px;justify-content:flex-start;margin-bottom:16px;padding-bottom:12px}.mitglied-detail .section-header svg{color:#3b82f6;flex-shrink:0;height:18px;width:18px}.mitglied-detail .section-header h2{color:var(--color-text-primary);font-size:16px;font-weight:700;margin:0}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item label{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.info-item p{font-size:14px;font-weight:500}.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:#3b82f6}.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:#3b82f6;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: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-avatar-large{font-size:20px;height:56px;width:56px}.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}.info-section{padding:16px}.info-grid{gap:14px}.address-list,.family-list,.info-grid{grid-template-columns:1fr}}.veranstaltung-list{background:var(--color-background);min-height:100vh;padding:0}.actions-bar{align-items:center;justify-content:flex-start;max-width:1400px;width:100%}.search-box{border:2px solid var(--color-border);border-radius:12px;gap:12px;max-width:600px;min-width:400px;padding:12px 16px;position:relative;transition:all .2s ease}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input{font-size:15px}.clear-search-btn{color:var(--color-text-tertiary)}.clear-search-btn:hover{background:var(--color-surface-secondary)}.filter-select{border:2px solid var(--color-border);border-radius:12px;flex-shrink:0;font-size:15px;font-weight:500;max-width:350px;min-width:250px;padding:12px 16px}.filter-select:hover{border-color:var(--color-text-tertiary)}.filter-select:focus{border-color:#3b82f6}.view-toggle{flex-shrink:0}.view-toggle-btn.active{box-shadow:0 2px 4px #3b82f633}.view-toggle-btn svg{height:18px;width:18px}.btn-primary{flex-shrink:0;min-height:44px;white-space:nowrap}.btn-primary:hover{box-shadow:0 4px 12px #3b82f666}.filter-tabs{background:var(--color-surface);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto 24px;max-width:1400px;padding:6px;width:-webkit-fit-content;width:fit-content}.filter-tab{background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.filter-tab.active{box-shadow:0 2px 8px #3b82f64d}.tab-count{align-items:center;background:#0000001a;border-radius:12px;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 8px}.view-toggle{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.view-toggle-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.view-toggle-btn.active{background:#3b82f6;color:#fff}.view-toggle-btn.active svg{stroke:#fff}.view-toggle-btn svg{height:20px;width:20px}.veranstaltung-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1400px;padding:0 24px 32px}.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:#3b82f6;box-shadow:0 8px 24px #3b82f626;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:24px 24px 16px}.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:18px;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{border-radius:12px;flex-shrink:0;white-space:nowrap}.status-badge.upcoming{background:#10b981}.status-badge.ongoing{background:#f59e0b}.card-content{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:0 24px 16px}.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,#3b82f6,#8b5cf6);border-radius:10px;box-shadow:0 2px 8px #3b82f64d;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:16px 24px}.action-btn{background:var(--color-surface);border-radius:10px;color:var(--color-text-primary);flex:1 1;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none}.action-btn:hover{background:#3b82f61a;transform:translateY(-1px)}.action-btn svg{flex-shrink:0}.action-btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn-primary:hover{background:#2563eb;border-color:#2563eb;color:#fff}.empty-state{border:2px dashed var(--color-border);border-radius:16px;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}.actions-bar{flex-wrap:wrap}.search-box{flex:1 1 100%;min-width:100%}.filter-select{flex:1 1 100%;max-width:100%}.view-toggle{margin-left:auto}.btn-primary{justify-content:center;width:100%}.filter-tabs{margin-left:24px;margin-right:24px;width:calc(100% - 48px)}.filter-tab{flex:1 1;padding:10px 12px}.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:32px 16px 24px}.page-title{font-size:28px}.actions-bar{padding-left:16px;padding-right:16px}.filter-tabs{margin-left:16px;margin-right:16px;width:calc(100% - 32px)}.tab-count{display:none}.veranstaltung-grid{grid-template-columns:1fr}}[data-theme=dark] .detail-item svg{color:#e5e7eb!important}.veranstaltung-table-container{margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 24px 32px}.veranstaltung-table{background:var(--color-surface);border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.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 td{color:var(--color-text-primary);font-size:14px;padding:14px 16px;white-space:nowrap}.table-link{color:var(--color-text-primary);text-decoration:none;transition:color .2s ease}.table-link:hover{color:#3b82f6}.table-link strong{font-weight:600}.table-actions{align-items:center;display:flex;gap:6px}.table-action-btn{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-secondary);padding:6px;transition:all .2s ease}.table-action-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.table-action-btn svg{height:16px;width:16px}[data-theme=dark] .empty-icon,[data-theme=dark] .search-box svg{color:#e5e7eb!important}.mitglied-ailem{background:var(--color-background);min-height:100vh;padding:20px 12px}.mitglied-ailem .page-header{margin-bottom:20px}.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}.family-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto 20px;max-width:1200px}.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,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 1px 3px #3b82f64d;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:#3b82f61a;border-radius:8px;color:#3b82f6;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-weight:600}.empty-state p{font-size:.9375rem;line-height:1.6}.view-mode-toggle{display:flex;gap:8px;justify-content:flex-end;margin-bottom:20px}.toggle-btn{background-color:var(--color-surface);border:2px solid var(--color-border);font-size:16px;transition:all .3s ease}.toggle-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.toggle-btn.active{background-color:var(--color-primary);border-color:var(--color-primary)}.family-table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}.family-table{border-collapse:collapse;font-size:.9375rem;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 .page-title{font-size:1.375rem}.family-grid{gap:12px;grid-template-columns:1fr}.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-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:800px;overflow-y:auto;width:100%}.veranstaltung-form-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:32px}.veranstaltung-form-modal .modal-header h2{color:#1f2937;font-size:20px;font-weight:700;margin:0}.veranstaltung-form-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}.veranstaltung-form-modal .modal-close:hover{background:#e5e7eb;color:#1f2937}.veranstaltung-form-modal .modal-form{padding:32px}.veranstaltung-form-modal .form-section{border-bottom:none;margin-bottom:24px;padding-bottom:0}.veranstaltung-form-modal .form-section:last-of-type{margin-bottom:0}.veranstaltung-form-modal .form-section h3{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 16px}.veranstaltung-form-modal .form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.veranstaltung-form-modal .form-group{display:flex;flex-direction:column;gap:4px}.veranstaltung-form-modal .form-group label{color:#6b7280;font-size:14px;font-weight:600;text-transform:none}.veranstaltung-form-modal .form-group input,.veranstaltung-form-modal .form-group select,.veranstaltung-form-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:16px;padding:12px 16px;transition:all .2s ease}.veranstaltung-form-modal .form-group input:-webkit-autofill,.veranstaltung-form-modal .form-group input:-webkit-autofill:active,.veranstaltung-form-modal .form-group input:-webkit-autofill:focus,.veranstaltung-form-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}.veranstaltung-form-modal .form-group input::placeholder,.veranstaltung-form-modal .form-group textarea::placeholder{color:#9ca3af;opacity:1}.veranstaltung-form-modal .form-group select option{background:#fff;color:#1f2937}.veranstaltung-form-modal .form-group input:focus,.veranstaltung-form-modal .form-group select:focus,.veranstaltung-form-modal .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.veranstaltung-form-modal .form-group input.error{border-color:#ef4444}.veranstaltung-form-modal .form-group input:disabled,.veranstaltung-form-modal .form-group select:disabled,.veranstaltung-form-modal .form-group textarea:disabled{background:#f3f4f6;background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.veranstaltung-form-modal .form-group textarea{min-height:100px;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;margin-bottom:20px;padding:12px 16px}.veranstaltung-form-modal .form-group-checkbox{margin-bottom:20px}.veranstaltung-form-modal .form-group-checkbox label{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.veranstaltung-form-modal .form-group-checkbox input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.veranstaltung-form-modal .form-group-checkbox span{color:#6b7280;font-size:15px;font-weight:600}.veranstaltung-form-modal .modal-footer{border-top:2px solid #d1d5db;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.veranstaltung-form-modal .btn-primary,.veranstaltung-form-modal .btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.veranstaltung-form-modal .btn-primary{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.veranstaltung-form-modal .btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.veranstaltung-form-modal .btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.veranstaltung-form-modal .btn-secondary{background:#f3f4f6;color:#6b7280}.veranstaltung-form-modal .btn-secondary:hover:not(:disabled){background:#e5e7eb}.veranstaltung-form-modal .btn-secondary:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .veranstaltung-form-modal.modal-content{background-color:#1e293b!important}[data-theme=dark] .veranstaltung-form-modal .modal-header{border-bottom-color:#e2e8f0!important}[data-theme=dark] .veranstaltung-form-modal .modal-header h2{color:#fff!important}[data-theme=dark] .veranstaltung-form-modal .modal-footer{border-top-color:#e2e8f0!important}[data-theme=dark] .veranstaltung-form-modal .form-section{border-bottom-color:#e2e8f0!important}[data-theme=dark] .veranstaltung-form-modal .form-section h3{color:#fff!important}[data-theme=dark] .veranstaltung-form-modal .form-group label{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{background-color:#1e293b!important;border-color:#e2e8f0!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{background-color:#1e293b!important;border-color:#3b82f6!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;-webkit-box-shadow:inset 0 0 0 30px #1e293b!important;box-shadow:inset 0 0 0 30px #1e293b!important}[data-theme=dark] .veranstaltung-form-modal .form-group input::placeholder,[data-theme=dark] .veranstaltung-form-modal .form-group textarea::placeholder{color:#9ca3af!important}[data-theme=dark] .veranstaltung-form-modal .form-group select option{background-color:#1e293b!important;color:#fff!important}[data-theme=dark] .veranstaltung-form-modal .form-group input:disabled,[data-theme=dark] .veranstaltung-form-modal .form-group select:disabled,[data-theme=dark] .veranstaltung-form-modal .form-group textarea:disabled{background-color:#334155!important;color:#9ca3af!important}[data-theme=dark] .veranstaltung-form-modal .modal-close{background-color:#334155!important;color:#e5e7eb!important}[data-theme=dark] .veranstaltung-form-modal .modal-close:hover{background-color:#475569!important;color:#fff!important}[data-theme=dark] .veranstaltung-form-modal .btn-secondary{background-color:#334155!important;color:#e5e7eb!important}[data-theme=dark] .veranstaltung-form-modal .btn-secondary:hover:not(:disabled){background-color:#475569!important}[data-theme=dark] .veranstaltung-form-modal .form-group-checkbox span{color:#e5e7eb!important}[data-theme=dark] .veranstaltung-form-modal .form-group input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] .veranstaltung-form-modal .form-group input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.veranstaltung-form-modal .veranstaltung-date-picker{background:#fff!important;border:2px solid #d1d5db!important;border-radius:8px!important;color:#1f2937!important;cursor:pointer!important;font-family:inherit!important;font-size:15px!important;padding:12px 16px!important;transition:all .2s ease!important;width:100%!important}.veranstaltung-form-modal .veranstaltung-date-picker:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.veranstaltung-form-modal .veranstaltung-date-picker.error{border-color:#dc2626!important}.veranstaltung-form-modal .veranstaltung-date-picker.error:focus{box-shadow:0 0 0 3px #ef44441a!important}[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 .veranstaltung-date-picker:focus{border-color:#3b82f6!important}@media (max-width:768px){.veranstaltung-form-modal.modal-content{border-radius:0;max-height:100vh;max-width:100%}.veranstaltung-form-modal .modal-header{padding:20px}.veranstaltung-form-modal .modal-header h2{font-size:20px}.veranstaltung-form-modal .modal-form{padding:20px}.veranstaltung-form-modal .form-grid{gap:16px;grid-template-columns:1fr}.veranstaltung-form-modal .modal-footer{flex-direction:column-reverse}.veranstaltung-form-modal .btn-primary,.veranstaltung-form-modal .btn-secondary{width:100%}}.veranstaltung-form-modal .form-hint{color:#6b7280;display:block;font-size:12px;font-style:italic;margin-top:4px}.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:#3b82f6;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:#3b82f6;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:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;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:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.add-participant-modal .btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f666;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:#3b82f6!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:#3b82f60d;border-color:#3b82f6}.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:#3b82f6}.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:#3b82f6;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:#2563eb;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:#3b82f6}.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:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;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:#3b82f6;color:#fff}.image-upload-modal .btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;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:#3b82f633;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:#3b82f6;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:#2563eb;box-shadow:0 4px 12px #3b82f64d;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 #3b82f6;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:#3b82f6;box-shadow:0 8px 24px #3b82f626;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;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:hover:not(:disabled){background:#dc2626;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{background:var(--color-background);min-height:100vh;padding:0}.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:1200px;padding:0 24px}.tab-button{bottom:-2px;position:relative}.tab-button:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.tab-content{margin:0 auto;max-width:1200px;padding:0 24px 24px}.btn-icon{box-shadow:0 1px 2px #0000000d;color:var(--color-text-secondary);display:inline-flex}.btn-icon:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626;color:#3b82f6;transform:translateY(-1px)}.btn-primary{box-shadow:0 1px 4px #3b82f640;padding:10px 20px}.btn-success{align-items:center;box-shadow:0 1px 4px #10b98140;cursor:not-allowed;display:flex;font-size:14px;gap:6px;padding:10px 20px}.countdown-section{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;min-width:120px;padding:.75rem 1rem;text-align:center}.countdown-today{color:#fff;font-size:1.1rem;font-weight:700}.countdown-soon{color:#fff;font-size:.95rem;font-weight:600}.countdown-days{align-items:center;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px}.countdown-days svg{flex-shrink:0}.status-badge{border-radius:16px;margin-top:8px;padding:.4rem .8rem}.status-badge.upcoming{background:#059669;color:#fff}.status-badge.ongoing{background:#d97706;color:#fff}.status-badge.past{background:#9ca3af;color:#fff}.status-badge.active{background:#059669;color:#fff;font-size:.7rem;padding:.2rem .6rem}.detail-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.event-info-section{grid-column:1}.info-card{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}.info-card:hover{border-color:#3b82f633;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.section-title{color:var(--color-text-primary);font-size:13px;letter-spacing:-.025em;margin-bottom:12px}.info-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:0}.info-item{align-items:flex-start;background:#f9fafb;background:var(--color-surface-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;gap:8px;padding:10px;transition:all .2s ease}.info-item:hover{background:#3b82f605;border-color:#3b82f64d}.info-icon{color:#3b82f6;flex-shrink:0;font-size:.85rem;height:16px;margin-top:2px;text-align:center;width:16px}.info-content{flex:1 1;min-width:0}.info-label{display:block;font-size:10px;margin-bottom:2px}.info-value{display:block;font-size:13px;font-weight:500;line-height:1.4}.description-section,.notes-section{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.description-section h3,.notes-section h3{color:var(--color-text-primary);font-size:13px;font-weight:600;margin-bottom:6px}.event-description,.event-notes{color:var(--color-text-secondary);font-size:12px;line-height:1.5;margin:0}.participants-section{grid-column:2}.participants-card{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}.participants-card:hover{border-color:#3b82f633;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.section-header{gap:.75rem;margin-bottom:12px}.section-actions{gap:.4rem}.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:#3b82f6;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}.action-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;bottom:1.5rem;box-shadow:0 8px 24px #00000026;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky}.action-buttons{gap:.75rem;justify-content:center}.btn-primary{display:inline-flex;text-decoration:none;transition:all .3s ease}.btn-primary svg{stroke:currentColor}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-secondary{background:#0000;color:var(--color-text-secondary);display:inline-flex;font-size:13px;gap:6px;transition:all .3s ease}.btn-secondary svg{stroke:currentColor;height:16px;width:16px}.btn-secondary:hover{background:#3b82f60d;border-color:#3b82f6;color:#3b82f6}.btn-danger{align-items:center;background:#0000;border:2px solid #dc2626;display:inline-flex;font-size:13px;gap:6px;transition:all .3s ease}.btn-danger svg{stroke:currentColor;height:16px;width:16px}.btn-danger:hover{color:#fff}@media (max-width:768px){.veranstaltung-detail{padding:.75rem}.countdown-section{min-width:100px;padding:.5rem .75rem}.detail-content{gap:12px;grid-template-columns:1fr;padding:0 12px 16px}.info-grid{gap:10px;grid-template-columns:1fr}.info-card{padding:14px}.participants-section{grid-column:1}.section-header{align-items:stretch;flex-direction:column;gap:.75rem}.section-actions{justify-content:center}.action-buttons{flex-direction:column}.action-bar{bottom:auto;position:relative}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.registration-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: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 #d1d5db;display:flex;justify-content:space-between;padding:24px 32px}.registration-modal .modal-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.registration-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}.registration-modal .modal-close:hover{background:#e5e7eb;color:#1f2937}.registration-modal .modal-body{padding:32px}.registration-modal .registration-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.registration-modal .registration-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.registration-modal .registration-info p{color:#6b7280;font-size:14px;margin:0}.registration-modal .form-group{margin-bottom:20px}.registration-modal .form-group label{color:#1f2937;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.registration-modal .form-input,.registration-modal .form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#1f2937;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.registration-modal .form-input:focus,.registration-modal .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.registration-modal .form-input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.registration-modal .form-textarea{font-family:inherit;resize:vertical}.registration-modal .modal-footer{border-top:2px solid #d1d5db;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:#3b82f6;color:#fff}.registration-modal .btn-primary:hover:not(:disabled){background-color:#2563eb}.registration-modal .btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.registration-modal .btn-secondary{background-color:#f3f4f6;color:#1f2937}.registration-modal .btn-secondary:hover{background-color:#e5e7eb}.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}.recurring-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea33;border-radius:12px;margin-top:24px;padding:20px}.recurring-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.recurring-description{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin:0 0 20px}.next-occurrences h4{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.occurrences-list{display:flex;flex-direction:column;gap:8px}.occurrence-item{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:8px;display:flex;gap:12px;padding:10px 12px;transition:all .2s ease}.occurrence-item:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a;transform:translateX(4px)}.occurrence-icon{flex-shrink:0;font-size:16px}.occurrence-date{color:var(--color-text-primary);flex:1 1;font-size:14px;font-weight:500}.occurrence-time{border-radius:6px;color:var(--color-text-secondary);font-size:13px;font-weight:500;padding:4px 8px}.occurrence-time,.settings-page{background:var(--color-background)}.settings-page{min-height:100vh;padding:0}.actions-bar,.settings-header{max-width:900px}.actions-bar{gap:12px;padding:0 24px 24px}.btn-primary{border-radius:12px;box-shadow:0 1px 3px #3b82f64d;font-size:15px;gap:8px;padding:12px 20px}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666}.btn-primary:disabled{opacity:.5}.btn-primary svg{height:18px;width:18px}.btn-secondary{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;font-size:15px;font-weight:600;gap:8px;padding:12px 20px}.btn-secondary:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-separator);transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary svg{height:18px;width:18px}.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:#3b82f6;box-shadow:0 4px 12px #3b82f626;color:var(--color-text-primary);transform:translateY(-2px)}.theme-option.active{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;color:#3b82f6}.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:#3b82f6}input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 0 3px #3b82f61a}.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:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;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,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;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:#3b82f61a;border-radius:8px;color:#3b82f6;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}@media (max-width:768px){.actions-bar{flex-direction:column-reverse}.btn-primary,.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){.actions-bar{padding-left:16px;padding-right:16px}}.profile-page{background:var(--color-background);min-height:100vh;padding:0}.profile-header{margin:0 auto;max-width:1000px;padding:24px 24px 16px;text-align:center}.page-title{color:var(--color-text-primary);font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.page-subtitle{color:var(--color-text-secondary);display:none;font-size:14px;font-weight:400;line-height:1.6;margin:0}.actions-bar{display:flex;gap:8px;justify-content:flex-end;margin:0 auto;max-width:1000px;padding:0 24px 16px}.btn-primary{box-shadow:0 1px 3px #3b82f640;font-size:13px;gap:6px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 2px 8px #3b82f659;transform:translateY(-1px)}.btn-primary svg{height:16px;width:16px}.profile-content{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1000px;padding:0 24px 24px}.profile-card{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;box-shadow:0 4px 12px #3b82f640;color:#fff;padding:24px}.profile-avatar-section{align-items:center;display:flex;gap:20px}.profile-avatar-large{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.profile-avatar-large svg{color:#fff;height:44px;width:44px}.profile-basic-info{flex:1 1}.profile-name{color:#fff;font-size:22px;font-weight:700;margin:0 0 6px;text-shadow:0 2px 8px #0000001a}.profile-email{color:#ffffffe6;font-family:Courier New,monospace;font-size:13px;font-weight:500;margin:0 0 10px}.profile-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.profile-section{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px;transition:all .2s ease}.profile-section:hover{border-color:var(--color-text-tertiary);box-shadow:0 2px 8px #00000014}.profile-page .profile-section .section-header{align-items:center;border-bottom:1.5px solid var(--color-border);display:flex;flex-direction:row;gap:10px;justify-content:flex-start;margin-bottom:16px;padding-bottom:12px;text-align:left}.profile-page .profile-section .section-header svg{color:#3b82f6;flex-shrink:0;height:20px;min-width:20px;width:20px}.profile-page .profile-section .section-header h2{color:var(--color-text-primary);font-size:16px;font-weight:700;margin:0 auto 0 0;text-align:left}.info-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-item{gap:6px}.info-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.info-label svg{color:var(--color-text-tertiary);height:14px;width:14px}.info-value{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-weight:600;padding:10px 12px;transition:all .2s ease}.info-value:hover{background:var(--color-border);border-color:var(--color-text-tertiary)}.status-badge{align-items:center;border-radius:6px;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:5px 10px}.status-active{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.info-message{background:#3b82f614;border:1.5px solid #3b82f640;border-radius:10px;padding:12px 16px;text-align:center}.info-message p{color:#3b82f6;font-size:12px;line-height:1.5;margin:0}.info-message strong{color:#2563eb;font-weight:700}.edit-form{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.form-group{gap:6px}.form-label{font-size:12px;gap:6px}.form-label svg{height:14px;width:14px}.form-input{border:1.5px solid var(--color-border);font-size:13px;padding:10px 12px}.edit-form{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-label{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.form-label svg{color:#3b82f6;height:16px;width:16px}.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}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled{background:var(--color-surface);color:var(--color-text-secondary);cursor:not-allowed}@media (max-width:768px){.page-title{font-size:20px}.page-subtitle{font-size:13px}.profile-card{padding:20px}.profile-avatar-section{flex-direction:column;text-align:center}.profile-name{font-size:20px}.profile-section{padding:16px}.info-grid{grid-template-columns:1fr}}@media (max-width:480px){.profile-header{padding:20px 16px 12px}.page-title{font-size:18px}.actions-bar{padding-left:16px;padding-right:16px}.profile-content{padding:0 16px 20px}.profile-card{padding:16px}.profile-avatar-large{height:70px;width:70px}.profile-avatar-large svg{height:38px;width:38px}.profile-name{font-size:18px}.profile-email{font-size:12px}}.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{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:#3b82f6}.tab-button:hover:not(.active){color:#3b82f6}.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:#3b82f605;border-color:#3b82f6}.role-card.active{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.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{color:#3b82f6}.role-name{color:#111827;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:#3b82f6;cursor:pointer;font-weight:600;padding:0;text-decoration:none;transition:color .2s ease}.switch-tab-btn:hover{color:#2563eb;text-decoration:underline}.form-group{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%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;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:#3b82f60d;border-color:#3b82f6;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}.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}.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}.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:1200px;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}.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:1200px}.section-header{margin-bottom:var(--spacing-xxl);text-align:center}.section-title{color:#000;font-size:40px;font-weight:700;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(2,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:#3b82f633}.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,#3b82f61a,#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:1200px;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);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.tab-button{background:none;font-size:var(--font-size-md);gap:var(--spacing-sm);margin-bottom:-2px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s}.tab-button:hover{background:rgba(var(--color-primary-rgb),.05)}.tab-button svg{height:20px;width:20px}.stats-section{break-inside:avoid;margin-bottom:1.5rem;page-break-inside:avoid}.stats-section h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.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:#3b82f61a;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}.date-range-selector,.toolbar-right{display:flex;gap:.5rem}.date-range-selector{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);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}.percentage-badge{background:#e3f2fd;color:#1976d2;display:inline-block;font-size:.75rem;font-weight:600}.badge,.percentage-badge{border-radius:8px;padding:.2rem .5rem}.badge{font-size:.6875rem}.badge-required{background:#ffebee;color:#c62828}.badge-optional{background:#e8f5e9;color:#2e7d32}.badge-members{background:#e3f2fd;color:#1565c0}.badge-public{background:#fff3e0;color:#e65100}@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}.section-header{margin-bottom:var(--spacing-lg)}@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}.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}}.finanz-dashboard{animation:fadeIn .3s ease-in-out;padding:0}.stats-grid-advanced{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card{gap:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg)}.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:#3b82f61a;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-value{font-size:var(--font-size-xl)}.stat-subtitle{margin:var(--spacing-xs) 0 0 0}.dashboard-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.dashboard-section h2{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0}.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}.charts-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:2fr 1fr;margin-bottom:var(--spacing-2xl)}.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}.dashboard-info{background:#3b82f60d;border:1px solid #3b82f633;border-radius:var(--radius-lg);margin-top:var(--spacing-2xl);padding:var(--spacing-lg)}.dashboard-info p{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0}@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{align-items:stretch;flex-direction:column}.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)}.charts-grid{gap:var(--spacing-md)}.chart-section{padding:var(--spacing-md)}}@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)}}[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] .dashboard-info{background:#3b82f61a;border-color:#3b82f64d}.payment-trend-chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;margin:0 var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-md)}.trend-stats{grid-gap:var(--spacing-sm);background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:var(--radius-md);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.trend-stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-label{font-size:.6875rem}.stat-value{font-size:1rem}.stat-value.positive{color:#10b981}.stat-value.negative{color:#ef4444}.chart-container{min-height:250px;width:100%}.payment-trend-chart .recharts-wrapper{margin:0 auto}.payment-trend-chart .recharts-legend-wrapper{padding-top:var(--spacing-md)}.payment-trend-chart .recharts-legend-item-text{color:var(--color-text-secondary);font-size:.875rem}@media (max-width:768px){.payment-trend-chart{padding:var(--spacing-md)}.chart-header h3{font-size:1rem}.trend-stats{gap:var(--spacing-sm);grid-template-columns:1fr}.stat-value{font-size:1.125rem}.chart-container{min-height:250px}}.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 #3b82f626;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.payment-instruction-header{border-bottom:2px solid #3b82f633;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:#2563eb;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:1200px;padding:0}.mitglied-finanz .page-header{text-align:center}.mitglied-finanz .page-header,.mitglied-finanz .page-header .page-title{margin-bottom:var(--spacing-sm)}.finanz-tabs{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:0 var(--spacing-lg)}.tabs-container{-ms-overflow-style:none;display:flex;gap:var(--spacing-xs);overflow-x:auto;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);margin-bottom:-1px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:var(--color-background);color:var(--color-primary)}.tab-button.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}.tab-icon{align-items:center;display:flex;justify-content:center}.tab-icon svg{height:18px;width:18px}.tab-label{display:block}.tab-badge{align-items:center;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.tab-badge,.tab-button.active .tab-badge{background:var(--color-primary)}.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{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 #3b82f64d;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:#2563eb;box-shadow:0 4px 12px #3b82f666;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 #3b82f633;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{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.section-header h2{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.section-header .search-box{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);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 #3b82f61a}.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(--bg-primary);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:#3b82f61a;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{display:flex;flex-direction:column;gap:var(--spacing-xs)}.claim-item{align-items:center;background:var(--color-background);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);display:inline-block;padding:.25rem .625rem}.status-paid{background:#0596691a;color:var(--color-success)}.status-unpaid{background:#d977061a;color:var(--color-warning)}.status-partial{background:#3b82f61a;color:#3b82f6}.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 #3b82f6;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 #3b82f633;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 #3b82f61a;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 #3b82f61a;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}}.finance-summary-cards{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin:0 var(--spacing-lg) var(--spacing-lg)}.finance-summary-cards.four-cards{grid-template-columns:repeat(4,1fr)}.finance-summary-cards .summary-card{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all .2s ease}.finance-summary-cards .summary-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.finance-summary-cards .summary-card.card-negative{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid var(--color-error)}.finance-summary-cards .summary-card.card-positive{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid var(--color-success)}.finance-summary-cards .summary-card.card-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #f59e0b}.finance-summary-cards .summary-card.card-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid var(--color-success)}.finance-summary-cards .summary-card.card-neutral{border-left:4px solid var(--color-border)}.finance-summary-cards .summary-card.card-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid var(--color-error)}.finance-summary-cards .summary-card.card-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6}.finance-summary-cards .card-icon{font-size:2rem;line-height:1}.finance-summary-cards .card-content{flex:1 1}.finance-summary-cards .card-content h3{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.finance-summary-cards .card-amount{font-size:1.5rem;font-weight:700;line-height:1.2}.finance-summary-cards .card-amount.negative{color:var(--color-error)}.finance-summary-cards .card-amount.positive{color:var(--color-success)}.finance-summary-cards .card-amount.warning{color:#d97706}.finance-summary-cards .card-amount.success{color:var(--color-success)}.finance-summary-cards .card-amount.danger{color:var(--color-error)}.finance-summary-cards .card-amount.info{color:#3b82f6}.finance-summary-cards .card-amount.muted{color:var(--color-text-secondary)}.finance-summary-cards .card-subtitle{font-size:.75rem;margin-top:var(--spacing-xs)}.finance-summary-cards .card-subtitle.error{color:var(--color-error)}.finance-summary-cards .card-subtitle.success{color:var(--color-success)}.finance-summary-cards .card-subtitle.danger{color:var(--color-error)}.finance-summary-cards .card-subtitle.info{color:#3b82f6}.finance-summary-cards .card-subtitle.muted{color:var(--color-text-secondary)}.yearly-stats-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)}.yearly-stats-section .section-header{margin-bottom:var(--spacing-md)}.yearly-stats-section .section-header h2{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.yearly-stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}.yearly-stats-grid .stat-item{background:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.yearly-stats-grid .stat-value{color:var(--color-primary);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-xs)}.yearly-stats-grid .stat-label{color:var(--color-text-secondary);font-size:.75rem}.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;margin:var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-lg)}.beitrag-plan-card{display:flex;flex-direction:column;gap:var(--spacing-lg)}.beitrag-info{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding-bottom:var(--spacing-md)}.beitrag-amount{align-items:baseline;display:flex;gap:var(--spacing-xs)}.beitrag-amount .amount-value{color:var(--color-primary);font-size:2rem;font-weight:700}.beitrag-amount .amount-period{color:var(--color-text-secondary);font-size:1rem}.beitrag-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.beitrag-details .detail-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:.9rem;gap:var(--spacing-xs);justify-content:center;min-width:120px;padding:var(--spacing-md) var(--spacing-xl);text-align:center}.beitrag-details .detail-label{color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.beitrag-details .detail-value{color:var(--color-text-primary);font-size:1rem;font-weight:600}.beitrag-details .detail-item.mandatory{background:#fef3c7;border-color:#fcd34d}.beitrag-details .mandatory-badge{color:#92400e;font-size:.85rem;font-weight:600;white-space:nowrap}.beitrag-calendar h4{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-md)}.calendar-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(6,1fr)}.calendar-item{align-items:center;background:var(--color-background);border:2px solid #0000;border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--spacing-sm);transition:all .2s ease}.calendar-item[role=button]{cursor:pointer}.calendar-item[role=button]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.calendar-item.status-paid{background:#d1fae5;border-color:#10b981}.calendar-item.status-unpaid{background:#f3f4f6;border-color:#d1d5db}.calendar-item.status-overdue{background:#fee2e2;border-color:#ef4444}.calendar-month{color:var(--color-text-primary);font-size:.9rem;font-weight:600;text-transform:uppercase}.calendar-year{color:var(--color-text-secondary);font-size:.75rem}.calendar-amount{color:var(--color-text-primary);font-size:.85rem;font-weight:600;margin-top:var(--spacing-xs)}.calendar-status{font-size:1.2rem;margin-top:var(--spacing-xs)}.calendar-status.paid{color:#10b981}.calendar-status.unpaid{color:#9ca3af}.calendar-status.overdue{color:#ef4444}.calendar-legend{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.legend-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:var(--spacing-xs)}.legend-item.paid{color:#10b981}.legend-item.unpaid{color:#9ca3af}.legend-item.overdue{color:#ef4444}.veranstaltung-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;margin:var(--spacing-lg) var(--spacing-lg);padding:var(--spacing-lg)}.veranstaltung-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.veranstaltung-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}.veranstaltung-item:hover{box-shadow:0 2px 8px #00000014}.veranstaltung-item.status-paid{border-left-color:#10b981}.veranstaltung-item.status-pending{border-left-color:#f59e0b}.veranstaltung-item.status-unpaid{border-left-color:#ef4444}.veranstaltung-date{align-items:center;background:var(--color-primary);border-radius:var(--radius-md);color:#fff;display:flex;flex-direction:column;min-width:60px;padding:var(--spacing-sm)}.veranstaltung-date .day{font-size:1.5rem;font-weight:700;line-height:1}.veranstaltung-date .month{font-size:.75rem;font-weight:600;text-transform:uppercase}.veranstaltung-date .year{font-size:.7rem;opacity:.8}.veranstaltung-info{flex:1 1;min-width:0}.veranstaltung-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.veranstaltung-location{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:var(--spacing-xs)}.veranstaltung-status .status-badge{border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px}.veranstaltung-status .status-badge.bestaetigt,.veranstaltung-status .status-badge.confirmed{background:#d1fae5;color:#065f46}.veranstaltung-status .status-badge.ausstehend,.veranstaltung-status .status-badge.pending{background:#fef3c7;color:#92400e}.veranstaltung-status .status-badge.cancelled,.veranstaltung-status .status-badge.storniert{background:#fee2e2;color:#991b1b}.veranstaltung-status .status-badge.warteliste{background:#e0e7ff;color:#3730a3}.veranstaltung-status .status-badge.abgelehnt{background:#fecaca;color:#b91c1c}.veranstaltung-payment{align-items:flex-end;display:flex;flex-direction:column;min-width:100px}.veranstaltung-payment .payment-amount{color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.veranstaltung-payment .payment-status{font-size:.8rem;margin-top:var(--spacing-xs)}.veranstaltung-payment .payment-status .paid{color:#10b981}.veranstaltung-payment .payment-status .pending{color:#f59e0b}.veranstaltung-payment .payment-status .unpaid{color:#ef4444}.veranstaltung-payment .free-event{color:#10b981;font-size:.9rem;font-weight:600}@media (max-width:992px){.finance-summary-cards,.finance-summary-cards.four-cards,.yearly-stats-grid{grid-template-columns:repeat(2,1fr)}.calendar-grid{grid-template-columns:repeat(3,1fr)}.finanz-tabs{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.tabs-container{border-bottom:1px solid var(--color-border);justify-content:flex-start;padding-bottom:var(--spacing-sm)}}@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-info{align-items:flex-start;flex-direction:column}.calendar-grid{grid-template-columns:repeat(2,1fr)}.calendar-legend{flex-wrap:wrap;gap:var(--spacing-sm)}.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%}.tab-button{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.tab-label{display:none}.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}}.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 #1976d2;border:1px solid var(--color-primary,#1976d2);color:#1976d2;color:var(--color-primary,#1976d2)}.payment-type-badge.veranstaltung{background-color:#fff3e0;border:1px solid #e65100;color:#e65100}.history-tab-embedded .actions-bar{align-items:center;background:#0000;border:none;margin-bottom:1rem;padding:0}.history-tab-embedded .filters-section{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:1rem}.history-tab-embedded .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;min-width:280px;padding:12px 16px;position:relative;transition:all .2s ease}.history-tab-embedded .search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.history-tab-embedded .search-box svg{color:var(--color-text-secondary);flex-shrink:0}.history-tab-embedded .search-box input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:15px;outline:none}.history-tab-embedded .search-box input::placeholder{color:var(--color-text-secondary)}.history-tab-embedded .filter-toggle{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:.875rem;font-weight:500;gap:var(--spacing-xs);padding:.5rem .875rem;transition:all .2s ease;white-space:nowrap}.history-tab-embedded .filter-toggle:hover{background:var(--color-background);border-color:var(--color-primary)}.history-tab-embedded .filter-toggle.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.history-tab-embedded .btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:.5rem .875rem;transition:all .2s ease;white-space:nowrap}.history-tab-embedded .btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.history-tab-embedded .btn-primary:disabled{background:var(--color-text-secondary);box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.history-tab-embedded .actions-bar{align-items:stretch;flex-direction:column;gap:1rem}.history-tab-embedded .filters-section{align-items:stretch;flex-direction:column;gap:.75rem}.history-tab-embedded .search-box{min-width:auto;width:100%}.history-tab-embedded .btn-primary,.history-tab-embedded .filter-toggle{justify-content:center;width:100%}}@media (max-width:480px){.history-tab-embedded .search-box{padding:10px 14px}.history-tab-embedded .search-box input{font-size:14px}.history-tab-embedded .btn-primary,.history-tab-embedded .filter-toggle{font-size:.8rem;padding:.625rem .75rem}}.finanz-list{animation:fadeIn .3s ease-in-out;padding:var(--spacing-lg) 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}.finance-list-page .page-header,.finanz-list .page-header{margin:0 auto;max-width:1400px;padding:32px 24px 24px;text-align:center}.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 #3b82f626;transform:translateY(-1px)}.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{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex:1 1;gap:var(--spacing-md);min-width:250px;padding:0 var(--spacing-md)}.search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.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);transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.list-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.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{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.action-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex;height:32px;padding:0;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] .filter-select,[data-theme=dark] .search-box{background:var(--color-surface);border-color:var(--color-border)}.modal-overlay{animation:modalOverlayFadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.payment-detail-modal{animation:modalFadeIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-surface);border:1px solid #ffffff1a;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:min(90%,600px)}.payment-detail-modal .modal-header{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border-bottom:1px solid #00000014;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm) var(--spacing-lg)}.payment-detail-modal .modal-header h2{color:var(--color-text);font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin:0}.payment-detail-modal .close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0000001a;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:var(--spacing-sm);transition:all .3s ease;width:36px}.payment-detail-modal .close-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.payment-detail-modal .close-btn:active{transform:scale(.9) rotate(90deg)}.payment-detail-modal .modal-body{background:var(--color-surface);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);position:relative}.payment-detail-modal .modal-body:before{background:linear-gradient(90deg,#0000,#0000000d,#0000);content:"";height:1px;left:var(--spacing-lg);position:absolute;right:var(--spacing-lg);top:0}.payment-detail-modal .detail-row.highlight{display:flex;justify-content:center;margin-bottom:var(--spacing-sm)}.payment-detail-modal .modal-body>div:first-child{margin-bottom:var(--spacing-xs)}.payment-detail-modal .modal-body>div:first-child h3{margin:0;padding:0}.payment-detail-modal .payment-type-header{background:linear-gradient(135deg,#3b82f60d,#2563eb14);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:center}.payment-detail-modal .payment-type-header:before{background:linear-gradient(90deg,#0000,#3b82f633,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.payment-detail-modal .payment-type-header h3{align-items:center;color:var(--color-primary);display:flex;font-size:1.1rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin:0}.payment-detail-modal .payment-type-header h3:before{content:"💳";font-size:1.2rem;opacity:.8}.payment-detail-modal .payment-type-header.event-payment h3{color:#e65100}.payment-detail-modal .payment-type-header.event-payment h3:before{content:"🎫"}.payment-detail-modal .payment-type-header.event-payment{background:linear-gradient(135deg,#e651000d,#bf360c14);border-left-color:#e65100}.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 #1976d2;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-lg);background:#f8fafc80;border:1px solid #00000008;border-radius:var(--radius-md);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.payment-detail-modal .detail-item{background:var(--color-surface);border:1px solid #00000005;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);position:relative;transition:all .2s ease}.payment-detail-modal .detail-item:hover{border-color:#3b82f633;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.payment-detail-modal .detail-item label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;font-weight:600;gap:var(--spacing-xs);letter-spacing:.8px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.payment-detail-modal .detail-item label:before{color:var(--color-primary);content:"•";font-size:.8rem}.payment-detail-modal .detail-item span{background:#f8fafccc;border-left:3px solid #0000;border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);padding-right:2.5rem;transition:all .2s ease}.payment-detail-modal .detail-item:hover span{background:var(--color-surface);border-left-color:var(--color-primary)}.copy-action-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;opacity:.6;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:10}.copy-action-btn:hover{background:#0000001a;opacity:1;transform:translateY(-50%) scale(1.1)}.copy-action-btn:active{transform:translateY(-50%) scale(.95)}.payment-detail-modal .detail-item.highlight{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-color:#3b82f633}.payment-detail-modal .detail-item.secondary{background:#ffffff4d;border-color:#00000008}.payment-detail-modal .detail-item.secondary label{color:#94a3b8;font-size:.7rem}.payment-detail-modal .detail-item.secondary span{color:#64748b;font-size:.9rem}.payment-detail-modal .amount-highlight{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-left:3px solid var(--color-success);border-radius:var(--radius-sm);color:var(--color-success)!important;font-size:1.2rem!important;font-weight:700!important;padding:var(--spacing-sm) var(--spacing-md)}.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:linear-gradient(135deg,#f8fafccc,#f1f5f9e6);border:1px solid #0000000a;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);position:relative}.payment-detail-modal .detail-section:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.payment-detail-modal .detail-section label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:var(--spacing-xs);letter-spacing:.8px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.payment-detail-modal .detail-section label:before{content:"📝";font-size:.9rem;margin-right:var(--spacing-xs)}.payment-detail-modal .detail-section p{background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text);font-size:.95rem;line-height:1.6;margin:0;padding:var(--spacing-sm)}.payment-detail-modal .detail-timestamps{border-top:1px solid #0000000f;display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding-top:var(--spacing-lg);position:relative}.payment-detail-modal .detail-timestamps:before{background:linear-gradient(90deg,#0000,#0000001a,#0000);content:"";height:1px;left:var(--spacing-lg);position:absolute;right:var(--spacing-lg);top:0}.payment-detail-modal .timestamp-item{background:#f8fafc99;border:1px solid #00000008;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);transition:all .2s ease}.payment-detail-modal .timestamp-item:hover{box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.payment-detail-modal .timestamp-item label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;font-weight:500;gap:var(--spacing-xs)}.payment-detail-modal .timestamp-item label:before{content:"🕐";font-size:.8rem}.payment-detail-modal .timestamp-item span{color:var(--color-text);font-size:.85rem;font-weight:500}.payment-detail-modal .modal-footer{background:linear-gradient(135deg,#f8fafce6,#f1f5f9f2);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #0000000f;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-lg)}.payment-detail-modal .modal-footer .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.payment-detail-modal .modal-footer .btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 12px #3b82f64d;color:#fff}.payment-detail-modal .modal-footer .btn-primary:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.payment-detail-modal .modal-footer .btn-outline{background:#0000;border:1px solid #3b82f6;color:#3b82f6}.payment-detail-modal .modal-footer .btn-outline:hover{background:#3b82f61a;transform:translateY(-2px)}.payment-detail-modal .modal-footer .btn-secondary{background:#0000000d;border:1px solid #0000001a;color:#64748b}.payment-detail-modal .modal-footer .btn-secondary:hover{background:#0000001a;color:#475569}.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)}@media (max-width:768px){.payment-detail-modal{margin:var(--spacing-md);max-height:95vh;max-width:none;width:95%}.payment-detail-modal .detail-grid{gap:var(--spacing-md);grid-template-columns:1fr}.payment-detail-modal .detail-item{padding:var(--spacing-sm)}.payment-detail-modal .payment-type-header{padding:var(--spacing-sm) var(--spacing-md)}.payment-detail-modal .payment-type-header h3{font-size:1rem}.payment-detail-modal .detail-section{padding:var(--spacing-sm)}.payment-detail-modal .detail-timestamps{flex-direction:column;gap:var(--spacing-md)}.payment-detail-modal .modal-footer{justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.payment-detail-modal{margin:var(--spacing-sm);width:98%}.payment-detail-modal .modal-header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm) var(--spacing-md)}.payment-detail-modal .modal-header h2{font-size:1.1rem}.payment-detail-modal .payment-type-header h3{font-size:.95rem}.payment-detail-modal .payment-type-header h3:before{font-size:1rem}.payment-detail-modal .detail-item label{font-size:.7rem}.payment-detail-modal .detail-item span{font-size:.9rem}.payment-detail-modal .close-btn{height:32px;width:32px}}[data-theme=dark] .payment-detail-modal{background:var(--color-surface);border-color:#ffffff1a}[data-theme=dark] .payment-detail-modal .modal-header{background:linear-gradient(135deg,#1e293be6,#1e293bcc);border-bottom-color:#ffffff1a}[data-theme=dark] .payment-detail-modal .payment-type-header{background:linear-gradient(135deg,#3b82f61a,#2563eb26);border-left-color:var(--color-primary)}[data-theme=dark] .payment-detail-modal .payment-type-header.event-payment{background:linear-gradient(135deg,#e651001a,#bf360c26);border-left-color:#e65100}[data-theme=dark] .payment-detail-modal .detail-grid{background:#1e293b80;border-color:#ffffff0d}[data-theme=dark] .payment-detail-modal .detail-item{background:var(--color-surface);border-color:#ffffff0d}[data-theme=dark] .payment-detail-modal .detail-item:hover{border-color:var(--color-primary)}[data-theme=dark] .payment-detail-modal .detail-section{background:linear-gradient(135deg,#1e293bcc,#1e293bb3);border-color:#ffffff0d}[data-theme=dark] .payment-detail-modal .modal-footer{background:linear-gradient(135deg,#1e293bcc,#1e293bb3);border-top-color:#ffffff0d}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media print{.payment-detail-modal{border:1px solid #000;box-shadow:none;margin:0;max-width:none;padding:0;position:static}.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;position:static}.payment-detail-modal .modal-footer,.payment-detail-modal .modal-header{display:none}.payment-detail-modal .detail-grid{break-inside:avoid;page-break-inside:avoid}.copy-action-btn{display:none}body *{visibility:hidden}.payment-detail-modal,.payment-detail-modal *{visibility:visible}.payment-detail-modal{left:0;position:absolute;top:0;width:100%}}@media (max-width:768px){.copy-action-btn{font-size:10px;height:24px;right:.5rem;width:24px}.payment-detail-modal .modal-footer .btn{font-size:.8rem;padding:.6rem 1rem}.payment-detail-modal .modal-footer .btn span{display:none}}.copy-action-btn:focus,.detail-item:focus-within,.payment-detail-modal .modal-footer .btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.detail-item:focus-within{border-radius:var(--radius-sm)}@media (prefers-contrast:high){.copy-action-btn{background:var(--color-surface);border:2px solid var(--color-text)}.payment-detail-modal .detail-item.highlight{background:var(--color-surface);border:2px solid var(--color-primary)}.payment-detail-modal .detail-item.secondary{background:var(--color-surface);border:1px solid var(--color-border)}}@media (prefers-reduced-motion:reduce){.copy-action-btn,.payment-detail-modal .detail-item,.payment-detail-modal .modal-footer .btn{animation:none;transition:none}.copy-success-message{animation:none}}.FinanzFormModal_form__JiJk-{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg,24px)}.FinanzFormModal_formGrid__dk70Y{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__yVVO-{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.FinanzFormModal_formGroup__yVVO-.FinanzFormModal_fullWidth__3trTR{grid-column:1/-1}.FinanzFormModal_formGroup__yVVO- label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.FinanzFormModal_formGroup__yVVO- label .FinanzFormModal_required__yaHLp{color:#dc2626;color:var(--color-error,#dc2626);margin-left:2px}.FinanzFormModal_formGroup__yVVO- input,.FinanzFormModal_formGroup__yVVO- select,.FinanzFormModal_formGroup__yVVO- 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__yVVO- input:focus,.FinanzFormModal_formGroup__yVVO- select:focus,.FinanzFormModal_formGroup__yVVO- textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.FinanzFormModal_formGroup__yVVO- input:disabled,.FinanzFormModal_formGroup__yVVO- select:disabled,.FinanzFormModal_formGroup__yVVO- 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__yVVO- input.FinanzFormModal_error__Vl4Hh,.FinanzFormModal_formGroup__yVVO- select.FinanzFormModal_error__Vl4Hh,.FinanzFormModal_formGroup__yVVO- textarea.FinanzFormModal_error__Vl4Hh{border-color:#dc2626;border-color:var(--color-error,#dc2626)}.FinanzFormModal_formGroup__yVVO- input.FinanzFormModal_error__Vl4Hh:focus,.FinanzFormModal_formGroup__yVVO- select.FinanzFormModal_error__Vl4Hh:focus,.FinanzFormModal_formGroup__yVVO- textarea.FinanzFormModal_error__Vl4Hh:focus{box-shadow:0 0 0 3px #dc26261a}.FinanzFormModal_errorMessage__WmDxd{color:#dc2626;color:var(--color-error,#dc2626);font-size:12px;font-size:var(--font-size-xs,12px);margin-top:2px}.FinanzFormModal_successMessage__7YicP{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__TlF6w{color:#0284c7;color:var(--color-info,#0284c7);font-size:12px;font-size:var(--font-size-xs,12px);margin-top:2px}.FinanzFormModal_formGroup__yVVO- input.FinanzFormModal_success__Ku8SS{border-color:#16a34a;border-color:var(--color-success,#16a34a)}.FinanzFormModal_formGroup__yVVO- input.FinanzFormModal_success__Ku8SS:focus{box-shadow:0 0 0 3px #16a34a1a}.FinanzFormModal_footer__xsB7p{display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:flex-end}.FinanzFormModal_btnPrimary__TzIxs,.FinanzFormModal_btnSecondary__VK-Nl{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__TzIxs{background-color:#3b82f6;background-color:var(--color-primary,#3b82f6);color:#fff}.FinanzFormModal_btnPrimary__TzIxs:hover:not(:disabled){background-color:#2563eb;background-color:var(--color-primary-dark,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.FinanzFormModal_btnPrimary__TzIxs:disabled{background-color:#f3f4f6;background-color:var(--color-bg-disabled,#f3f4f6);color:#9ca3af;color:var(--color-text-disabled,#9ca3af);cursor:not-allowed}.FinanzFormModal_btnSecondary__VK-Nl{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__VK-Nl:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--color-bg-tertiary,#e5e7eb);transform:translateY(-1px)}.FinanzFormModal_btnSecondary__VK-Nl:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.FinanzFormModal_formGrid__dk70Y{gap:16px;gap:var(--spacing-md,16px);grid-template-columns:1fr}.FinanzFormModal_footer__xsB7p{flex-direction:column-reverse}.FinanzFormModal_btnPrimary__TzIxs,.FinanzFormModal_btnSecondary__VK-Nl{width:100%}}[data-theme=dark] .FinanzFormModal_formGroup__yVVO- input,[data-theme=dark] .FinanzFormModal_formGroup__yVVO- select,[data-theme=dark] .FinanzFormModal_formGroup__yVVO- 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__yVVO- input:focus,[data-theme=dark] .FinanzFormModal_formGroup__yVVO- select:focus,[data-theme=dark] .FinanzFormModal_formGroup__yVVO- textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .FinanzFormModal_formGroup__yVVO- input:disabled,[data-theme=dark] .FinanzFormModal_formGroup__yVVO- select:disabled,[data-theme=dark] .FinanzFormModal_formGroup__yVVO- 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__VK-Nl{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__VK-Nl:hover:not(:disabled){background-color:#4b5563;background-color:var(--color-bg-tertiary-dark,#4b5563)}.finanz-detail{animation:fadeIn .3s ease-in-out;padding:var(--spacing-lg) 0}.detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.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{flex-wrap:wrap;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}.detail-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.detail-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.detail-section h2{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.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:var(--spacing-md);grid-row-gap:var(--spacing-lg);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);row-gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-item.full-width{grid-column:1/-1}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-item.full-width{grid-column:1/-1}.detail-item label,.info-item label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value,.info-item p{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);margin:0;padding:var(--spacing-md)}.detail-value.amount,.info-item .amount{color:var(--color-success);font-weight:600}.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 #2196f3;border:1px solid var(--color-info,#2196f3);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);overflow-x:auto}.data-table{background:var(--color-surface);border-collapse:collapse;width:100%}.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);font-weight:600;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}.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){.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%}}[data-theme=dark] .detail-section{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .detail-section h2{border-bottom-color:var(--color-border)}[data-theme=dark] .detail-value,[data-theme=dark] .info-item p{background:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .back-btn{border-color:var(--color-border)}.payment-summary,[data-theme=dark] .back-btn:hover{background:var(--color-background)}.payment-summary{grid-gap:var(--spacing-lg);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-item label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.amount-total{color:var(--color-text-primary)}.amount-paid,.amount-total{font-size:var(--font-size-xl)}.amount-paid{color:var(--color-success)}.amount-remaining{color:var(--color-warning);font-size:var(--font-size-xl)}.amount-zero{color:var(--color-text-tertiary);font-size:var(--font-size-xl)}.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:9999px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem;text-align:center}.badge-success{background:#0596691a;color:var(--color-success)}.badge-warning{background:#d977061a;color:var(--color-warning)}.badge-info{background:#3b82f61a;color:#3b82f6}.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 #3b82f61a;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{margin:0 var(--spacing-lg)}.payment-progress-container{background:var(--color-background);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.progress-label{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.progress-percentage{color:var(--color-primary);font-size:.875rem;font-weight:700}.progress-bar-wrapper{background:var(--color-border);border-radius:6px;height:12px;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,#3b82f6,#2563eb)}.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-secondary);font-size:.75rem}.amount-value{font-size:1rem;font-weight:700}.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:.875rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.timeline-container{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:var(--spacing-md);position:relative}.timeline-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:24px}.marker-dot{border-radius:50%;height:12px;width:12px;z-index:1}.marker-dot.completed{background:var(--color-success);box-shadow:0 0 0 4px #10b98133}.marker-dot.pending{background:var(--color-border);border:2px dashed var(--color-text-secondary);box-shadow:0 0 0 4px #9ca3af33}.marker-line{background:var(--color-success);flex:1 1;margin:4px 0;min-height:24px;width:2px}.timeline-content{flex:1 1;padding-bottom:var(--spacing-md)}.timeline-date{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;margin-bottom:4px}.timeline-details{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.timeline-amount{color:var(--color-success);font-size:1rem;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:4px;color:var(--color-success);font-size:.75rem;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)}}.bank-upload-container{margin:0 auto;max-width:900px;padding:2rem}.btn-icon{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:flex;height:40px;justify-content:center;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{margin-bottom:2rem}.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{display:block;font-weight:500;margin-bottom:.5rem}.form-label,.form-select{color:var(--color-text-primary)}.form-select{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .2s;width:100%}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;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:#3b82f60d;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 #3b82f64d;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:1200px;padding:2rem}.manual-matching-container .page-header{margin-bottom: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}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem}.empty-state p{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%}}.page-notes-admin{animation:fadeIn .3s ease-in-out;padding:var(--spacing-lg) 0}.page-notes-admin .actions-bar{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg) var(--spacing-lg)}.add-note-btn{align-items:center;background:var(--color-success);border:none;border-radius:var(--radius-md);color:var(--color-text-on-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.add-note-btn:hover{background:#059669;box-shadow:var(--shadow-md);transform:translateY(-1px)}.refresh-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-on-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.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:1400px;padding:0 var(--spacing-lg)}.page-notes-admin .stat-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-left:3px 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:100px;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:#3b82f6}.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;margin:0}.page-notes-admin .stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.filters-section{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto var(--spacing-xl);max-width:1400px;padding:0 var(--spacing-lg)}.filter-select,.search-input{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}.filter-select:focus,.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.notes-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 auto;max-width:1400px;overflow:hidden;padding:0 var(--spacing-lg)}.notes-table{border-collapse:collapse;width:100%}.notes-table thead{background:var(--color-background);border-bottom:2px solid var(--color-border)}.notes-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}.notes-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--spacing-lg)}.notes-table tbody tr{transition:all .2s ease}.notes-table tbody tr:hover{background:var(--color-background);box-shadow:var(--shadow-sm)}.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{gap:6px}.action-btn,.action-buttons{align-items:center;display:flex}.action-btn{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;justify-content:center;padding:6px;transition:all .2s ease}.action-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.action-btn.complete-btn:hover{background:#dcfce7;border-color:#10b981;color:#10b981}.action-btn.delete-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.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:var(--spacing-md) 0}.page-notes-admin .actions-bar{padding:0 var(--spacing-md) var(--spacing-md)}.page-notes-admin .statistics-grid{grid-template-columns:1fr 1fr;padding:0 var(--spacing-md)}.filters-section{grid-template-columns:1fr}.filters-section,.notes-table-container{padding:0 var(--spacing-md)}}@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-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] .notes-table-container,[data-theme=dark] .page-notes-admin .stat-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .notes-table thead{background:var(--color-background)}[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)}[data-theme=dark] .note-detail-content{background:var(--color-background)}.briefe-list-page{padding:0}.briefe-list-page .actions-bar{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:1400px;padding:0 24px 24px}.btn-primary{align-items:center;display:flex;gap:.5rem}.btn-primary:hover{background:var(--color-primary-dark)}.briefe-list-page .filter-tabs{background:var(--color-surface);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;margin:0 auto 24px;max-width:1400px;padding:6px;width:-webkit-fit-content;width:fit-content}.briefe-list-page .filter-tab{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:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.briefe-list-page .filter-tab:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.briefe-list-page .filter-tab.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.briefe-list-page .filter-tab .tab-count{background:#00000014;border-radius:12px;font-size:12px;font-weight:700;padding:2px 8px}.briefe-list-page .filter-tab.active .tab-count{background:#fff3}.loading-container{padding:3rem}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;display:flex;flex-direction:column;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:var(--color-text-primary);font-size:1.25rem;margin:0 0 .5rem}.empty-state p{color:var(--color-text-secondary);margin:0 0 1.5rem}.briefe-table-container{margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 24px 32px}.briefe-table{background:var(--color-surface);border-collapse:collapse;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.briefe-table thead{background:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}.briefe-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}.briefe-table td,.briefe-table th{width:12.5%}.center-cell{text-align:center}.briefe-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.briefe-table tbody tr:last-child{border-bottom:none}.briefe-table tbody tr:hover{background:#f9fafb}.briefe-table td{color:var(--color-text-primary);font-size:14px;padding:14px 16px;vertical-align:middle}.brief-name,.name-cell{display:block}.brief-name{color:var(--color-text-primary);font-weight:600;white-space:nowrap}.template-badge{color:var(--color-text-secondary);display:block;font-size:.75rem;margin-top:.25rem}.read-status-badge,.status-badge{display:inline-flex;font-size:.75rem;padding:.25rem .75rem}.read-status-badge{align-items:center;border-radius:20px;font-weight:600;gap:4px}.read-status-badge.all-read{background:#dcfce7;color:#16a34a}.read-status-badge.partial{background:#fef3c7;color:#d97706}.read-status-badge svg{height:12px;width:12px}.actions-cell{display:flex;gap:.25rem;justify-content:flex-start}.table-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.table-action-btn:hover{background:#f3f4f6;color:#374151}.table-action-btn.send{color:#3b82f6}.table-action-btn.send:hover{background:#eff6ff;color:#2563eb}.table-action-btn.delete{color:#ef4444}.table-action-btn.delete:hover{background:#fef2f2;color:#dc2626}.empty-state-modal{color:#6b7280;padding:40px;text-align:center}@media (max-width:768px){.briefe-list-page .filter-tabs{margin-left:24px;margin-right:24px;width:calc(100% - 48px)}.briefe-list-page .filter-tab{flex:1 1;justify-content:center;padding:10px 12px}.briefe-table td,.briefe-table th{font-size:.875rem;padding:.75rem .5rem}.briefe-table td:nth-child(4),.briefe-table th:nth-child(4){display:none}}.modal-content.delete-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:420px;padding:32px;text-align:center;width:90%}.delete-modal .delete-icon{align-items:center;background:#fef2f2;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.delete-modal .delete-icon svg{color:#dc2626}.delete-modal h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 12px}.delete-modal .delete-message{color:#4b5563;font-size:14px;margin:0 0 8px}.delete-modal .delete-warning{color:#dc2626;font-size:13px;margin:0 0 24px}.delete-modal .modal-footer{display:flex;gap:12px;justify-content:center}.delete-modal .btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.delete-modal .btn-danger:hover{background:#b91c1c}.delete-modal .btn-danger:disabled{background:#fca5a5;cursor:not-allowed}.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 .actions-bar{align-items:center;display:flex;gap:1rem;justify-content:flex-start;margin:0 auto;max-width:1400px;padding:0 24px 24px}.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)}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 350px;margin:0 auto;max-width:1600px;padding:0 1.5rem 1.5rem}.form-column{gap:1rem}.form-column,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.form-group input,.form-group select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.recipients-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:1rem;position:-webkit-sticky;position:sticky;top:1rem}.recipients-panel h3{font-size:1rem;font-weight:600;margin:0 0 1rem}.search-box input{border:1px solid var(--color-border);font-size:.875rem;padding:.625rem .875rem}.selection-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.btn-text{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.8rem;padding:0}.btn-text: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{align-items:center;border:2px solid var(--color-primary);gap:1rem;margin-bottom:1rem;padding:1rem}.selected-member-display strong{color:var(--color-text-primary);font-size:.875rem}.selected-member-display span{color:var(--color-text-primary);font-size:.9375rem;font-weight:500}.selected-member-display .btn-text{align-items:center;background:#0000;border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);cursor:pointer;display:inline-flex;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-text:hover{background:var(--color-primary);color:#fff}.members-list{display:flex;flex-direction:column;gap:.25rem;max-height:400px}.member-item{border-radius:6px;gap:.75rem;padding:.625rem .75rem}.member-item:hover{background:var(--bg-secondary)}.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}.form-actions{border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;margin-left:auto;margin-right:auto;margin-top:1.5rem;max-width:1600px;padding:1.5rem 1.5rem 2rem}.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){.form-grid{grid-template-columns:1fr}.recipients-panel{position:static}}@media (max-width:768px){.brief-form-page{padding:1rem}.brief-form-page .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.selected-member-display{background:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px}.selected-member-display .member-name{color:var(--color-text-primary);font-size:15px;font-weight:600}.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}.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;margin-bottom:24px;padding-bottom:16px}.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}.brief-detail-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.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{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;min-width:220px;padding:10px 14px}.recipient-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);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:#3b82f6;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:#2563eb}.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:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.select-actions{align-items:center;display:flex;justify-content:space-between;margin:12px 0}.btn-link{background:none;border:none;color:#3b82f6;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:1400px;padding:0 24px 16px}.vorlagen-page .btn-primary{background:#3b82f6;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:#2563eb}.filter-tabs-container{margin:0 auto;max-width:1400px;padding:0 24px 20px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.filter-tab:hover{border-color:#3b82f6;color:#3b82f6}.filter-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-tab .tab-count{background:#0000001a;border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.filter-tab.active .tab-count{background:#fff3}.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:1400px;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:1400px;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:#3b82f6;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:#3b82f6}.placeholder-key{color:#3b82f6;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:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;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}.nachrichten-page{background:var(--color-background);min-height:100vh;padding:0}.nachrichten-page .actions-bar{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin:0 auto;max-width:1400px;padding:0 24px 16px}.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;gap:12px;min-width:300px;padding:12px 16px;position:relative;transition:all .2s ease}.nachrichten-page .search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.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-page .filter-tabs{background:var(--color-surface);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;margin:0 auto 24px;max-width:1400px;padding:6px;width:-webkit-fit-content;width:fit-content}.nachrichten-page .filter-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.nachrichten-page .filter-tab:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.nachrichten-page .filter-tab.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.nachrichten-page .tab-count{align-items:center;background:#0000001a;border-radius:12px;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 8px}.nachrichten-page .filter-tab.active .tab-count{background:#fff3}.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-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:1400px;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 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,#3b82f6,#2563eb);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:6px;justify-content:center}.nachrichten-table .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;justify-content:center;padding:6px;transition:all .2s ease}.nachrichten-table .table-action-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.nachrichten-table .table-action-btn svg{height:16px;width:16px}@media (max-width:768px){.nachrichten-page .actions-bar{flex-direction:column;padding:0 16px 16px}.nachrichten-page .search-box{min-width:100%}.nachrichten-page .filter-tabs{flex-wrap:wrap;justify-content:center;margin:0 16px 16px;width:auto}.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 #3b82f626;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 #3b82f640;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}