body{margin:0}body.backend-page{padding-top:0!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ver1werk-logo{align-items:center;display:flex;flex-direction:column;text-align:center}.logo-image{display:block;height:auto;max-width:100%}.nav-logo .ver1werk-logo{font-size:1.5rem}.nav-logo .ver1werk-logo .logo-image{height:2rem;width:auto}.nav-logo .ver1werk-logo .logo-tagline{font-size:.5em;margin-top:.3em}.logo-tagline,.nav-logo .ver1werk-logo .logo-tagline{color:#666;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.logo-tagline{font-size:.65em;margin-top:.5em}@media (max-width:768px){.nav-logo .ver1werk-logo .logo-image{height:1.5rem}.nav-logo .ver1werk-logo .logo-tagline{font-size:.45em}}.association-navigation{background:#fff;border-bottom:1px solid #e1e5e9;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:999}.nav-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.nav-brand{flex-shrink:0;order:1}.nav-logo{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;text-decoration:none;transition:color .3s ease}.nav-logo:hover{color:#667eea}.nav-logo:hover .ver1werk-logo .logo-separator,.nav-logo:hover .ver1werk-logo .logo-ver{opacity:.8}.nav-modules{flex:1 1;gap:.5rem;order:2;overflow-x:auto;padding:.5rem 0}.nav-module,.nav-modules{display:flex;justify-content:center}.nav-module{align-items:center;border-radius:8px;color:#666;flex-direction:column;gap:.25rem;min-height:80px;min-width:80px;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-module:hover{background:#f8f9fa;color:#333;transform:translateY(-1px)}.nav-module.active{background:#764ba2;background:var(--secondary-color,#764ba2);box-shadow:0 2px 8px #764ba24d;color:#fff}.module-icon{align-items:center;color:#f093fb;color:var(--accent-color,#f093fb);display:flex;font-size:1.5rem;justify-content:center;line-height:1;margin:0;text-align:center;width:100%}.module-icon svg{fill:#f093fb;fill:var(--accent-color,#f093fb);margin-right:0!important}.module-name{align-items:center;display:flex;font-size:.8rem;font-weight:500;justify-content:center;line-height:1;text-align:center;width:100%}.nav-actions{flex-shrink:0;margin-left:auto;order:3}.guest-section,.nav-actions,.user-section{align-items:center;display:flex;gap:1rem}.user-name{color:#333;font-size:.9rem;font-weight:500}.nav-link{border-radius:6px;color:#666;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:color .3s ease;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background:#f8f9fa;color:#667eea}@media (max-width:768px){.nav-container{gap:1rem;padding:0 1rem}.nav-modules{flex:1 1 100%;gap:.25rem;justify-content:center;order:2}.nav-module{min-width:60px;padding:.5rem .75rem}.module-icon{font-size:1.2rem}.module-name{font-size:.7rem}.nav-actions{order:1}.guest-section,.nav-actions,.user-section{align-items:flex-end;flex-direction:column;gap:.5rem}}@media (max-width:480px){.nav-modules{gap:.125rem}.nav-module{min-width:50px;padding:.5rem}.module-name{font-size:.65rem}}.login-popover{animation:popin .18s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e1e5e9;border-radius:10px;box-shadow:0 8px 24px #00000026;min-width:220px;padding:1.2rem 1rem 1rem;position:absolute;right:0;top:110%;z-index:1001}@keyframes popin{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-form{display:flex;flex-direction:column;gap:.7rem}.login-form input{border:1px solid #e1e5e9;border-radius:6px;font-size:1rem;outline:none;padding:.6rem .9rem;transition:border-color .2s}.login-form input:focus{border-color:#667eea}.login-error{color:#c53030;font-size:.9rem;margin-top:.2rem;text-align:center}.nav-module-backend{background:#667eea;background:var(--secondary-color,#667eea);box-shadow:0 2px 8px #667eea26;color:#fff!important}.nav-module-backend:hover{background:#764ba2;background:var(--secondary-color,#764ba2);color:#fff!important}.nav-module-logout{color:#666}.nav-module-logout:hover{color:#333}.nav-module-login{color:#666}.nav-module-login:hover{color:#333}.website-app{display:flex;flex-direction:column;min-height:100vh}body.website-page{padding-top:0!important}.website-layout{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:#fff;background:var(--background-color,#fff);background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;caption-side:top;clear:none;color:#333;color:var(--text-color,#333);color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:Inter,sans-serif;font-family:serif;font-family:var(--font-family,"Inter",sans-serif);font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:100vh;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.website-layout *{box-sizing:border-box}.website-content{margin:0 auto;max-width:1200px;padding:2rem}.website-header{background:#667eea;background:var(--primary-color,#667eea);border-radius:12px;border-radius:var(--border-radius,12px);color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.website-header-gradient{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color,#667eea) 0,var(--secondary-color,#764ba2) 100%)}.website-header-simple{background:#667eea;background:var(--primary-color,#667eea)}.website-header h1{font-family:Inter,sans-serif;font-family:var(--heading-font-family,var(--font-family,"Inter",sans-serif));font-size:2.5rem;font-weight:700;margin:0}.website-card{background:#fff;background:var(--background-color,#fff);border:1px solid #e1e5e9;border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 4px 16px #0000001a;box-shadow:var(--box-shadow,0 4px 16px #0000001a);margin-bottom:2rem;padding:2rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}.website-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.website-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius,8px);cursor:pointer;display:inline-flex;font-family:inherit;font-family:var(--font-family,inherit);font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;transition:var(--transition,all .2s ease)}.website-btn-primary{background:#667eea;background:var(--primary-color,#667eea);color:#fff}.website-btn-primary:hover{background:#764ba2;background:var(--secondary-color,#764ba2);box-shadow:0 4px 12px #0003;box-shadow:var(--box-shadow,0 4px 12px #0003);transform:translateY(-1px)}.website-btn-secondary{background:#f8f9fa;background:var(--background-color,#f8f9fa);border:1px solid #e1e5e9;color:#495057;color:var(--text-color,#495057)}.website-btn-secondary:hover{background:#e9ecef;transform:translateY(-1px)}.website-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.website-title{font-family:inherit;font-family:var(--heading-font-family,var(--font-family,inherit));font-size:1.5rem;font-weight:600;margin-bottom:1rem}.website-text,.website-title{color:#495057;color:var(--text-color,#495057)}.website-text{line-height:1.6}.website-layout-modern{--border-radius:12px;--box-shadow:0 4px 16px #0000001a;--transition:all 0.3s ease}.website-layout-classic{--border-radius:4px;--box-shadow:0 2px 8px #00000026;--transition:all 0.2s ease}.website-layout-minimal{--border-radius:0px;--box-shadow:0 1px 4px #0000001a;--transition:all 0.1s ease}.website-preview-container{background:#fff;border:2px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.website-preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:1rem}.website-preview-title{color:#495057;font-weight:600;margin:0}.website-preview-content{min-height:400px;padding:2rem}.website-settings-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.website-settings-title{color:#495057;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.website-form-group{margin-bottom:1.5rem}.website-form-label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.website-form-input,.website-form-select,.website-form-textarea{border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.website-form-input:focus,.website-form-select:focus,.website-form-textarea:focus{border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 0 0 3px #667eea1a;outline:none}.website-form-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}@media (max-width:768px){.website-content{padding:1rem}.website-header{padding:1.5rem 1rem}.website-header h1{font-size:2rem}.website-card{padding:1.5rem}.website-grid{gap:1rem;grid-template-columns:1fr}.website-form-actions{flex-direction:column}}.impressum-page{background:#f7fafc;min-height:100vh;padding:2rem 1rem}.impressum-loading{align-items:center;color:#718096;display:flex;font-size:1.125rem;justify-content:center;min-height:50vh}.impressum-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.impressum-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.impressum-header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem}.impressum-association{font-size:1.125rem;margin:0;opacity:.9}.impressum-content{color:#4a5568;line-height:1.7;padding:2rem}.impressum-content section{margin-bottom:2.5rem}.impressum-content section:last-of-type{margin-bottom:0}.impressum-content h2{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.5rem;font-weight:700;margin:0 0 1rem;padding-bottom:.5rem}.impressum-content h3{color:#4a5568;font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem}.impressum-content p{margin:0 0 1rem}.impressum-content p:last-child{margin-bottom:0}.impressum-contact{background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;margin-top:1rem;padding:1.5rem}.impressum-contact p{margin-bottom:.5rem}.impressum-contact p:last-child{margin-bottom:0}.impressum-contact a{color:#667eea;text-decoration:none}.impressum-contact a:hover{text-decoration:underline}.impressum-footer{background:#f7fafc;border-top:1px solid #e2e8f0;padding:1.5rem 2rem;text-align:center}.impressum-close-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:background .2s ease}.impressum-close-btn:hover{background:#5568d3}.impressum-close-btn:active{background:#4c5bc4}@media (max-width:768px){.impressum-page{padding:1rem .5rem}.impressum-header{padding:1.5rem}.impressum-header h1{font-size:1.5rem}.impressum-content{padding:1.5rem}.impressum-content h2{font-size:1.25rem}.impressum-footer{padding:1rem}}.modal-overlay{height:100vh;width:100vw}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:12px;box-shadow:0 20px 40px #0003;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-icon{font-size:2.5rem;line-height:1}.modal-title{flex:1 1}.modal-title h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.module-name{color:#666;font-size:1rem;margin:.25rem 0 0}.module-info{display:flex;flex-direction:column;gap:2rem}.module-description h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.module-description p{color:#666;line-height:1.6;margin:0}.module-features h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.module-features ul{list-style:none;margin:0;padding:0}.module-features li{border-bottom:1px solid #f0f0f0;color:#555;line-height:1.5;padding:.5rem 0}.module-features li:last-child{border-bottom:none}.pricing-info{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:1.5rem}.price-tag{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.price-label{color:#333;font-size:1rem;font-weight:600}.price-value{color:#667eea;font-size:1.5rem;font-weight:700}.cost-warning{align-items:flex-start;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;display:flex;gap:.75rem;padding:1rem}.warning-icon{flex-shrink:0;font-size:1.2rem}.warning-text{color:#856404;font-size:.9rem;line-height:1.4}.warning-text strong{color:#856404}.modal-footer{border-top:1px solid #e1e5e9;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.modal-footer .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.modal-footer .btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:1rem;width:1rem}@media (max-width:768px){.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body{padding:1rem}.modal-footer{flex-direction:column;padding:1rem}.modal-footer .btn{justify-content:center;width:100%}.price-tag{align-items:flex-start;flex-direction:column;gap:.5rem}.cost-warning{flex-direction:column;text-align:center}}:root,body.backend-page{--backend-color-primary:#0a2850;--backend-color-primary-hover:#5188b5;--backend-color-primary-muted:#8a9bb8;--backend-color-secondary:#6c757d;--backend-color-secondary-light:#f3f3f3;--backend-color-secondary-hover:#5a6268;--backend-color-neutral-light:#e1e1e1;--backend-color-neutral-dark:#797a7c;--backend-color-text-primary:#4a5568;--backend-color-text-secondary:#495057;--backend-color-text-sidemenu:#f6f6f6;--backend-color-text-muted:#666;--backend-color-text-soft:#718096;--backend-color-text-strong:#212529;--backend-color-text-black:#000;--backend-color-sidebar-hover-text:#2d3748;--backend-color-bg:#f7f9fa;--backend-color-bg-surface:#fff;--backend-color-bg-card:#f7f9fae6;--backend-color-border:#e1e5e9;--backend-color-border-strong:#8a9bb8;--backend-color-border-light:#ddd;--backend-color-sidebar-accent:#8a9bb8;--backend-color-cta:#d4f24a;--backend-color-cta-text:#fff;--backend-color-cta-light:#e6fa69;--backend-color-logout-bg:#ffeaea;--backend-color-logout-bg-hover:#ffd6d6;--backend-color-logout-text:#c53030;--backend-color-logout-text-hover:#a61b1b;--backend-color-error-bg:#f8d7da;--backend-color-error-text:#721c24;--backend-color-error-border:#f5c6cb;--backend-color-success:#28a745;--backend-color-success-dark:#218838;--backend-color-warning:#ffc107;--backend-color-warning-dark:#e0a800;--backend-color-danger:#dc3545;--backend-color-danger-dark:#c82333;--backend-color-info:#17a2b8;--backend-color-info-dark:#138496;--backend-color-accent-blue:#667eea;--color-primary:var(--backend-color-primary);--color-primary-dark:var(--backend-color-primary-hover);--color-secondary:var(--backend-color-secondary);--color-bg-light:var(--backend-color-bg)}.news-detail{margin:0 auto;max-width:800px;padding:20px}.news-detail-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.back-link{align-items:center;color:#007bff;display:inline-flex;font-weight:500;margin-bottom:15px;text-decoration:none;transition:color .2s ease}.back-link:hover{color:#0056b3}.news-detail-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 15px}.news-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.95rem;gap:15px}.news-date{color:#6c757d}.association-name{color:#007bff;font-weight:500}.news-status.draft{background:#fff3cd;border-radius:4px;color:#856404;font-size:.8rem;font-weight:500;padding:4px 8px}.header-actions{flex-wrap:wrap;gap:10px}.news-content{margin-bottom:40px}.news-image{border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:25px;overflow:hidden}.news-image img{display:block;height:auto;width:100%}.news-text{color:#2c3e50;font-size:1.1rem;line-height:1.8}.content-text p{margin:0 0 20px}.content-text p:last-child{margin-bottom:0}.news-tags{border-top:1px solid #e9ecef;margin-top:30px;padding-top:20px}.news-tags h3{color:#495057;font-size:1.2rem;margin:0 0 15px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.news-tag{background:#e9ecef;border-radius:6px;color:#495057;font-size:.9rem;padding:6px 12px}.news-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:40px;padding-top:20px}.footer-info p{color:#6c757d;font-size:.9rem;margin:0 0 5px}.footer-info p:last-child{margin-bottom:0}.footer-actions{display:flex;gap:10px}.loading-container{padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #e9ecef;border-top-color:#007bff;height:40px;margin:0 auto 20px;width:40px}.error-container{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;padding:40px 20px}.error-container h2{margin:0 0 15px}.error-container p{margin:0 0 20px}.not-found-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;padding:40px 20px;text-align:center}.not-found-container h2{color:#6c757d;margin:0 0 15px}.not-found-container p{margin:0 0 20px}.btn-outline{background:#0000;border:1px solid #007bff;color:#007bff}.btn-outline:hover{background:#007bff;color:#fff}.btn-success{background:#28a745}.btn-success:hover{background:#1e7e34}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}@media (max-width:768px){.news-detail-header h1{font-size:2rem}.news-meta{align-items:flex-start;flex-direction:column;gap:8px}.header-actions{align-items:stretch;flex-direction:column}.news-footer{align-items:flex-start;flex-direction:column}.footer-actions{justify-content:center;width:100%}}.backend-layout{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;position:relative}.backend-layout *{font-family:inherit}.backend-layout h1,.backend-layout h2,.backend-layout h3,.backend-layout h4,.backend-layout h5,.backend-layout h6{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;letter-spacing:.02em}.backend-layout .btn,.backend-layout input,.backend-layout select,.backend-layout textarea{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}.backend-layout .backend-sidelink{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;letter-spacing:.01em}.backend-layout:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#6495ed4d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff4d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.backend-content{display:flex;flex-direction:column;gap:5px;max-width:1700px;padding:1rem 1rem 2rem 0}.backend-section{background:#f7f9fae6;border:1px solid var(--backend-color-border);border-radius:0 8px 8px 0;padding:.5rem 1rem}.backend-header{align-items:center;display:flex;justify-content:space-between}.backend-header h1{align-items:center;color:var(--backend-color-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.backend-header-actions{margin:.5rem 0}.backend-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.backend-stat-item{background:#fff;border:1px solid var(--backend-color-border);border-radius:6px;padding:1rem;text-align:center}.backend-stat-number{color:var(--backend-color-accent-blue);display:block;font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.backend-stat-label{color:var(--backend-color-text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.backend-table-container{border:1px solid var(--backend-color-border);border-radius:8px;overflow-x:auto}.backend-table{background:#fff;border-collapse:collapse;width:100%}.backend-table th{background:var(--backend-color-bg);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.backend-table td,.backend-table th{border-bottom:1px solid var(--backend-color-border);color:var(--backend-color-text-secondary);padding:1rem}.backend-table td{font-size:.85rem}.backend-table tr:hover{background:var(--backend-color-bg)}.backend-form{padding:1.5rem}.backend-form-group{margin-bottom:1.5rem}.backend-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.backend-form-label{color:var(--backend-color-text-secondary);display:block;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.backend-form-input,.backend-form-select,.backend-form-textarea{border:2px solid var(--backend-color-border);border-radius:8px;font-family:inherit;font-size:.85rem;padding:.75rem;transition:border-color .2s ease;width:100%}.backend-form-input:focus,.backend-form-select:focus,.backend-form-textarea:focus{border-color:var(--backend-color-primary);box-shadow:0 0 0 3px #4183be1a;outline:none}.backend-form-textarea{min-height:100px;resize:vertical}.backend-form-actions{border-top:1px solid var(--backend-color-border);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-success{background:var(--backend-color-success);border:none;color:#fff}.btn-success:hover{background:var(--backend-color-success-dark)}.btn-warning{background:var(--backend-color-warning);border:none;color:var(--backend-color-text-strong)}.btn-warning:hover{background:var(--backend-color-warning-dark)}.btn-danger{background:var(--backend-color-danger);border:none;color:#fff}.btn-danger:hover{background:var(--backend-color-danger-dark)}.btn-primary{align-items:center;background:var(--backend-color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--backend-color-primary-hover);box-shadow:0 4px 12px #4183be4d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{align-items:center;background:var(--backend-color-secondary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--backend-color-secondary-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.backend-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.backend-btn:disabled{cursor:not-allowed;opacity:.6}.backend-btn-sm{border-radius:4px;font-size:.8rem;padding:5px 8px}.backend-btn-lg{font-size:.95rem;padding:1rem 2rem}.backend-btn-primary{background:var(--backend-color-primary);border:1px solid var(--backend-color-primary);color:#fff}.backend-btn-primary:hover:not(:disabled){background:var(--backend-color-primary-hover);box-shadow:0 4px 12px #4183be4d;transform:translateY(-1px)}.backend-btn-secondary{background:var(--backend-color-neutral-light);border:1px solid var(--backend-color-neutral-dark);color:var(--backend-color-text-black)}.backend-btn-secondary:hover:not(:disabled){background:var(--backend-color-primary-muted);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.backend-btn-danger{background:var(--backend-color-danger);border:1px solid var(--backend-color-danger);color:#fff}.backend-btn-danger:hover:not(:disabled){background:var(--backend-color-danger-dark);border-color:var(--backend-color-danger-dark);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.backend-btn-success{background:var(--backend-color-success);border:1px solid var(--backend-color-success);color:#fff}.backend-btn-success:hover:not(:disabled){background:var(--backend-color-success-dark);border-color:var(--backend-color-success-dark);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.backend-btn-warning{background:var(--backend-color-warning);border:1px solid var(--backend-color-warning);color:var(--backend-color-text-strong)}.backend-btn-warning:hover:not(:disabled){background:var(--backend-color-warning-dark);border-color:var(--backend-color-warning-dark);box-shadow:0 4px 12px #ffc1074d;transform:translateY(-1px)}.backend-btn-info{background:var(--backend-color-info);border:1px solid var(--backend-color-info);color:#fff}.backend-btn-info:hover:not(:disabled){background:var(--backend-color-info-dark);border-color:var(--backend-color-info-dark);box-shadow:0 4px 12px #17a2b84d;transform:translateY(-1px)}.btn-sm{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.4rem .6rem;transition:all .3s ease}.btn-sm:hover{transform:translateY(-1px)}.backend-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.backend-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.backend-modal-large{height:95vh;max-width:none;width:95vw}.backend-modal-header{align-items:center;border-bottom:1px solid var(--backend-color-border);display:flex;justify-content:space-between;padding:1.5rem}.backend-modal-title{color:var(--backend-color-text-secondary);font-size:1rem;font-weight:600;margin:0}.backend-modal-close{background:none;border:none;border-radius:4px;color:var(--backend-color-secondary);cursor:pointer;font-size:1.25rem;padding:.25rem;transition:all .2s ease}.backend-modal-close:hover{background:var(--backend-color-border-subtle)}.backend-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.backend-modal-footer{border-top:1px solid var(--backend-color-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.backend-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.backend-loading-spinner{animation:backend-spin 1s linear infinite;border-top:4px solid var(--backend-color-bg-surface);border:4px solid var(--backend-color-bg-surface);border-radius:50%;border-top-color:var(--backend-color-primary);height:40px;margin-bottom:1rem;width:40px}@keyframes backend-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.backend-error-message{align-items:center;background:var(--backend-color-error-bg);border:1px solid var(--backend-color-error-border);border-radius:8px;color:var(--backend-color-error-text);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.5rem}.backend-error-close{background:none;border:none;color:var(--backend-color-error-text);cursor:pointer;font-size:1rem;margin-left:1rem;padding:0}.backend-empty-state{color:var(--backend-color-secondary);font-size:.85rem;padding:3rem 2rem;text-align:center}.backend-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.backend-empty-title{color:var(--backend-color-text-secondary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.backend-empty-description{color:var(--backend-color-secondary);font-size:.85rem;margin-bottom:2rem}.backend-topbar{align-items:center;background:var(--backend-color-bg-surface);border-bottom:1px solid var(--backend-color-border);display:flex;height:56px;justify-content:space-between;left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:100}.backend-logo{color:var(--backend-color-text-primary);cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.02em}.backend-logout{align-items:center;background:#0000;border:none;border-radius:8px;box-shadow:none;color:var(--backend-color-text-sidemenu);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.7rem;font-weight:600;gap:.25rem;justify-content:center;margin-bottom:0;padding:.75rem .5rem;position:relative;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.backend-logout>span:not(.backend-sidelink-icon){line-height:1.2;text-align:center}.backend-logout:hover{background:#0000}.backend-logout:hover .backend-sidelink-icon{background:var(--backend-color-sidebar-accent)}.backend-sidebar{background:var(--backend-color-primary);border-radius:8px 0 0 8px;display:flex;flex-direction:column;gap:2rem;left:1rem;min-height:calc(100vh - 4rem);overflow-y:auto;padding:1.2rem 1.2rem 2rem;position:fixed;top:1rem;width:100px;z-index:100}.backend-sidebar nav{display:flex;flex-direction:column;gap:.25rem}.backend-association-name{display:block;height:auto;margin:0 auto;max-width:15%;object-fit:contain;width:100%}.backend-association-name.clickable{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.backend-association-name.clickable:hover{opacity:.9;transform:scale(1.02)}.backend-sidebar-logo{align-items:center;color:var(--backend-color-text-primary);display:flex;font-size:1.05rem;font-weight:700;gap:.8rem;letter-spacing:.02em;margin-bottom:2.5rem}.backend-sidelink{align-items:center;background:#0000;border:none;border-radius:8px;box-shadow:none;color:var(--backend-color-text-sidemenu);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.7rem;font-weight:600;gap:.25rem;justify-content:center;margin-bottom:0;padding:.2rem;position:relative;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.backend-sidelink>span:not(.backend-sidelink-icon){line-height:1.2;text-align:center}.backend-sidelink:hover:not(.disabled){background:#0000}.backend-sidelink:hover:not(.disabled) .backend-sidelink-icon{background:var(--backend-color-sidebar-accent)}.backend-sidelink.active{background:#0000;font-weight:700}.backend-sidelink.disabled{background:#0000;color:var(--backend-color-text-soft);cursor:pointer;opacity:.5}.backend-sidelink.disabled:hover{background:var(--backend-color-sidebar-accent);color:var(--backend-color-text-primary);opacity:.7}.backend-sidelink-icon{align-items:center;background:none;border-radius:8px;box-shadow:none;color:inherit;display:flex;font-size:1.5em;height:48px;justify-content:center;padding:.5rem;transition:all .2s ease;width:48px}.backend-sidelink-icon-svg{fill:currentColor;color:inherit;height:28px;width:28px}.backend-sidelink.active .backend-sidelink-icon,.backend-sidelink.active .backend-sidelink-icon-svg{fill:var(--backend-color-cta-text)!important;color:var(--backend-color-cta-text)!important}.backend-sidelink:hover .backend-sidelink-icon,.backend-sidelink:hover .backend-sidelink-icon-svg{fill:currentColor;color:inherit}.backend-sidebar-cta{background:var(--backend-color-cta-light);border-radius:16px;box-shadow:0 2px 8px #2c3e5014;color:var(--backend-color-cta-text);cursor:pointer;font-size:.85rem;font-weight:600;margin-top:auto;padding:1.2rem 1rem;text-align:center;transition:background .2s,color .2s}.backend-sidebar-cta:hover{background:var(--backend-color-cta);color:var(--backend-color-cta-text)}.backend-main{flex:1 1;margin-left:120px}@media (max-width:768px){.backend-content,.backend-header,.backend-section{padding:1rem}.backend-form-row{grid-template-columns:1fr}.backend-form-actions{flex-direction:column}.backend-btn{justify-content:center}.backend-layout{border-radius:0;flex-direction:column;margin:0}.backend-sidebar{flex-direction:row;gap:1rem;padding:1rem;width:100vw}.backend-main,.backend-sidebar{border-radius:0;box-shadow:none;margin:0;min-height:0;min-height:auto}}.detail-item{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.detail-label{color:var(--backend-color-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{align-items:center;color:var(--backend-color-text-secondary);display:flex;flex:1 1;font-size:.85rem;font-weight:500;min-height:2.5rem}.detail-input{border:2px solid var(--backend-color-border);border-radius:6px;font-size:.85rem;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.detail-input:focus{border-color:var(--backend-color-info);box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group label{color:var(--backend-color-text-secondary);font-size:.8rem}.form-group input,.form-group select,.form-group textarea,.form-input{border:2px solid var(--backend-color-border);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.85rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus{border-color:var(--backend-color-primary);box-shadow:0 0 0 3px #4183be1a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled,.form-input:disabled{background-color:var(--backend-color-bg);cursor:not-allowed;opacity:.7}.form-group textarea{min-height:100px;resize:vertical}.form-actions{border-top:1px solid var(--backend-color-border-subtle)}.modal-overlay{background:#00000080;bottom:0;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-header,.modal-overlay{align-items:center;display:flex}.modal-header{background:var(--backend-color-bg);border-bottom:2px solid var(--backend-color-border);justify-content:space-between;margin-bottom:0;padding:.75rem 1.5rem}.modal-header h2,.modal-header h3{color:var(--backend-color-text-secondary);font-size:1rem;font-weight:600;margin:0;padding-left:1.25rem}.modal-body{flex:1 1;overflow-y:auto;padding:0 1.5rem 1.5rem;position:relative}.accordion{background:#fff;border:1px solid var(--backend-color-border);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;overflow:hidden}.accordion-header{background:var(--backend-color-bg);border-bottom:1px solid var(--backend-color-border)}.accordion-toggle{align-items:center;background:none;border:none;color:var(--backend-color-text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;padding:1rem 1.5rem;text-align:left;transition:background-color .2s ease;width:100%}.accordion-toggle:hover{background:var(--backend-color-border-subtle)}.accordion-toggle:focus{outline:2px solid var(--backend-color-info);outline-offset:-2px}.accordion-icon{color:var(--backend-color-secondary);font-size:1rem;font-weight:700;transition:transform .2s ease}.accordion-content{background:#fff;border-top:1px solid var(--backend-color-border);padding:1.5rem}.tooltip-trigger{position:relative}.tooltip-trigger:hover .tooltip-text{opacity:1!important;transition:opacity .1s ease-in;visibility:visible!important}.tooltip-text{pointer-events:none}.section-header{align-items:center;border-bottom:2px solid var(--backend-color-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h3{align-items:center;color:var(--backend-color-text-secondary);display:flex;font-size:1.05rem;font-weight:600;gap:.5rem;margin:0}@media (max-width:900px){.backend-layout{border-radius:0;flex-direction:column;margin:0}.backend-sidebar{flex-direction:row;gap:1rem;padding:1rem;width:100vw}.backend-main,.backend-sidebar{border-radius:0;box-shadow:none;margin:0;min-height:0;min-height:auto}}.header-content h1{align-items:center;display:flex;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.header-content h1,.header-icon{color:var(--backend-color-text-primary)}.association-name{color:var(--backend-color-text-muted);font-size:1rem;margin:.5rem 0 0}.header-actions{display:flex;gap:1rem}.stat-item{background:#fff;border:1px solid var(--backend-color-border);border-radius:6px;padding:.4rem;text-align:center}.stat-number{color:var(--backend-color-accent-blue);display:block;font-size:1.15rem}.stat-label{font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.loading-container,.stat-label{color:var(--backend-color-text-muted)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--backend-color-border);border:2px solid var(--backend-color-border);border-radius:50%;border-top-color:var(--backend-color-accent-blue);height:2rem;margin-bottom:1rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{color:var(--backend-color-text-soft);padding:3rem 1.5rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--backend-color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:.875rem;margin:0}.search-container{flex:1 1;max-width:400px;position:relative}.search-input{border:1px solid var(--backend-color-border-light);border-radius:6px;font-size:1rem;outline:none;padding:.5rem 0 .5rem 2.5rem;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:var(--backend-color-accent-blue);box-shadow:0 0 0 3px #667eea1a}.search-container svg{color:var(--backend-color-text-muted);height:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%);width:1rem}.tab-navigation{align-items:center;display:flex;gap:.5rem;padding-bottom:0;padding-right:1rem}.tab-button{background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.tab-button:hover{background:#ffffff0d;color:var(--backend-color-text-primary)}.tab-button.active{background:var(--backend-color-primary);box-shadow:0 2px 6px #4a90e24d;color:#fff}.tab-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:1.5rem}.tab-header h2{color:var(--backend-color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.tab-header p{color:var(--backend-color-text-soft);font-size:.875rem;margin:0}.news-backend-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between}@media (max-width:768px){.news-backend-header{align-items:flex-start;flex-direction:column;gap:1rem}}.news-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.news-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.news-list{overflow:hidden}.news-table-container{overflow-x:auto}.news-table{border-collapse:collapse;font-size:.9rem;width:100%}.news-table thead{background:#f8f9fa;border-bottom:2px solid #e1e5e9}.news-table th{color:#333;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.news-table td{border-bottom:1px solid #e1e5e9;padding:1rem;vertical-align:top}.news-table tbody tr:hover{background:#f8f9fa}.news-table tbody tr:last-child td{border-bottom:none}.news-title-cell{min-width:250px}.news-title-content h4{color:#4a5568;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .5rem}.news-excerpt{color:#666;font-size:.85rem;line-height:1.4;margin:0}.news-status-cell,.news-visibility-cell{width:120px}.news-tags-cell{min-width:150px}.news-date-cell{color:#666;font-size:.85rem;width:140px}.news-actions-cell{width:120px}.status-badge.published{background:#d4edda;color:#155724}.status-badge.draft{background:#fff3cd;color:#856404}.visibility-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.visibility-badge.public{background:#d1ecf1;color:#0c5460}.visibility-badge.private{background:#f8d7da;color:#721c24}.news-tags{display:flex;flex-wrap:wrap;gap:.25rem}.news-tag{background:#667eea}.news-tag,.news-tag-more{border-radius:8px;color:#fff;font-size:.75rem;font-weight:500;padding:.2rem .4rem}.news-tag-more{background:#6c757d}.no-tags{color:#999;font-size:.8rem;font-style:italic}.news-actions{display:flex;flex-wrap:wrap;gap:.25rem}.no-news-state{color:#666;padding:3rem 2rem;text-align:center}.no-news-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-news-state h3{color:#333;margin:0 0 .5rem}.no-news-state p{color:#666;margin:0 0 1.5rem}.form-input,.form-select,.form-textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;outline:none;padding:.75rem;transition:border-color .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{min-height:120px}@media (max-width:768px){.backend-content{padding:1rem}.news-filters{align-items:stretch;flex-direction:column}.search-container{max-width:none}.news-header{flex-direction:column;gap:1rem}.news-actions{align-self:flex-end}.form-row{grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}.dashboard-content{display:flex;flex-direction:column;gap:5px}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000000a}.stat-card:hover{box-shadow:0 4px 16px #0000001a}.stat-details{gap:1rem}.stat-detail{font-size:.8rem}.stat-detail.active,.stat-detail.published{background:#d4edda;color:#155724}.stat-detail.drafts,.stat-detail.inactive{background:#fff3cd;color:#856404}.dashboard-actions{overflow:hidden}.quick-actions h2{color:#4a5568;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{align-items:center;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;color:inherit;display:flex;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.action-card:hover{background:#667eea;box-shadow:0 4px 16px #667eea4d;color:#fff;transform:translateY(-2px)}.action-card:hover .action-icon{color:#fff}.action-icon{color:#667eea;flex-shrink:0;font-size:1.5rem;transition:color .3s ease}.action-content h3{color:#4a5568;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.action-content p{font-size:.9rem;margin:0;opacity:.8}.dashboard-birthdays{overflow:hidden}.dashboard-birthdays h2{align-items:center;color:#4a5568;display:flex;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.birthday-list{display:flex;flex-direction:column;gap:.5rem}.birthday-item{align-items:center;border:1px solid #e1e5e9;border-radius:6px;display:flex;gap:.75rem;padding:.5rem .75rem;transition:background-color .3s ease}.birthday-item:hover{background:#f8f9fa}.birthday-icon{flex-shrink:0;font-size:1.2rem}.birthday-content{flex:1 1}.birthday-name{color:#4a5568;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:500;line-height:1.3;margin-bottom:.15rem}.birthday-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.birthday-date{color:#4a5568;font-size:.8rem;font-weight:500}.birthday-days{color:#666;font-size:.75rem}.birthday-age{color:#667eea;font-size:.75rem;font-weight:500}.birthday-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.birthday-badge.today{animation:pulse 2s infinite;background:#ff6b6b;color:#fff}.birthday-badge.soon{background:#ffd93d;color:#856404}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.no-birthdays{color:#666;padding:2rem;text-align:center}.dashboard-activity{overflow:hidden}.recent-activity h2{color:#4a5568;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:center;border:1px solid #e1e5e9;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background-color .3s ease}.activity-item:hover{background:#f8f9fa}.activity-icon{color:#667eea;flex-shrink:0;font-size:1.2rem}.activity-content{flex:1 1}.activity-title{color:#4a5568;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;margin-bottom:.25rem}.activity-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.activity-status{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.activity-status.success{background:#d4edda;color:#155724}.activity-status.warning{background:#fff3cd;color:#856404}.activity-status.info{background:#d1ecf1;color:#0c5460}.activity-date{color:#666;font-size:.8rem}.no-activity{color:#666;padding:2rem;text-align:center}.dashboard-info{overflow:hidden}.association-info h2{color:#4a5568;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{color:#666;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#4a5568;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem}.error-container{color:#666;padding:3rem;text-align:center}.error-container h2{color:#dc3545;margin-bottom:1rem}@media (max-width:768px){.backend-content{padding:1rem}.header-actions{justify-content:stretch;width:100%}.header-actions .btn{flex:1 1;justify-content:center}.actions-grid,.info-grid,.stats-grid{grid-template-columns:1fr}.activity-meta{align-items:flex-start;flex-direction:column;gap:.5rem}}.members-backend-content{display:flex;flex-direction:column;gap:2rem}.members-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.members-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-controls{display:flex;gap:.5rem}.filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:1rem;outline:none;padding:.75rem 1rem}.filter-select:focus{border-color:#667eea}.members-list{display:flex;flex-direction:column;min-height:calc(100vh - 240px);overflow:hidden}.members-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0}.members-pagination .btn{min-width:90px}.page-indicator{color:#4a5568;font-weight:600}.page-size-select{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#4a5568;font-size:.9rem;padding:.35rem .75rem}.members-table-container{flex:1 1;overflow-x:auto}.table-settings-cell{padding-right:.5rem;text-align:right;white-space:nowrap;width:1%}.table-settings-wrapper{display:inline-block;position:relative}.table-settings-button{align-items:center;background:var(--backend-color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;justify-content:center;padding:.3rem .5rem;transition:all .2s ease}.table-settings-button:hover{background:var(--backend-color-primary-hover);box-shadow:0 4px 10px #4183be40;transform:translateY(-1px)}.table-settings-button svg{height:.9rem;width:.9rem}.table-settings-popover{background:var(--backend-color-bg-surface);border:1px solid var(--backend-color-border);border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;gap:.75rem;max-height:400px;padding:.95rem;position:absolute;right:0;top:calc(100% + .5rem);width:250px;z-index:20}.table-settings-popover-list{display:flex;flex-direction:column;gap:.35rem;max-height:400px;overflow-y:auto;padding-right:.25rem}.popover-empty{color:var(--backend-color-text-muted);font-size:.8rem;padding:.5rem 0;text-align:center}.members-table{border-collapse:collapse;font-size:.9rem;width:100%}.members-table thead{background:#f8f9fa;border-bottom:2px solid #e1e5e9}.members-table th{color:#333;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem;text-align:left;text-transform:uppercase}.members-table td{border-bottom:1px solid #e1e5e9;padding:.2rem;vertical-align:top}.members-table tbody tr:hover{background:#f8f9fa}.members-table tbody tr:last-child td{border-bottom:none}.member-name-cell{min-width:200px}.member-name-content{align-items:center;display:flex;gap:.75rem}.member-name-content h4{color:#4a5568;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .25rem}.member-avatar{flex-shrink:0}.member-avatar img{object-fit:cover}.avatar-placeholder,.member-avatar img{border-radius:50%;height:2rem;width:2rem}.avatar-placeholder{align-items:center;background:#667eea;color:#fff;display:flex;font-size:.9rem;font-weight:700;justify-content:center}.member-email-cell{color:#666;min-width:180px}.member-position-cell{color:#666;min-width:120px}.member-status-cell{width:100px}.member-roles-cell{min-width:120px}.phone-list-editor{display:flex;flex-direction:column;gap:.5rem}.phone-input-row{align-items:center;display:flex;gap:.5rem}.phone-input-row .form-input{flex:1 1}.add-phone-btn,.remove-phone-btn{align-items:center;display:inline-flex;gap:.25rem}.phone-list{list-style:none;margin:0;padding-left:0}.phone-list li{line-height:1.2}.member-birthdate-cell,.member-salutation-cell{color:#666;font-size:.9rem;min-width:100px}.member-date-cell{color:#666;font-size:.85rem;width:140px}.member-actions-cell{width:120px}.status-badge{font-size:.8rem;font-weight:500}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.member-roles{display:flex;flex-wrap:wrap;gap:.25rem}.role-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.2rem .4rem}.role-badge.admin{background:#dc3545;color:#fff}.role-badge.moderator{background:#ffc107;color:#212529}.role-badge.member{background:#6c757d;color:#fff}.member-actions{display:flex;flex-wrap:wrap;gap:.25rem}.no-members-state{color:#666;padding:3rem 2rem;text-align:center}.no-members-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-members-state h3{color:#333;margin:0 0 .5rem}.no-members-state p{color:#666;margin:0 0 1.5rem}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:80%}.role-management-content{padding:1.5rem}.role-form-section{border-bottom:1px solid #e1e5e9;margin-bottom:2rem;padding-bottom:2rem}.role-form-section h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.section-header{margin-bottom:1rem}.default-role-section{border-bottom:1px solid #e1e5e9;margin-bottom:2rem;padding-bottom:2rem}.default-role-section h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.section-description{color:#666;font-size:.9rem;margin:0 0 1rem}.default-role-selector{max-width:300px}.roles-list-section h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.roles-list{display:flex;flex-direction:column;gap:1rem}.role-item{align-items:center;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.role-info{flex:1 1}.role-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.25rem}.role-header h4{color:#4a5568;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .5rem}.role-badges{align-items:center;display:flex;gap:.5rem}.default-badge{background:#667eea}.default-badge,.public-badge{font-size:.7rem;font-weight:500;letter-spacing:.5px;padding:.2rem .4rem;text-transform:uppercase}.public-badge{border-radius:4px}.public-badge.public{background:#d4edda;color:#155724}.public-badge.private{background:#f8d7da;color:#721c24}.role-info p{color:#666;font-size:.9rem;margin:0}.role-actions{display:flex;gap:.5rem}.role-actions .btn-sm:disabled{cursor:not-allowed;opacity:.5}.role-actions .btn-sm:disabled:hover{transform:none}.form-help{display:block;font-size:.8rem;font-style:italic}.column-selector-content{padding:1.5rem}.column-selector-actions{border-bottom:1px solid #e1e5e9;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.columns-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.column-item{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:4px;padding:.5rem}.column-label{align-items:center;display:flex;font-weight:500;gap:.5rem}.required-badge{background:#667eea;border-radius:3px;color:#fff;font-size:.7rem;font-weight:500;padding:.1rem .3rem}.member-accountholder-cell,.member-bankname-cell,.member-bic-cell,.member-city-cell,.member-country-cell,.member-firstname-cell,.member-housenumber-cell,.member-iban-cell,.member-lastname-cell,.member-nickname-cell,.member-phone-cell,.member-postalcode-cell,.member-street-cell{color:#666;font-size:.9rem;min-width:120px}form{padding:1.5rem}.form-section{border-bottom:1px solid #e1e5e9;margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section-title{color:#333;color:#667eea;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#4a5568;display:block;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;margin-bottom:.5rem}.form-input,.form-select{border:1px solid #ddd;border-radius:6px;font-size:1rem;outline:none;padding:.75rem;transition:border-color .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-label{font-weight:500}.checkbox-label input[type=checkbox]{margin:0;width:auto}.permissions-list{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;padding:1rem}.permissions-list .checkbox-label{align-items:flex-start;background:#fff;border:1px solid #e1e5e9;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.permissions-list .checkbox-label:hover{background:#f0f4ff;border-color:#667eea}.permissions-list .checkbox-label input[type=checkbox]{flex-shrink:0;margin-top:.25rem}.permissions-list .checkbox-label>div{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.permission-label{color:#333;font-size:.95rem;font-weight:500}.permission-description{color:#666;font-size:.85rem;line-height:1.4}.form-actions{border-top:1px solid #e1e5e9;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}@media (max-width:768px){.backend-content{padding:1rem}.members-filters{align-items:stretch;flex-direction:column}.search-container{max-width:none}.form-row{grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.role-item{align-items:flex-start;flex-direction:column;gap:1rem}.role-actions{align-self:flex-end}}.member-role-management-content{padding:1rem 0}.member-role-form-section{margin-bottom:2rem}.member-role-list{display:flex;flex-direction:column;gap:1rem}.member-role-item{align-items:center;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.member-role-info{flex:1 1}.member-role-info h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 .5rem}.member-role-badges{display:flex;flex-wrap:wrap;gap:.5rem}.member-role-badge{background:#28a745;color:#fff}.member-public-badge,.member-role-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.member-public-badge.public{background:#17a2b8;color:#fff}.member-public-badge.private{background:#6c757d;color:#fff}.member-role-actions{display:flex;gap:.5rem}.member-role-actions .btn-sm{align-items:center;display:flex;height:2rem;justify-content:center;min-width:2rem;padding:.5rem}@media (max-width:768px){.member-role-item{align-items:flex-start;flex-direction:column;gap:1rem}.member-role-actions{align-self:flex-end}}.frontend-members{margin:0 auto;padding:20px}.frontend-members .members-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.frontend-members .header-content h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0}.frontend-members .association-name{color:#6c757d;font-size:1.1rem;margin:5px 0 0}.frontend-members .header-actions{display:flex;gap:10px}.frontend-members .members-stats{grid-gap:20px;background:#f8f9fa;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:30px;padding:20px}.frontend-members .stat-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;text-align:center}.frontend-members .stat-number{color:#007bff;display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.frontend-members .stat-label{color:#6c757d;font-size:.9rem;font-weight:500}.frontend-members .members-filters{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:20px}.frontend-members .search-container{align-items:center;display:flex;gap:10px;margin-bottom:15px;max-width:600px}.frontend-members .search-input{border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.frontend-members .search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.frontend-members .filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.frontend-members .filter-select{background:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 12px}.frontend-members .checkbox-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:.9rem;gap:8px}.frontend-members .checkbox-label input[type=checkbox]{height:16px;width:16px}.frontend-members .empty-state{background:#f8f9fa;border-radius:12px;margin:40px 0;padding:60px 20px;text-align:center}.frontend-members .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.frontend-members .empty-state h3{color:#495057;font-size:1.5rem;margin:0 0 10px}.frontend-members .empty-state p{color:#6c757d;font-size:1.1rem;margin:0 0 30px}.frontend-members .members-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.frontend-members .member-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.frontend-members .member-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.frontend-members .member-card.inactive{background:#f8f9fa;opacity:.7}.frontend-members .member-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.frontend-members .member-avatar{border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.frontend-members .member-avatar img{height:100%;object-fit:cover;width:100%}.frontend-members .avatar-placeholder{align-items:center;background:#007bff;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:100%;justify-content:center;width:100%}.frontend-members .member-info{flex:1 1}.frontend-members .member-name{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 5px}.frontend-members .member-email{color:#6c757d;font-size:.9rem;margin:0 0 5px}.frontend-members .member-position{color:#007bff;font-size:.9rem;font-weight:500;margin:0}.frontend-members .member-status{display:flex;flex-direction:column;gap:5px}.frontend-members .status-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:4px 8px;text-align:center}.frontend-members .status-badge.inactive{background:#f8d7da;color:#721c24}.frontend-members .status-badge.admin{background:#d4edda;color:#155724}.frontend-members .status-badge.moderator{background:#fff3cd;color:#856404}.frontend-members .member-details{margin-bottom:20px}.frontend-members .detail-item{align-items:center;color:#495057;display:flex;font-size:.9rem;gap:8px;margin-bottom:8px}.frontend-members .detail-item:last-child{margin-bottom:0}.frontend-members .detail-label{font-size:1rem;opacity:.7}.frontend-members .member-actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.frontend-members .admin-actions{display:flex;flex-wrap:wrap;gap:8px}.frontend-members .loading-container{padding:60px 20px;text-align:center}.frontend-members .loading-spinner{animation:frontend-spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 20px;width:40px}@keyframes frontend-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.frontend-members .error-container{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;padding:40px 20px;text-align:center}.frontend-members .error-container h2{margin:0 0 15px}.frontend-members .error-container p{margin:0 0 20px}.frontend-members .btn-outline{background:#0000;border:1px solid #007bff;color:#007bff}.frontend-members .btn-outline:hover{background:#007bff;color:#fff}.frontend-members .btn-success{background:#28a745;color:#fff}.frontend-members .btn-success:hover{background:#1e7e34}.frontend-members .btn-warning{background:#ffc107;color:#212529}.frontend-members .btn-warning:hover{background:#e0a800}.frontend-members .btn-danger{background:#dc3545;color:#fff}.frontend-members .btn-danger:hover{background:#c82333}@media (max-width:768px){.frontend-members .members-header{align-items:flex-start;flex-direction:column;gap:15px}.frontend-members .header-content h1{font-size:2rem}.frontend-members .members-stats{grid-template-columns:repeat(2,1fr)}.frontend-members .filter-controls,.frontend-members .search-container{align-items:stretch;flex-direction:column}.frontend-members .members-grid{grid-template-columns:1fr}.frontend-members .member-header{flex-direction:column;text-align:center}.frontend-members .member-actions{align-items:stretch;flex-direction:column;gap:10px}.frontend-members .admin-actions{justify-content:center}}.website-preview-container{margin-top:2rem}.website-preview-container h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.preview-frame{background:#f8f9fa;border:1px solid #e1e5e9;padding:1rem}.preview-frame,.website-preview{border-radius:8px;overflow:hidden}.website-preview{background:#fff;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:600px}.website-preview .header{padding:2rem 1rem;position:relative;text-align:center}.preview-logo{margin-bottom:1rem;max-height:80px;max-width:200px;object-fit:contain}.preview-banner{margin-top:1rem;max-height:200px;object-fit:cover;width:100%}.website-preview .content{padding:2rem}.website-preview h1{font-size:2rem;font-weight:700;margin:0}.website-preview h2{font-size:1.5rem;font-weight:600;margin:0 0 1rem}.website-preview h3{font-size:1.2rem;font-weight:600;margin:1.5rem 0 .5rem}.website-preview p{line-height:1.6;margin:0 0 1rem}.preview-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.preview-buttons .btn{border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.preview-buttons .btn:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.preview-colors{margin:2rem 0}.color-samples{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.color-sample{align-items:center;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:60px;justify-content:center;text-shadow:0 1px 2px #0000004d;width:80px}.preview-contact,.preview-members,.preview-social{background:#f8f9fa;border-left:4px solid #667eea;border-left:4px solid var(--primary-color,#667eea);border-radius:6px;margin:1.5rem 0;padding:1rem}.website-preview .footer{background:#f8f9fa;border-top:1px solid #e1e5e9;color:#666;font-size:.9rem;padding:1rem;text-align:center}@media (max-width:768px){.preview-frame{padding:.5rem}.website-preview .content{padding:1rem}.preview-buttons{flex-direction:column}.color-samples{justify-content:center}.color-sample{font-size:.7rem;height:45px;width:60px}}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-weight:500;margin-bottom:1rem;padding:1rem}.website-colors h2,.website-custom-css h2,.website-display-options h2,.website-images h2,.website-layout h2{color:#4a5568;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.color-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.color-item{display:flex;flex-direction:column;gap:.5rem}.color-item label{color:#333;font-size:.9rem;font-weight:600}.color-input-group{align-items:center;display:flex;gap:.5rem}.color-picker{background:none;border:2px solid #e1e5e9;border-radius:6px;cursor:pointer;height:40px;width:50px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-text{border:1px solid #e1e5e9;border-radius:6px;flex:1 1;font-family:Courier New,monospace;font-size:.9rem;padding:.75rem}.color-text:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.image-upload-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.image-upload-item{display:flex;flex-direction:column;gap:.5rem}.image-upload-item label{color:#333;font-size:.9rem;font-weight:600}.image-upload-area{align-items:center;border:2px dashed #e1e5e9;border-radius:8px;cursor:pointer;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.image-upload-area:hover{background:#f8f9fa;border-color:#667eea}.upload-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem}.upload-placeholder svg{color:#999;height:2rem;width:2rem}.preview-image{border-radius:6px;height:100%;object-fit:cover;width:100%}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.layout-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#333;font-size:.9rem;font-weight:600}.form-select{background:#fff;border:1px solid #e1e5e9;border-radius:6px;cursor:pointer;font-size:1rem;outline:none;padding:.75rem}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.display-options{display:flex;flex-direction:column;gap:1rem}.checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:1rem;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:1.2rem;width:1.2rem}.form-textarea{border:1px solid #e1e5e9;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;outline:none;padding:1rem;resize:vertical;width:100%}.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-help{color:#666;font-size:.85rem;margin-top:.25rem}@media (max-width:768px){.website-backend{padding:1rem}.header-actions{justify-content:space-between;width:100%}.color-grid,.image-upload-grid,.layout-options{grid-template-columns:1fr}.website-section{padding:1.5rem}}.store-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:8px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-icon{color:#667eea;flex-shrink:0;font-size:2rem}.stat-content{flex:1 1}.stat-number{color:#4a5568;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:#718096;font-size:.875rem;margin-bottom:.5rem}.stat-details{display:flex;flex-wrap:wrap;gap:.5rem}.stat-detail{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.stat-detail.active{background:#48bb781a;color:#38a169}.stat-detail.free{background:#4299e11a;color:#3182ce}.stat-detail.paid{background:#805ad51a;color:#805ad5}.stat-detail.pending{background:#ed89361a;color:#dd6b20}.stat-detail.completed{background:#4299e11a;color:#3182ce}.stat-detail.revenue{background:#805ad51a;color:#805ad5}.modules-tab{padding:1.5rem}.modules-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.module-card{background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;overflow:hidden;position:relative;transition:all .3s ease}.module-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.module-card.default{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.module-image{align-items:center;background:#f7fafc;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.module-image img{height:100%;object-fit:cover;width:100%}.module-placeholder{color:#cbd5e0;font-size:3rem}.default-badge{background:#48bb78f2;right:.5rem}.default-badge,.purchased-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;top:.5rem}.purchased-badge{background:#805ad5f2;left:.5rem}.module-card.purchased{background:#805ad505;border-color:#805ad54d}.purchase-date{color:#718096;font-size:.75rem;font-style:italic}.module-content{padding:1rem}.module-name{color:#4a5568;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.module-description{color:#718096;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.module-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feature-tag{background:#667eea1a;border-radius:4px;color:#667eea;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.module-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.module-price{color:#38a169;font-size:1.125rem;font-weight:700}.module-status{border-radius:4px;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.module-status.active{background:#48bb781a;color:#38a169}.module-status.inactive{background:#a0aec01a;color:#a0aec0}.module-actions{display:flex;gap:.5rem}.products-tab{padding:1.5rem}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.product-card{background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.product-image{align-items:center;background:#f7fafc;display:flex;height:200px;justify-content:center;overflow:hidden}.product-image img{height:100%;object-fit:cover;width:100%}.product-placeholder{color:#cbd5e0;font-size:3rem}.product-content{padding:1rem}.product-name{color:#4a5568;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.product-description{color:#718096;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.product-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.product-price{color:#38a169;font-size:1.125rem;font-weight:700}.product-stock{color:#718096;font-size:.875rem}.product-actions{display:flex;gap:.5rem}.orders-table{margin-top:1.5rem;overflow-x:auto}.orders-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.orders-table th{background:#f7fafc;font-weight:600}.orders-table td,.orders-table th{color:#4a5568;font-size:.875rem}.orders-table tr:hover{background:#f7fafc}.status-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.status-badge.success{background:#48bb781a;color:#38a169}.status-badge.warning{background:#ed89361a;color:#dd6b20}.status-badge.error{background:#f565651a;color:#e53e3e}.status-badge.info{background:#4299e11a;color:#3182ce}.admin-tab{padding:1.5rem}.admin-modules-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.admin-module-card{background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;overflow:hidden;transition:all .3s ease}.admin-module-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.admin-module-card .module-actions{display:flex;gap:.5rem;margin-top:1rem}.admin-module-card .module-order{color:#718096;font-size:.75rem;font-style:italic}@media (max-width:768px){.admin-modules-grid,.modules-grid,.store-stats{grid-template-columns:1fr}.orders-table{overflow-x:auto}.orders-table td,.orders-table th{min-width:120px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}button{font-family:inherit}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1200px;padding:0 2rem}@media (max-width:768px){.container{padding:0 1rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}svg{vertical-align:middle}.icon-sm{height:.875em;width:.875em}.icon-md{height:1.125em;width:1.125em}.icon-lg{height:1.5em;width:1.5em}.icon-xl{height:2em;width:2em}.icon-primary{color:#007bff}.icon-secondary{color:#6c757d}.icon-success{color:#28a745}.icon-danger{color:#dc3545}.icon-warning{color:#ffc107}.icon-info{color:#17a2b8}.icon-light{color:#f8f9fa}.icon-dark{color:#343a40}.icon-spin{animation:icon-spin 2s linear infinite}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-icon{align-items:center;display:inline-flex;justify-content:center}.nav-link svg,.nav-module svg{margin-right:.25em}.empty-icon svg,.feature-icon svg,.no-members-icon svg,.no-news-icon svg{color:#6c757d;height:2.5em;margin-bottom:.5em;width:2.5em}h1 svg,h2 svg,h3 svg{margin-right:.5em}.association-location svg,.association-members svg{color:#6c757d;margin-right:.25em}.action-icon svg,.status-icon svg{margin-right:.25em}.search-icon svg{margin-right:.5em}.empty-state svg{color:#dee2e6;height:3em;width:3em}.loading-icon svg{animation:icon-spin 1s linear infinite}.error-icon svg{color:#dc3545}.success-icon svg{color:#28a745}.info-icon svg{color:#17a2b8}.module-icon svg{height:1.2em;margin-right:.5em;width:1.2em}.feature-card svg{color:#007bff;height:2.5em;margin-bottom:1rem;width:2.5em}.association-card svg{margin-right:.25em}.hero-buttons svg{margin-right:.5em}
/*# sourceMappingURL=main.1e6d6eba.css.map*/