.layout-container{min-height:100vh;display:flex;flex-direction:column}.layout-header{background-color:#fff;padding:1rem 2rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 1px 3px #0000001a}.layout-header.mobile{padding:.75rem 1rem}.header-left{display:flex;align-items:center;gap:1.5rem}.header-left.mobile{gap:1rem}.header-right{display:flex;align-items:center;gap:1rem}.header-right.mobile{gap:.5rem}.user-info-display{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.user-info-display.mobile{align-items:flex-end}.user-name-display{font-size:.9375rem;font-weight:600;color:#1f2937}.user-name-display.mobile{font-size:.8125rem}.user-role-display{font-size:.8125rem;font-weight:500;color:#059669}.user-role-display.mobile{font-size:.75rem}.hamburger-button{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;gap:4px}.hamburger-line{width:24px;height:3px;background-color:#1a202c;border-radius:2px}.header-logo{width:50px;height:50px;object-fit:contain}.header-logo.mobile{width:35px;height:35px}.header-title{margin:0;font-size:1.5rem;font-weight:700;color:#1a202c}.header-title.mobile{font-size:1.125rem}.logout-button{background-color:#dc3545;color:#fff;padding:.5rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:background-color .2s}.logout-button.mobile{padding:.4rem 1rem;font-size:.75rem}.logout-button:hover{background-color:#c82333}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:.625rem;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:.5rem;padding:.5rem .875rem;cursor:pointer;transition:all .2s ease}.user-menu-button:hover{border-color:#3182ce;background-color:#f7fafc}.user-menu-button.mobile{padding:.375rem .625rem;gap:.5rem}.user-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.user-menu-button.mobile .user-icon{width:28px;height:28px;font-size:.8125rem}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;max-width:180px}.user-menu-button.mobile .user-info{max-width:140px}.user-name{font-size:.875rem;font-weight:600;color:#1a202c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.user-menu-button.mobile .user-name{font-size:.8125rem}.user-email{font-size:.75rem;font-weight:400;color:#718096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.user-menu-button.mobile .user-email{font-size:.6875rem}.user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:999;overflow:hidden}.user-dropdown.mobile{min-width:180px}.user-dropdown-item{width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:.875rem;font-weight:500;color:#1a202c;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f7fafc}.user-dropdown-item:last-child{border-bottom:none}.user-dropdown-item:hover{background-color:#f7fafc}.user-dropdown-item.logout{color:#dc3545}.user-dropdown-item.logout:hover{background-color:#fff5f5}.layout-main{display:flex;flex:1;flex-direction:row;position:relative}.layout-main.mobile{flex-direction:column}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.nav-cards-container{width:260px;background-color:#fff;border-right:1px solid #e5e7eb;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.nav-cards-container.mobile{position:fixed;top:0;bottom:0;left:-100%;width:80%;max-width:280px;box-shadow:2px 0 8px #0000001a;transition:left .3s ease-in-out;z-index:1000;padding:1rem}.nav-cards-container.mobile.open{left:0}.nav-cards-container.mobile.closed{left:-100%}.nav-header{padding:1rem .5rem;border-bottom:1px solid #dee2e6;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}.nav-header-title{font-weight:700;color:#1a202c;font-size:.9375rem}.nav-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#495057;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.nav-close-button:hover{color:#1a202c}.nav-card{display:flex;align-items:center;justify-content:flex-start;padding:.875rem 1rem;background-color:transparent;border:1px solid #e5e7eb;border-radius:.5rem;text-decoration:none!important;color:#374151;font-weight:500;font-size:.875rem;text-align:left;transition:all .2s ease;min-height:44px}.nav-card.mobile{padding:.75rem .875rem;font-size:.875rem;min-height:42px}.nav-card:hover{background-color:#f9fafb;border-color:#d1d5db;color:#0d9488}.nav-card.active{background-color:#ecfdf5;border-color:#059669;color:#059669;font-weight:600}.layout-content{flex:1;padding:0;background-color:transparent;overflow-x:hidden}.layout-content.mobile{padding:0;min-height:calc(100vh - 60px)}.layout-content.no-auth{padding:0;flex:1}.layout-content.no-auth.mobile{padding:0}.layout-content.no-sidebar{padding:0;flex:1;width:100%}.layout-content.no-sidebar.mobile{padding:0}.nav-item-with-submenu{display:flex;flex-direction:column}.nav-item-with-submenu .nav-card{justify-content:space-between;cursor:pointer}.submenu-arrow{font-size:.5rem;transition:transform .2s;opacity:.6}.submenu-arrow.expanded{transform:rotate(0)}.submenu{display:flex;flex-direction:column;gap:.375rem;padding-left:.5rem;margin-top:.5rem;margin-bottom:.5rem}.submenu-item{display:block;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;color:#6b7280;text-decoration:none;border:1px solid #e5e7eb;border-radius:.375rem;transition:all .2s}.submenu-item:hover{background-color:#f9fafb;border-color:#d1d5db;color:#0d9488}.submenu-item.active{background-color:#ecfdf5;border-color:#059669;color:#059669;font-weight:600}.nested-submenu-container{display:flex;flex-direction:column}.submenu-item.with-arrow{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.submenu-arrow-small{font-size:.5rem;transition:transform .2s;opacity:.6}.submenu-arrow-small.expanded{transform:rotate(0)}.nested-submenu{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem;padding-left:.5rem}.nested-submenu-item{display:block;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;color:#6b7280;text-decoration:none;border:1px solid #e5e7eb;border-radius:.375rem;transition:all .2s}.nested-submenu-item:hover{background-color:#f9fafb;border-color:#d1d5db;color:#0d9488}.nested-submenu-item.active{background-color:#ecfdf5;border-color:#059669;color:#059669;font-weight:600}.welcome-container{min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#faf5ff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column;overflow-x:hidden}.welcome-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(91,33,182,.1)}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:.75rem}.logo-img{height:45px;width:auto}.logo-text{font-size:.85rem;font-weight:600;color:#5b21b6;letter-spacing:.02em}.nav-links{display:flex;gap:2rem}.nav-link{text-decoration:none;font-size:.9rem;font-weight:500;color:#4b5563;transition:color .2s}.nav-link:hover{color:#5b21b6}.login-btn{background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b21b64d}.hero-section{flex:1;padding:8rem 2rem 4rem;position:relative;overflow:hidden}.hero-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.5}.shape-1{width:400px;height:400px;background:radial-gradient(circle,rgba(167,139,250,.3) 0%,transparent 70%);top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.shape-2{width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);bottom:10%;left:-50px;animation:float 10s ease-in-out infinite reverse}.shape-3{width:200px;height:200px;background:radial-gradient(circle,rgba(196,181,253,.4) 0%,transparent 70%);top:40%;right:20%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-left{position:relative;z-index:1}.hero-badge{display:inline-block;background:#5b21b61a;color:#5b21b6;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(91,33,182,.2)}.hero-title{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.title-line{font-size:2.5rem;font-weight:700;color:#1f2937;line-height:1.2}.title-highlight{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#5b21b6,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-description{font-size:1rem;color:#6b7280;line-height:1.7;margin-bottom:2rem;max-width:480px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #5b21b659}.btn-arrow{font-size:1.1rem;transition:transform .2s}.btn-primary:hover .btn-arrow{transform:translate(4px)}.btn-secondary{background:#fff;color:#5b21b6;border:2px solid #e9d5ff;padding:.875rem 1.75rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#faf5ff;border-color:#c4b5fd}.hero-right{position:relative;z-index:1}.hero-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 25px 60px #5b21b626;position:relative;overflow:hidden}.card-glow{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(167,139,250,.1) 0%,transparent 50%);pointer-events:none}.card-logo{width:80px;height:auto;margin-bottom:1rem}.card-church-name{font-size:1.1rem;font-weight:700;color:#1f2937;margin-bottom:1.25rem}.scripture-display{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;border-left:4px solid #5b21b6}.scripture-text{font-size:.9rem;font-style:italic;color:#4b5563;line-height:1.6;margin-bottom:.5rem}.scripture-ref{font-size:.8rem;font-weight:600;color:#5b21b6}.card-features{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:10px;transition:all .2s}.feature-item:hover{background:#f5f3ff;transform:translateY(-2px)}.feature-icon{font-size:1.5rem}.feature-info{display:flex;flex-direction:column}.feature-title{font-size:.85rem;font-weight:600;color:#1f2937}.feature-desc{font-size:.7rem;color:#9ca3af}.welcome-footer{background:#fff;border-top:1px solid #e5e7eb;padding:1.5rem 2rem}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-logo{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;color:#4b5563}.footer-logo-img{height:30px;width:auto}.footer-text{font-size:.8rem;color:#9ca3af}@media (max-width: 900px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-left{order:1}.hero-right{order:2}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.title-line{font-size:2rem}.title-highlight{font-size:2.5rem}}@media (max-width: 640px){.header-content{padding:.75rem 1rem}.nav-links{display:none}.logo-text{font-size:1rem}.hero-section{padding:6rem 1rem 2rem}.title-line{font-size:1.5rem}.title-highlight{font-size:1.75rem}.hero-card{padding:1.5rem}.card-features{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1rem;text-align:center}}*{box-sizing:border-box;margin:0;padding:0}.login-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#faf5ff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-header-bar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(91,33,182,.1);padding:1rem 2rem}.login-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.login-logo-section{display:flex;align-items:center;gap:.75rem}.login-header-logo{height:40px;width:auto}.login-header-text{font-size:.85rem;font-weight:600;color:#5b21b6}.login-nav{display:flex;gap:2rem}.login-nav-link{text-decoration:none;font-size:.9rem;font-weight:500;color:#4b5563;transition:color .2s}.login-nav-link:hover{color:#5b21b6}.login-main{flex:1;display:flex;justify-content:center;align-items:center;padding:3rem 1rem}.login-card{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 20px 50px #5b21b626}.login-card-header{text-align:center;margin-bottom:2rem}.login-card-logo{width:80px;height:auto;margin-bottom:1rem}.login-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.login-subtitle{font-size:.9rem;color:#6b7280}.login-error{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.85rem;border:1px solid #fecaca}.login-form{display:flex;flex-direction:column}.login-form-group{margin-bottom:1.25rem}.login-label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600;color:#374151}.login-input{width:100%;padding:.75rem 1rem;font-size:.95rem;border:2px solid #e5e7eb;border-radius:10px;outline:none;transition:all .2s;background:#f9fafb}.login-input:focus{border-color:#5b21b6;background:#fff;box-shadow:0 0 0 3px #5b21b61a}.login-input::placeholder{color:#9ca3af}.login-button{width:100%;background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;padding:.875rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s;margin-top:.5rem}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5b21b659}.login-footer{background:#fff;border-top:1px solid #e5e7eb;padding:1.25rem;text-align:center}.login-footer p{font-size:.8rem;color:#9ca3af;margin:0}@media (max-width: 640px){.login-header-bar{padding:.75rem 1rem}.login-nav{display:none}.login-card{padding:2rem 1.5rem;border-radius:16px}.login-card-logo{width:60px}.login-title{font-size:1.25rem}}.user-management-container{max-width:100%;overflow-x:hidden}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.user-management-header.mobile{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.user-management-title{margin:0;font-size:1.875rem;font-weight:700;color:#1a202c}.user-management-title.mobile{font-size:1.5rem}.btn-register-user{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:.375rem;background-color:#10b981;color:#fff;cursor:pointer;transition:background-color .2s}.btn-register-user.mobile{padding:.625rem 1rem;font-size:.875rem;width:100%}.btn-register-user:hover{background-color:#059669}.error-message{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:.375rem;margin-bottom:1rem;font-size:1rem}.error-message.mobile{padding:.75rem;font-size:.875rem}.loading-container{text-align:center;padding:2rem}.table-container{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.table-container.mobile{padding:1rem}.users-table{width:100%;border-collapse:collapse}.users-table.mobile{min-width:600px}.users-table thead tr{border-bottom:2px solid #e5e7eb}.users-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151}.users-table th.mobile{padding:.75rem .5rem;font-size:.8125rem}.users-table th.center{text-align:center}.users-table tbody tr{border-bottom:1px solid #e5e7eb}.users-table td{padding:1rem;font-size:.875rem;color:#1f2937}.users-table td.mobile{padding:.75rem .5rem;font-size:.8125rem}.users-table td.center{text-align:center}.role-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.role-badge.admin{background-color:#dbeafe;color:#1e40af}.role-badge.user{background-color:#e0e7ff;color:#4338ca}.actions-container{display:flex;gap:.5rem;justify-content:center}.btn-edit{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border:none;border-radius:.25rem;background-color:#3182ce;color:#fff;cursor:pointer;transition:background-color .2s}.btn-edit:hover{background-color:#2563eb}.btn-toggle-status{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border:none;border-radius:.25rem;color:#fff;cursor:pointer;transition:background-color .2s}.btn-toggle-status.active{background-color:#f59e0b}.btn-toggle-status.active:hover{background-color:#d97706}.btn-toggle-status.inactive{background-color:#10b981}.btn-toggle-status.inactive:hover{background-color:#059669}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.modal-overlay.mobile{padding:1rem}.modal-content{background-color:#fff;border-radius:.5rem;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-content.mobile{padding:1.5rem}.modal-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:1.5rem;margin-top:0}.modal-title.mobile{font-size:1.25rem}.form-group{margin-bottom:1rem}.form-group.last{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-size:.9375rem;font-weight:500;color:#374151}.form-label.mobile{font-size:.875rem}.form-input,.form-select{width:100%;padding:.75rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;box-sizing:border-box}.form-input.mobile,.form-select.mobile{padding:.625rem;font-size:.875rem}.form-input:focus,.form-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;cursor:pointer;transition:background-color .2s}.btn-cancel.mobile{padding:.625rem 1rem;font-size:.875rem}.btn-cancel:hover{background-color:#f3f4f6}.btn-submit{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:.375rem;background-color:#3182ce;color:#fff;cursor:pointer;transition:background-color .2s}.btn-submit.mobile{padding:.625rem 1rem;font-size:.875rem}.btn-submit:hover{background-color:#2563eb}.members-profiles-container{max-width:100%;overflow-x:hidden;padding:1rem}.members-profiles-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:1.5rem}.members-profiles-title.mobile{font-size:1.5rem;margin-bottom:1rem}.members-info-card{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.members-info-card.mobile{padding:1.5rem;margin-bottom:1rem}.members-info-text{color:#4a5568;margin-bottom:1rem;font-size:1rem;line-height:1.6}.members-info-text.mobile{font-size:.875rem}.members-info-subtext{color:#718096;font-size:.875rem}.members-info-subtext.mobile{font-size:.8125rem}.members-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.members-stats-grid.mobile{grid-template-columns:1fr;gap:1rem;margin-top:1rem}.stat-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.stat-card.mobile{padding:1rem}.stat-card-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.stat-card-title.mobile{font-size:1.125rem}.stat-card-value{font-size:2rem;font-weight:700}.stat-card-value.mobile{font-size:1.5rem}.stat-card-value.blue{color:#3182ce}.stat-card-value.green{color:#10b981}.stat-card-value.orange{color:#f59e0b}.members-info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.members-info-header.mobile{flex-direction:column;align-items:stretch}.add-member-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background-color:#0d9488;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s,transform .1s;white-space:nowrap}.add-member-btn:hover{background-color:#0f766e}.add-member-btn:active{transform:scale(.98)}.add-member-btn.mobile{width:100%;margin-top:1rem}.members-list-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-top:1.5rem}.members-list-card.mobile{padding:1rem;margin-top:1rem}.members-list-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:1rem}.members-list-title.mobile{font-size:1.125rem}.members-loading,.members-error,.members-empty{padding:2rem;text-align:center;color:#718096;font-size:.875rem}.members-error{color:#e53e3e;background-color:#fee2e2;border-radius:.375rem}.members-empty{background-color:#f7fafc;border-radius:.375rem;border:1px dashed #e2e8f0}.members-table-wrapper{overflow-x:auto}.members-table-wrapper.mobile{margin:0 -1rem;padding:0 1rem}.members-table{width:100%;border-collapse:collapse;font-size:.875rem}.members-table th,.members-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.members-table th{background-color:#f7fafc;font-weight:600;color:#4a5568;white-space:nowrap}.members-table tbody tr:hover{background-color:#f7fafc}.members-table td{color:#2d3748}.member-id-cell{font-family:monospace;font-weight:600;color:#3182ce}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#c6f6d5;color:#22543d}.status-badge.inactive{background-color:#fed7d7;color:#822727}.member-name-link{color:#3182ce;cursor:pointer;font-weight:500;transition:color .2s}.member-name-link:hover{color:#2c5282;text-decoration:underline}.members-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.members-count{font-size:.875rem;color:#6b7280}.filters-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.filters-container.mobile{flex-direction:column}.filter-group{flex:1;min-width:150px}.filters-container.mobile .filter-group{min-width:100%}.filter-input,.filter-select{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151}.filter-input:focus,.filter-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 2px #3182ce1a}.filter-search{min-width:250px}.filters-container.mobile .filter-search{min-width:100%}.clear-filters-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.clear-filters-btn:hover{background-color:#fecaca}.row-number{color:#9ca3af;font-size:.875rem;font-weight:500;text-align:center}.modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0003;max-width:1600px;width:95vw;min-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;border-bottom:1px solid #e2e8f0;background-color:#f9fafb}.modal-title{font-size:1.875rem;font-weight:600;color:#1a202c;margin:0}.modal-actions{display:flex;gap:.75rem;align-items:center}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.modal-close-btn:hover{color:#374151}.modal-body{padding:2rem 2.5rem;overflow-y:auto;flex:1;width:100%;box-sizing:border-box}.details-view{width:100%}.member-id-display{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;background-color:#f0f9ff;border-radius:.375rem;border:1px solid #bae6fd}.member-id-label{font-weight:600;color:#0369a1}.member-id-value{font-family:monospace;font-weight:500;color:#0c4a6e}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%}.details-grid.mobile{grid-template-columns:1fr;gap:.75rem}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.875rem;font-weight:600;color:#374151}.detail-value{font-size:.875rem;color:#1f2937;word-break:break-word}.edit-form{text-align:center;padding:2rem}.edit-form p{color:#6b7280;margin-bottom:1.5rem}.modal-content .btn{padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.modal-content .btn-primary{background-color:#0d9488;color:#fff}.modal-content .btn-primary:hover{background-color:#0f766e}.modal-content .btn-secondary{background-color:#e5e7eb;color:#374151}.modal-content .btn-secondary:hover{background-color:#d1d5db}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-top:1rem;border-top:1px solid #e5e7eb}.pagination-info{font-size:.85rem;color:#6b7280}.pagination-actions{display:flex;align-items:center;gap:.75rem}.pagination-select{padding:.5rem .75rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer}.pagination-select:focus{outline:none;border-color:#5b21b6}.pagination-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:500;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f5f3ff;border-color:#5b21b6;color:#5b21b6}.pagination-page{font-size:.85rem;color:#374151;padding:0 .5rem}@media (max-width: 640px){.pagination-controls{flex-direction:column;gap:1rem}.pagination-actions{flex-wrap:wrap;justify-content:center}}.add-member-container{max-width:100%;overflow-x:hidden}.add-member-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:1.5rem}.add-member-title.mobile{font-size:1.5rem;margin-bottom:1rem}.add-member-card{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.add-member-card.mobile{padding:1.5rem}.add-member-form{width:100%}.form-steps{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.form-steps:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background-color:#e5e7eb;z-index:0}.form-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1}.step-number{width:40px;height:40px;border-radius:50%;background-color:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;margin-bottom:.5rem;transition:all .3s ease}.step-label{font-size:.75rem;color:#6b7280;text-align:center;max-width:100px}.form-step.active .step-number{background-color:#0d9488;color:#fff}.form-step.active .step-label{color:#0d9488;font-weight:600}.form-step.completed .step-number{background-color:#10b981;color:#fff}.form-step.completed .step-label{color:#10b981}.step-content{min-height:200px}.step-navigation{display:flex;gap:.75rem}.btn-outline{background-color:transparent;border:1px solid #22c55e;color:#22c55e;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background-color:#f0fdf4}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.form-grid.mobile{grid-template-columns:1fr;gap:1rem}.form-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.required{color:#ef4444}.form-input,.form-select{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#1a202c;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-input::placeholder{color:#9ca3af}.form-input.error,.form-select.error{border-color:#ef4444}.form-input.error:focus,.form-select.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-select.disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background-color:#fff;transition:border-color .2s,box-shadow .2s;resize:vertical;font-family:inherit}.form-textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-textarea::placeholder{color:#9ca3af}.form-group.full-width{grid-column:1 / -1}.marital-step{width:100%}.spouse-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.section-title{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:1rem}.subsection-title{font-size:1rem;font-weight:600;color:#374151;margin:0}.children-section{margin-top:1.5rem}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.form-checkbox{width:1.125rem;height:1.125rem;cursor:pointer}.children-details{margin-top:1rem;padding:1rem;background-color:#faf5ff;border-radius:.5rem;border:1px solid #e9d5ff}.children-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.no-children-text{color:#6b7280;font-size:.875rem;font-style:italic}.child-entry{background-color:#fff;border:1px solid #d8b4fe;border-radius:.375rem;padding:1rem;margin-bottom:1rem}.child-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.child-number{font-weight:600;color:#7c3aed}.btn-remove{background:none;border:none;color:#ef4444;font-size:.875rem;cursor:pointer;padding:.25rem .5rem}.btn-remove:hover{text-decoration:underline}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-sm.btn-outline{border-color:#7c3aed;color:#7c3aed}.btn-sm.btn-outline:hover{background-color:#f5f3ff}.error-text{font-size:.75rem;color:#ef4444;margin-top:.25rem}.submit-message{padding:1rem;border-radius:.375rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.submit-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.submit-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-actions.mobile{flex-direction:column-reverse;gap:.75rem}.btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.375rem;cursor:pointer;transition:background-color .2s,transform .1s;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background-color:#0d9488;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0f766e}.btn-secondary{background-color:#f0fdf4;color:#22c55e;border:1px solid #22c55e}.btn-secondary:hover:not(:disabled){background-color:#dcfce7}.form-actions.mobile .btn{width:100%}.member-id-display{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:.375rem;margin-bottom:1.5rem}.member-id-label{font-size:.875rem;font-weight:500;color:#0369a1}.member-id-value{font-family:monospace;font-size:1rem;font-weight:700;color:#0c4a6e}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.details-grid.mobile{grid-template-columns:1fr;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:1rem;font-weight:500;color:#1a202c;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.page-loading{padding:2rem;text-align:center;color:#6b7280}.accounts-list{display:flex;flex-direction:column;gap:.5rem}.account-item{padding:.75rem 1rem;background:#f9fafb;border-radius:6px;cursor:pointer;transition:all .15s;border:1px solid #e5e7eb}.account-item:hover{background:#f5f3ff;border-color:#c4b5fd}.account-name{font-size:.9rem;font-weight:500;color:#1f2937}.account-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.account-category-card{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s ease}.account-category-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b21b61f;border-color:#c4b5fd}.account-category-card.active{border-color:#5b21b6;box-shadow:0 8px 20px #5b21b633}.account-category-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem}.account-category-icon.banking{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.account-category-icon.procurements{background:linear-gradient(135deg,#fef3c7,#fde68a)}.account-category-icon.expenses{background:linear-gradient(135deg,#fee2e2,#fecaca)}.account-category-icon.salaries{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.account-category-icon.donations{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.account-category-icon.members-givings{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.account-category-icon.projects{background:linear-gradient(135deg,#cffafe,#a5f3fc)}.account-category-title{font-size:.9rem;font-weight:600;color:#1f2937;margin:0 0 .375rem}.account-category-description{font-size:.7rem;color:#6b7280;margin:0 0 .75rem;line-height:1.4}.account-category-btn{padding:.4rem .75rem;font-size:.7rem;font-weight:600;color:#5b21b6;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #e9d5ff;border-radius:6px;cursor:pointer;transition:all .2s}.account-category-btn:hover{background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;border-color:#5b21b6}.section-title{font-size:.95rem;font-weight:600;color:#1f2937;margin:0 0 1rem}@media (max-width: 1024px){.account-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.account-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.page-header-compact{flex-direction:column;align-items:flex-start;gap:.75rem}.page-action-btn{width:100%;text-align:center}.account-categories-grid{grid-template-columns:1fr}.account-category-card{padding:1rem}.account-category-icon{width:40px;height:40px;font-size:1.25rem}}.cell-ministry-container{max-width:1200px;margin:0 auto;padding:1rem;overflow-x:hidden}.cell-ministry-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:.75rem}.cell-ministry-title.mobile{font-size:1.5rem;margin-bottom:1rem}.cell-ministry-card{background-color:#fff;padding:1rem;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.cell-ministry-card.mobile{padding:1rem;margin-bottom:1rem}.cell-ministry-text{color:#4a5568;font-size:1rem;line-height:1.6;margin:0}.cell-ministry-text.mobile{font-size:.875rem}.cell-members-list-card{background-color:#fff;padding:.75rem;border-radius:8px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.page-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem .75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.page-header-left{display:flex;flex-direction:column;gap:.125rem}.page-title-compact{font-size:.9375rem;font-weight:600;color:#1f2937;margin:0}.page-subtitle-compact{font-size:.7rem;color:#6b7280;margin:0}.page-header-right{display:flex;align-items:center}.members-badge{font-size:.7rem;font-weight:600;color:#5b21b6;background:linear-gradient(135deg,#f5f3ff,#ede9fe);padding:.25rem .625rem;border-radius:8px;border:1px solid #e9d5ff}.cell-members-list-card.mobile{padding:1rem}.cell-members-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.cell-members-list-title{font-size:1rem;font-weight:600;color:#1a202c;margin:0}.cell-members-list-title.mobile{font-size:1.125rem}.cell-members-count{font-size:.75rem;color:#6b7280}.cell-filters-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.cell-filters-container.mobile{flex-direction:column}.cell-filter-group{flex:1;min-width:150px}.cell-filters-container.mobile .cell-filter-group{min-width:100%}.cell-filter-input,.cell-filter-select{width:100%;padding:.375rem .5rem;font-size:.8125rem;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;color:#374151}.cell-filter-input:focus,.cell-filter-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 2px #3182ce1a}.cell-filter-search{min-width:200px}.cell-filters-container.mobile .cell-filter-search{min-width:100%}.cell-clear-filters-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.cell-clear-filters-btn:hover{background-color:#fecaca}.cell-members-loading,.cell-members-error,.cell-members-empty{padding:2rem;text-align:center;color:#718096;font-size:.875rem}.cell-members-error{color:#e53e3e;background-color:#fee2e2;border-radius:.375rem}.cell-members-empty{background-color:#f7fafc;border-radius:.375rem;border:1px dashed #e2e8f0}.cell-members-table-wrapper{overflow-x:auto}.cell-members-table-wrapper.mobile{margin:0 -1rem;padding:0 1rem}.cell-members-table{width:100%;border-collapse:collapse;font-size:.8125rem}.cell-members-table th,.cell-members-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #e2e8f0}.cell-members-table th{background-color:#f7fafc;font-weight:600;color:#4a5568;white-space:nowrap;font-size:.75rem}.cell-members-table tbody tr:hover{background-color:#f7fafc}.cell-members-table td{color:#2d3748}.cell-row-number{color:#9ca3af;font-size:.875rem;font-weight:500;text-align:center}.cell-member-id{font-family:monospace;font-weight:600;color:#3182ce}.cell-member-name-link{color:#3182ce;cursor:pointer;font-weight:500;transition:color .2s}.cell-member-name-link:hover{color:#2c5282;text-decoration:underline}.cell-ministry-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.cell-ministry-header.mobile{flex-direction:column;align-items:stretch}.register-cell-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background-color:#10b981;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s,transform .1s;white-space:nowrap}.register-cell-btn:hover{background-color:#059669}.register-cell-btn:active{transform:scale(.98)}.register-cell-btn.mobile{width:100%;margin-top:1rem}.modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:600px;max-height:95vh;overflow-y:auto}.modal-content.mobile{max-width:100%;max-height:85vh}.modal-label .required{color:#ef4444}.modal-label .hint{font-weight:400;color:#6b7280;font-size:.75rem}.modal-input:focus,.modal-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 2px #3182ce1a}.modal-select-multiple{width:100%;padding:.5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;min-height:120px}.modal-select-multiple:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 2px #3182ce1a}.modal-btn-primary{background-color:#10b981;color:#fff}.modal-btn-primary:hover:not(:disabled){background-color:#059669}.structure-menu-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.structure-menu-card.mobile{padding:1rem;margin-bottom:1rem}.structure-menu-header{margin-bottom:1rem}.structure-menu-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0}.structure-menu-title.mobile{font-size:1.125rem}.structure-loading,.structure-empty{padding:2rem;text-align:center;color:#718096;font-size:.875rem}.structure-empty{background-color:#f7fafc;border-radius:.375rem;border:1px dashed #e2e8f0}.structure-menu{display:flex;flex-direction:column;gap:.5rem}.menu-zone{border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.menu-zone-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background-color:#0d9488;color:#fff;cursor:pointer;transition:background-color .2s}.menu-zone-header:hover{background-color:#0f766e}.menu-zone-left{display:flex;align-items:center;gap:.75rem}.menu-toggle{font-size:.75rem;transition:transform .2s}.menu-zone-name{font-weight:600;font-size:1rem}.menu-badge{background-color:#fff3;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.menu-zone-actions{display:flex;gap:.5rem}.menu-action-btn{background-color:#fff3;border:none;padding:.375rem .5rem;border-radius:.25rem;cursor:pointer;font-size:.875rem;transition:background-color .2s}.menu-action-btn:hover{background-color:#ffffff4d}.menu-zone-content{background-color:#f9fafb;padding:.75rem}.menu-empty{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem;font-style:italic}.menu-section{margin-bottom:.5rem;border:1px solid #e2e8f0;border-radius:.375rem;overflow:hidden;background-color:#fff}.menu-section-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f0f9ff;cursor:pointer;transition:background-color .2s}.menu-section-header:hover{background-color:#e0f2fe}.menu-section-left{display:flex;align-items:center;gap:.5rem}.menu-section-name{font-weight:500;font-size:.9375rem;color:#1e40af}.menu-section-left .menu-badge{background-color:#dbeafe;color:#1e40af}.menu-section-actions{display:flex;gap:.375rem}.menu-section-actions .menu-action-btn{background-color:#dbeafe;color:#1e40af}.menu-section-actions .menu-action-btn:hover{background-color:#bfdbfe}.menu-section-content{padding:.5rem;background-color:#fff}.menu-cell{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;margin-bottom:.25rem;background-color:#f9fafb;border-radius:.25rem;border-left:3px solid #10b981}.menu-cell:last-child{margin-bottom:0}.menu-cell:hover{background-color:#f3f4f6}.menu-cell-info{display:flex;flex-direction:column;gap:.125rem}.menu-cell-name{font-weight:500;font-size:.875rem;color:#1f2937}.menu-cell-leader{font-size:.75rem;color:#6b7280}.menu-cell-actions{display:flex;gap:.25rem}.menu-cell-actions .menu-action-btn{background-color:#e5e7eb;color:#374151;padding:.25rem .375rem;font-size:.75rem}.menu-cell-actions .menu-action-btn:hover{background-color:#d1d5db}.menu-unsectioned{margin-top:.5rem;border:1px dashed #d1d5db;border-radius:.375rem;overflow:hidden}.menu-unsectioned-header{padding:.5rem 1rem;background-color:#f3f4f6}.menu-unsectioned .menu-section-name{color:#6b7280;font-style:italic}.sidebar-layout{display:flex;gap:1.5rem;margin-bottom:1.5rem;min-height:500px}.sidebar-layout.mobile{flex-direction:column;gap:1rem}.sidebar-menu{width:300px;min-width:300px;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column}.sidebar-layout.mobile .sidebar-menu{width:100%;min-width:100%}.sidebar-header{padding:1rem 1.25rem;background-color:#0d9488;color:#fff}.sidebar-header h3{margin:0;font-size:1rem;font-weight:600}.sidebar-loading,.sidebar-empty{padding:2rem;text-align:center;color:#6b7280;font-size:.875rem}.sidebar-tree{flex:1;overflow-y:auto;padding:.5rem}.sidebar-zone{margin-bottom:.25rem}.sidebar-zone-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;cursor:pointer;border-radius:.375rem;transition:background-color .2s;font-weight:500;color:#1f2937}.sidebar-zone-header:hover{background-color:#f3f4f6}.sidebar-zone-header.active{background-color:#0d9488;color:#fff}.sidebar-toggle{font-size:.625rem;width:1rem;text-align:center}.sidebar-zone-name{font-size:.9375rem}.sidebar-zone-content{padding-left:1rem}.sidebar-section{margin-bottom:.125rem}.sidebar-section-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;border-radius:.375rem;transition:background-color .2s;color:#374151}.sidebar-section-header:hover{background-color:#e0f2fe}.sidebar-section-header.active{background-color:#3b82f6;color:#fff}.sidebar-section-name{font-size:.875rem}.sidebar-section-content{padding-left:1rem}.sidebar-cell{display:flex;align-items:center;padding:.375rem .75rem;cursor:pointer;border-radius:.25rem;transition:background-color .2s;margin-bottom:.125rem;border-left:2px solid transparent}.sidebar-cell:hover{background-color:#f0fdf4;border-left-color:#10b981}.sidebar-cell.active{background-color:#10b981;color:#fff;border-left-color:#10b981}.sidebar-cell.unsectioned{margin-left:0}.sidebar-cell-name{font-size:.8125rem}.details-panel{flex:1;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.details-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px;color:#9ca3af;font-size:.9375rem}.details-content{padding:1.5rem}.details-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.details-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.details-type-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.details-type-badge.zone{background-color:#ccfbf1;color:#0d9488}.details-type-badge.section{background-color:#dbeafe;color:#2563eb}.details-type-badge.cell{background-color:#dcfce7;color:#16a34a}.details-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.details-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:#0d9488;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.details-btn:hover{background-color:#0f766e}.details-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.375rem}.details-row{display:flex;flex-direction:column;gap:.25rem}.checkbox-cell{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.details-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}.details-value{font-size:.9375rem;color:#1f2937}.details-section{margin-top:1.5rem}.details-section h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#374151}.details-list{display:flex;flex-direction:column;gap:.5rem}.details-list-item{padding:.625rem .75rem;background-color:#f9fafb;border-radius:.375rem;cursor:pointer;transition:background-color .2s;font-size:.875rem;color:#374151}.details-list-item:hover{background-color:#e5e7eb}.details-empty-text{color:#9ca3af;font-size:.875rem;font-style:italic;margin:0}.details-members-list{display:flex;flex-direction:column;gap:.375rem;max-height:300px;overflow-y:auto}.details-member-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:#f9fafb;border-radius:.25rem;border-left:3px solid #10b981}.details-member-item .member-name{font-size:.875rem;font-weight:500;color:#1f2937}.details-member-item .member-role{font-size:.75rem;color:#6b7280}.hierarchy-container{display:flex;flex-direction:column;gap:1.5rem}.hierarchy-loading,.hierarchy-empty{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:3rem;text-align:center;color:#6b7280;font-size:1rem}.hierarchy-step{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.step-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#0d9488;color:#fff;font-weight:700;font-size:1rem;border-radius:50%}.step-title{font-size:1.125rem;font-weight:600;color:#1f2937}.step-title strong{color:#0d9488}.step-content{padding:1.5rem}.step-items{display:flex;flex-wrap:wrap;gap:1rem}.step-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s;min-width:140px;text-align:center}.zone-tabs-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem;margin-bottom:1.5rem}.zone-tabs{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:0}.zone-tab{padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.zone-tab:hover{color:#0d9488;background-color:#f0fdfa}.zone-tab.active{color:#0d9488;border-bottom-color:#0d9488;font-weight:600}.section-tabs-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem;margin-bottom:1.5rem}.tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.tabs-label{font-size:.875rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.tabs-label:before{content:"";display:inline-block;width:4px;height:1.25rem;background:linear-gradient(135deg,#0d9488,#0f766e);border-radius:2px}.tabs-actions{display:flex;gap:.5rem;flex-wrap:wrap}.tabs-empty{color:#9ca3af;font-size:.875rem;font-style:italic}.section-tabs{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:0}.section-tab{padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.section-tab:hover{color:#3b82f6;background-color:#eff6ff}.section-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.cell-tabs-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem;margin-bottom:1.5rem}.cell-tabs{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:0}.cell-tab{padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.cell-tab:hover{color:#16a34a;background-color:#f0fdf4}.cell-tab.active{color:#16a34a;border-bottom-color:#16a34a;font-weight:600}.report-link-container{margin-bottom:1rem}.report-link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:#0d9488;background-color:#f0fdfa;border:1px solid #99f6e4;border-radius:.5rem;cursor:pointer;transition:all .2s}.report-link-btn:hover{background-color:#ccfbf1;border-color:#5eead4}.report-link-btn.section-report{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.report-link-btn.section-report:hover{background-color:#dbeafe;border-color:#93c5fd}.report-link-btn.cell-report{color:#16a34a;background-color:#f0fdf4;border-color:#bbf7d0}.report-link-btn.cell-report:hover{background-color:#dcfce7;border-color:#86efac}.report-link-btn.annual-plan{color:#7c3aed;background-color:#f5f3ff;border-color:#c4b5fd}.report-link-btn.annual-plan:hover{background-color:#ede9fe;border-color:#a78bfa}.report-dropdown-container{position:relative}.report-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.25rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #00000026;z-index:100;min-width:180px;overflow:hidden}.report-dropdown-item{display:block;width:100%;padding:.75rem 1rem;font-size:.8125rem;font-weight:500;color:#374151;background-color:transparent;border:none;text-align:left;cursor:pointer;transition:all .15s}.report-dropdown-item:hover{background-color:#f3f4f6;color:#059669}.report-dropdown-item:not(:last-child){border-bottom:1px solid #f3f4f6}.create-report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.create-report-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 40px #0003;width:100%;max-width:1200px;max-height:90vh;overflow-y:auto}.create-report-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border-radius:.75rem .75rem 0 0}.create-report-header h3{margin:0;font-size:1.125rem;font-weight:600}.create-report-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .15s}.create-report-close:hover{opacity:1}.create-report-form{padding:1.5rem}.form-message{padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem}.form-message.error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.form-message.success{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.required{color:#dc2626;font-weight:600}.input-error{border-color:#dc2626!important;background-color:#fef2f2!important}.error-text{display:block;color:#dc2626;font-size:.75rem;margin-top:.25rem}.form-row{display:flex;gap:1rem}.form-row .create-report-form-group{flex:1}.create-report-form-group{margin-bottom:1.25rem}.create-report-form-group label{display:block;font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:.5rem}.create-report-form-group input[type=date],.create-report-form-group input[type=number],.create-report-form-group select,.create-report-form-group textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;transition:border-color .15s,box-shadow .15s}.create-report-form-group input:focus,.create-report-form-group select:focus,.create-report-form-group textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.create-report-members-list{max-height:300px;overflow-x:auto;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.375rem}.create-report-members-table{width:100%;min-width:800px;border-collapse:collapse;border:1px solid #d1d5db}.create-report-members-table th,.create-report-members-table td{padding:.5rem .75rem;border:none;border-bottom:1px solid #d1d5db;text-align:left;vertical-align:middle}.create-report-members-table thead tr{border-bottom:2px solid #9ca3af}.create-report-members-table th{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;background-color:#f3f4f6;position:sticky;top:0}.create-report-members-table td{font-size:.8125rem;color:#374151}.create-report-members-table th:nth-child(1),.create-report-members-table td:nth-child(1){width:40px;text-align:center}.create-report-members-table th:nth-child(2),.create-report-members-table td:nth-child(2){width:120px}.create-report-members-table th:nth-child(3),.create-report-members-table td:nth-child(3),.create-report-members-table th:nth-child(4),.create-report-members-table td:nth-child(4){width:100px}.create-report-members-table th:nth-child(5),.create-report-members-table td:nth-child(5),.create-report-members-table th:nth-child(6),.create-report-members-table td:nth-child(6){width:150px}.create-report-members-table tbody tr:hover{background-color:#f9fafb}.checkbox-cell{white-space:nowrap}.checkbox-options-row{display:block}.checkbox-option{display:inline-block;margin-right:10px;font-size:.75rem;color:#374151;cursor:pointer}.checkbox-option input[type=radio]{margin-right:3px;cursor:pointer}.checkbox-cell.has-error{background-color:#fef2f2}.field-error{display:block;font-size:.6875rem;color:#dc2626;margin-top:.25rem;font-weight:500}.report-text-input{width:100%;padding:.4rem .5rem;font-size:.8125rem;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;box-sizing:border-box}.report-text-input:focus{outline:none;border-color:#059669}.report-text-input::placeholder{color:#9ca3af}.report-members-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem 0}.report-members-info{font-size:.75rem;color:#6b7280}.report-members-per-page{padding:.375rem .75rem;font-size:.75rem;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;cursor:pointer}.report-members-per-page:focus{outline:none;border-color:#059669}.report-members-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.report-members-pagination-bottom{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:.5rem;padding-top:.5rem}.pagination-info-small{font-size:.6875rem;color:#9ca3af}.pagination-btn-small{padding:.25rem .625rem;font-size:.6875rem;font-weight:500;color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:.25rem;cursor:pointer;transition:all .15s}.pagination-btn-small:hover:not(:disabled){background-color:#d1fae5}.pagination-btn-small:disabled{opacity:.5;cursor:not-allowed}.pagination-per-page-small{padding:.125rem .375rem;font-size:.625rem;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;cursor:pointer}.date-input{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;transition:border-color .15s,box-shadow .15s}.date-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.contributions-row{display:flex;gap:1rem}.contribution-field{flex:1;display:flex;flex-direction:column;gap:.25rem}.contribution-label{font-size:.75rem;color:#6b7280;font-weight:500}.contribution-input{padding:.625rem .875rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;transition:border-color .15s,box-shadow .15s}.contribution-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.attended-church-input{width:150px;padding:.625rem .875rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff}.attended-church-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.view-reports-content{padding:1.5rem}.no-reports-message{text-align:center;padding:3rem 1rem}.no-reports-message p{font-size:1rem;color:#6b7280;margin-bottom:1.5rem}.create-first-report-btn{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:.375rem;cursor:pointer;transition:all .15s}.create-first-report-btn:hover{box-shadow:0 4px 8px #0596694d}.view-reports-table{width:100%;border-collapse:collapse;font-size:.8125rem}.view-reports-table thead tr{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.view-reports-table th{padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;text-align:left}.view-reports-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.view-reports-table tbody tr:hover{background-color:#f9fafb}.view-reports-table td{padding:.75rem 1rem;color:#374151}.view-reports-modal{max-width:1000px}.view-reports-filters{display:flex;gap:1.5rem;align-items:flex-end;margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.view-reports-filters .filter-group{display:flex;flex-direction:column;gap:.25rem}.view-reports-filters .filter-group label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}.view-reports-filters .filter-group input[type=date]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.report-summary-box{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:.5rem;border:1px solid #a7f3d0}.report-summary-box .summary-item{text-align:center;padding:.75rem;background-color:#fff;border-radius:.375rem;box-shadow:0 1px 3px #0000001a}.report-summary-box .summary-item strong{display:block;font-size:.7rem;color:#6b7280;text-transform:uppercase;margin-bottom:.25rem}.report-summary-box .summary-item .summary-value{display:block;font-size:1.25rem;font-weight:700;color:#059669}.view-reports-table .totals-row{background-color:#f3f4f6;border-top:2px solid #9ca3af;font-weight:600}.filter-row{display:flex;gap:1rem;align-items:flex-end}.filter-field{display:flex;flex-direction:column;gap:.25rem}.filter-field label{font-size:.75rem;font-weight:600;color:#6b7280}.filter-field input{padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem}.filter-field input:focus{outline:none;border-color:#059669}.view-detail-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:.25rem;cursor:pointer;transition:all .15s}.view-detail-btn:hover{background-color:#d1fae5}.detailed-report-view{padding-top:.5rem}.back-to-list-btn{background:none;border:none;font-size:.875rem;color:#059669;cursor:pointer;padding:0;margin-bottom:1rem;font-weight:500}.back-to-list-btn:hover{text-decoration:underline}.report-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.report-detail-header h4{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.meeting-type-badge{padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:#059669;background-color:#ecfdf5;border-radius:1rem}.report-summary-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.report-summary-table thead tr{background-color:#f9fafb}.report-summary-table th{padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:#6b7280;text-align:center;border-bottom:2px solid #e5e7eb}.report-summary-table tbody tr{background-color:#fff}.report-summary-table td{padding:1rem;font-size:1.125rem;font-weight:600;color:#111827;text-align:center}.report-summary-table td.attended{color:#059669;background-color:#ecfdf5}.report-summary-table td.absent{color:#dc2626;background-color:#fef2f2}.report-notes-section{margin-bottom:1.5rem;padding:1rem;background-color:#fffbeb;border-radius:.5rem;border:1px solid #fde68a}.report-notes-section h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#92400e}.report-notes-section p{margin:0;font-size:.875rem;color:#78350f}.members-attendance-section{margin-top:1.5rem}.members-attendance-section h5{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:#111827}.members-attendance-table{width:100%;border-collapse:collapse;font-size:.8125rem;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.members-attendance-table thead tr{background-color:#f3f4f6}.members-attendance-table th{padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;text-align:left;border-bottom:2px solid #e5e7eb}.members-attendance-table tbody tr{border-bottom:1px solid #f3f4f6}.members-attendance-table tbody tr:last-child{border-bottom:none}.members-attendance-table td{padding:.75rem 1rem;color:#374151}.members-attendance-table td.attended-yes{color:#059669;font-weight:500}.members-attendance-table td.attended-no{color:#dc2626;font-weight:500}.create-report-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb;margin-top:.5rem}.create-report-cancel{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:#6b7280;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .15s}.create-report-cancel:hover{background-color:#e5e7eb}.create-report-submit{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:.375rem;cursor:pointer;transition:all .15s}.create-report-submit:hover{box-shadow:0 4px 8px #0596694d}.cell-details-container{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.cell-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:-1.5rem -1.5rem 1.5rem;padding:1.25rem 1.5rem;border-radius:.75rem .75rem 0 0}.cell-details-title{display:flex;align-items:center;gap:.75rem}.cell-details-title:before{content:"";display:inline-block;width:4px;height:1.75rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:2px}.cell-details-header h3{margin:0;font-size:.875rem;font-weight:600;color:#111827}.cell-details-badge{padding:.375rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.6875rem;font-weight:700;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #10b9814d}.cell-details-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;background-color:#fff;border-radius:.5rem;overflow:hidden;border:1px solid #e5e7eb}.cell-details-table thead tr{background-color:#f8fafc;border-bottom:2px solid #e5e7eb}.cell-details-table th{padding:.75rem 1rem;font-size:.6875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left}.cell-details-table tbody tr{border-bottom:none}.cell-details-table td{padding:.875rem 1rem;font-size:.9375rem;font-weight:600;color:#1e293b}.cell-details-members{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f3f4f6}.cell-members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.cell-members-header h4{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.cell-members-controls{display:flex;gap:.75rem;align-items:center}.cell-members-search{padding:.5rem 1rem;font-size:.875rem;border:1px solid #e5e7eb;border-radius:.5rem;width:180px;background-color:#f9fafb;transition:all .2s}.cell-members-search:focus{outline:none;border-color:#10b981;background-color:#fff;box-shadow:0 0 0 3px #10b9811a}.cell-members-search::placeholder{color:#9ca3af}.cell-members-per-page{padding:.5rem .75rem;font-size:.875rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb;cursor:pointer;transition:all .2s}.cell-members-per-page:focus{outline:none;border-color:#10b981}.cell-members-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.pagination-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#10b981;border-color:#10b981;color:#fff}.pagination-btn:disabled{color:#d1d5db;background-color:#f9fafb;cursor:not-allowed}.pagination-info{font-size:.75rem;font-weight:500;color:#6b7280}.cell-details-empty{color:#9ca3af;font-size:.875rem;font-style:italic;margin:0;padding:1rem;text-align:center;background-color:#f9fafb;border-radius:.5rem}.cell-members-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:.5rem;overflow:hidden;border:1px solid #e5e7eb}.cell-members-table thead tr{background-color:#f8fafc;border-bottom:2px solid #e5e7eb}.cell-members-table th{padding:.75rem 1rem;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left}.cell-members-table th:first-child{width:50px;text-align:center}.cell-members-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.cell-members-table tbody tr:hover{background-color:#f0fdf4}.cell-members-table tbody tr:last-child{border-bottom:none}.cell-members-table td{padding:.75rem 1rem;font-size:.875rem;color:#1f2937}.cell-members-table td:first-child{font-weight:700;color:#10b981;text-align:center;background-color:#ecfdf5}.cell-members-table td:nth-child(2){font-weight:600}.cell-members-table td:nth-child(3){color:#6b7280}.item-name{font-weight:600;font-size:1rem;margin-bottom:.375rem}.item-count{font-size:.75rem;opacity:.8;background-color:#0000000d;padding:.25rem .5rem;border-radius:9999px}.step-item.active .item-count{background-color:#fff3}.item-leader{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.step-empty{color:#9ca3af;font-size:.9375rem;font-style:italic;padding:1rem;text-align:center;background-color:#f9fafb;border-radius:.375rem}.sections-view,.cells-view{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.sections-grid,.cells-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.section-view-card,.cell-view-card{padding:1rem;background-color:#f9fafb;border-radius:.375rem;border-left:3px solid #3b82f6}.cell-view-card{border-left-color:#10b981}.section-view-card h4,.cell-view-card h4{margin:0 0 .5rem;font-size:1rem;color:#1f2937}.section-view-card p,.cell-view-card p{margin:.25rem 0;font-size:.875rem;color:#6b7280}.sections-loading,.cells-loading{padding:2rem;text-align:center;color:#6b7280}.annual-plan-modal{max-width:900px}.annual-plan-content{padding:1.5rem}.no-plan-message{text-align:center;padding:3rem 1rem}.no-plan-message p{font-size:1rem;color:#6b7280;margin-bottom:1.5rem}.create-plan-btn{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:.375rem;cursor:pointer;transition:all .15s}.create-plan-btn:hover{box-shadow:0 4px 8px #0596694d;transform:translateY(-1px)}.plan-details{display:flex;flex-direction:column;gap:1.5rem}.plan-header-info{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:.5rem;border:1px solid #a7f3d0}.plan-header-info h4{margin:0;font-size:1rem;color:#059669}.activities-count{font-size:.875rem;color:#6b7280;font-weight:500}.annual-plan-table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb}.annual-plan-table th,.annual-plan-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.annual-plan-table th{background-color:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}.annual-plan-table tbody tr:hover{background-color:#f9fafb}.activity-progress{display:flex;align-items:center;gap:.5rem}.progress-bar-small{width:80px;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.status-badge{display:inline-block;padding:.25rem .5rem;font-size:.7rem;font-weight:600;border-radius:.25rem;text-transform:uppercase}.status-badge.not-started{background-color:#f3f4f6;color:#6b7280}.status-badge.ongoing{background-color:#dbeafe;color:#1d4ed8}.status-badge.completed{background-color:#d1fae5;color:#047857}.edit-activity-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:.25rem;cursor:pointer;transition:all .15s}.edit-activity-btn:hover{background-color:#d1fae5}.edit-activity-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100}.edit-activity-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 40px #0003;width:90%;max-width:500px;overflow:hidden}.edit-activity-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.edit-activity-header h4{margin:0;font-size:1rem;color:#111827}.edit-activity-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.edit-activity-form .form-group{display:flex;flex-direction:column;gap:.375rem}.edit-activity-form .form-group label{font-size:.8125rem;font-weight:600;color:#374151}.edit-activity-form .form-group input[type=text],.edit-activity-form .form-group select,.edit-activity-form .form-group textarea{padding:.625rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;transition:border-color .15s}.edit-activity-form .form-group input[type=text]:focus,.edit-activity-form .form-group select:focus,.edit-activity-form .form-group textarea:focus{outline:none;border-color:#059669}.edit-activity-form .form-group input[type=range]{width:100%;accent-color:#059669}.edit-activity-form .progress-value{font-size:.875rem;font-weight:600;color:#059669;text-align:center}.edit-activity-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.edit-activity-actions .cancel-btn{padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .15s}.edit-activity-actions .cancel-btn:hover{background-color:#e5e7eb}.edit-activity-actions .save-btn{padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:.375rem;cursor:pointer;transition:all .15s}.edit-activity-actions .save-btn:hover{box-shadow:0 4px 8px #0596694d}.add-activity-section{margin-bottom:1rem}.add-activity-btn{padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:.375rem;cursor:pointer;transition:all .15s}.add-activity-btn:hover{background-color:#d1fae5}.no-activities-message{text-align:center;padding:2rem 1rem;background-color:#f9fafb;border-radius:.5rem;border:1px dashed #d1d5db}.no-activities-message p{color:#6b7280;margin:0}.delete-activity-btn{padding:.25rem .5rem;font-size:.75rem;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.25rem;cursor:pointer;margin-left:.5rem;transition:all .15s}.delete-activity-btn:hover{background-color:#fecaca}@media (max-width: 768px){.cell-ministry-container{padding:.5rem}.cell-ministry-title{font-size:1.25rem;margin-bottom:.75rem}.cell-ministry-card{padding:.75rem;margin-bottom:.75rem}.cell-ministry-header{flex-direction:column;gap:.75rem}.register-cell-btn{width:100%;padding:.75rem;font-size:.875rem}.zone-tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.zone-tabs{flex-wrap:nowrap;min-width:max-content}.zone-tab{padding:.5rem .75rem;font-size:.75rem;white-space:nowrap}.zone-details-panel{padding:.75rem}.zone-details-header h3{font-size:1rem}.zone-action-buttons{flex-direction:column;gap:.5rem}.zone-action-buttons button{width:100%;font-size:.75rem;padding:.5rem}.section-card,.cell-card{padding:.75rem}.section-header,.cell-header{flex-direction:column;align-items:flex-start;gap:.5rem}.section-header h4,.cell-header h4{font-size:.875rem}.cell-details-panel{padding:.75rem}.cell-details-header h3{font-size:1rem}.cell-action-buttons{flex-direction:column;gap:.5rem}.cell-action-buttons button{width:100%;font-size:.75rem;padding:.5rem}.cell-members-table,.create-report-members-table,.view-reports-table,.annual-plan-table{font-size:.75rem}.cell-members-table th,.cell-members-table td,.create-report-members-table th,.create-report-members-table td,.view-reports-table th,.view-reports-table td,.annual-plan-table th,.annual-plan-table td{padding:.5rem .375rem}.create-report-modal,.view-reports-modal,.annual-plan-modal,.edit-activity-modal{width:95%;max-width:95%;max-height:90vh;margin:1rem}.create-report-header,.edit-activity-header{padding:.75rem}.create-report-header h3{font-size:1rem}.create-report-form,.annual-plan-content,.edit-activity-form{padding:.75rem}.form-row{flex-direction:column;gap:.75rem}.form-group{width:100%}.form-group input,.form-group select,.form-group textarea{font-size:16px}.view-reports-filters{flex-direction:column;gap:.75rem}.filter-row{flex-direction:column;gap:.5rem}.filter-field{width:100%}.report-summary-box{flex-direction:column;gap:.5rem}.summary-item{width:100%;text-align:left;padding:.5rem}.plan-header-info{flex-direction:column;gap:.5rem;align-items:flex-start}.plan-progress-overview,.progress-bar-container{width:100%}.activity-progress{flex-direction:column;align-items:flex-start;gap:.25rem}.progress-bar-small{width:100%}.edit-activity-actions{flex-direction:column;gap:.5rem}.edit-activity-actions button{width:100%}.pagination-container{flex-direction:column;gap:.75rem;align-items:stretch}.pagination-info{text-align:center}.pagination-controls{justify-content:center}.sections-grid,.cells-grid{grid-template-columns:1fr}.section-view-card,.cell-view-card{padding:.75rem}}@media (max-width: 480px){.cell-ministry-title{font-size:1.125rem}.zone-tab{padding:.375rem .5rem;font-size:.6875rem}.status-badge{font-size:.625rem;padding:.125rem .375rem}.edit-activity-btn,.delete-activity-btn{padding:.25rem .375rem;font-size:.6875rem}.add-activity-btn,.create-plan-btn{width:100%;padding:.625rem}}.cell-pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-top:1rem;border-top:1px solid #e5e7eb}.cell-pagination-info{font-size:.85rem;color:#6b7280}.cell-pagination-actions{display:flex;align-items:center;gap:.75rem}.cell-pagination-select{padding:.5rem .75rem;font-size:.85rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer}.cell-pagination-select:focus{outline:none;border-color:#5b21b6}.cell-pagination-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:500;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s}.cell-pagination-btn:hover:not(:disabled){background:#f5f3ff;border-color:#5b21b6;color:#5b21b6}.cell-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cell-pagination-page{font-size:.85rem;color:#374151;padding:0 .5rem}@media (max-width: 640px){.cell-pagination-controls{flex-direction:column;gap:1rem}.cell-pagination-actions{flex-wrap:wrap;justify-content:center}}.church-reports-container{padding:1.5rem;max-width:1400px;margin:0 auto}.church-reports-container.mobile{padding:1rem}.reports-header{margin-bottom:1.5rem}.reports-header h1{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem}.reports-header p{font-size:.875rem;color:#6b7280;margin:0}.reports-filters{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.75rem;font-weight:600;color:#374151}.filter-group input{padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff}.filter-group input:focus{outline:none;border-color:#059669}.filter-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#fff;background-color:#059669;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .15s}.filter-btn:hover{background-color:#047857}.report-breadcrumb{display:flex;align-items:center;gap:.25rem;margin-bottom:1.5rem;padding:.75rem 1rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.breadcrumb-item{background:none;border:none;font-size:.875rem;color:#059669;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .15s}.breadcrumb-item:hover{background-color:#ecfdf5}.breadcrumb-item.active{color:#111827;font-weight:600;cursor:default}.breadcrumb-item.active:hover{background-color:transparent}.breadcrumb-separator{color:#9ca3af;font-size:.875rem}.report-summary-card{padding:1rem;border-radius:.5rem;margin-bottom:1rem;color:#374151;background-color:#fff;border:1px solid #e5e7eb}.report-summary-card.purple,.report-summary-card.blue,.report-summary-card.green,.report-summary-card.teal{background:#fff}.report-summary-card h3{margin:0 0 .75rem;font-size:1rem;font-weight:600}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:#ffffff26;border-radius:.5rem}.stat-value{font-size:1.25rem;font-weight:700}.stat-label{font-size:.75rem;opacity:.9}.summary-table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb}.summary-table th,.summary-table td{padding:.5rem .75rem;text-align:center;border:1px solid #e5e7eb;font-size:.875rem}.summary-table th{background-color:#f9fafb;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}.summary-table td{font-size:1rem;font-weight:700;color:#111827}.summary-table .clickable-cell{cursor:pointer;transition:background-color .2s}.summary-table .clickable-cell:hover{background-color:#0596691a}.view-details-link{display:block;font-size:.65rem;color:#059669;font-weight:600;margin-top:.25rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 40px #0003;width:90%;max-width:900px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.25rem;color:#111827}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem .5rem}.modal-close:hover{color:#111827}.modal-body{padding:1.5rem;overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.pdf-download-btn{background-color:#059669;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.pdf-download-btn:hover{background-color:#047857}.report-detail-info{margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.report-detail-info p{margin:.5rem 0;font-size:.875rem;color:#374151}.report-detail-members{margin-top:1rem}.report-detail-members h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#111827}.consolidated-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.consolidated-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.report-section{margin-bottom:1.25rem}.report-section h3{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.zone-cards,.section-cards,.cell-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.zone-report-card,.section-report-card,.cell-report-card{padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .15s}.zone-report-card:hover,.section-report-card:hover,.cell-report-card:hover{border-color:#059669;box-shadow:0 4px 6px #0000000d}.zone-report-card{border-left:4px solid #3b82f6}.section-report-card{border-left:4px solid #10b981}.cell-report-card{border-left:4px solid #14b8a6}.zone-report-card h4,.section-report-card h4,.cell-report-card h4{margin:0 0 .75rem;font-size:.9375rem;font-weight:600;color:#111827}.mini-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.mini-stats span{font-size:.75rem;color:#6b7280;padding:.25rem .5rem;background-color:#f3f4f6;border-radius:.25rem}.drill-down-btn{background:none;border:none;font-size:.75rem;font-weight:600;color:#059669;cursor:pointer;padding:0}.drill-down-btn:hover{text-decoration:underline}.reports-table{width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #d1d5db}.reports-table thead tr{background-color:#f3f4f6;border-bottom:2px solid #9ca3af}.reports-table th{padding:.5rem .75rem;font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;text-align:left}.reports-table tbody tr{transition:background-color .15s;border-bottom:1px solid #d1d5db}.reports-table tbody tr:hover{background-color:#f9fafb}.reports-table td{padding:.5rem .75rem;font-size:.8125rem;border-bottom:1px solid #e5e7eb}.reports-table td.no-data{text-align:center;color:#9ca3af;padding:2rem}.reports-table .totals-row{background-color:#f3f4f6;border-top:2px solid #9ca3af}.view-btn{padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:.25rem;cursor:pointer;transition:all .15s}.view-btn:hover{background-color:#d1fae5}.reports-loading{display:flex;justify-content:center;align-items:center;padding:4rem;font-size:1rem;color:#6b7280}@media (max-width: 768px){.reports-container{padding:.5rem}.reports-header{flex-direction:column;gap:.75rem;align-items:stretch}.reports-header h2{font-size:1.25rem}.reports-filters{flex-direction:column;align-items:stretch;gap:.75rem}.filter-group{width:100%}.filter-group input{width:100%;font-size:16px}.summary-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.75rem}.stat-card h3{font-size:1.25rem}.stat-card p{font-size:.75rem}.zone-cards,.section-cards,.cell-cards{grid-template-columns:1fr}.reports-table{display:block;overflow-x:auto;font-size:.75rem}.reports-table th,.reports-table td{padding:.5rem .375rem;white-space:nowrap}.view-btn{padding:.25rem .5rem;font-size:.6875rem}.report-detail-modal{width:95%;max-width:95%;max-height:90vh;margin:1rem}.modal-header{padding:.75rem}.modal-header h3{font-size:1rem}.modal-body{padding:.75rem}.modal-actions{flex-direction:column;gap:.5rem}.modal-actions button{width:100%}.consolidated-header{flex-direction:column;gap:.75rem;align-items:stretch}.consolidated-header h2{font-size:1.25rem}.pdf-download-btn{width:100%}.summary-table-container{overflow-x:auto}.summary-table{font-size:.75rem}.summary-table th,.summary-table td{padding:.5rem .375rem}}@media (max-width: 480px){.summary-stats{grid-template-columns:1fr}.stat-card h3{font-size:1.125rem}.reports-table th,.reports-table td{padding:.375rem .25rem;font-size:.6875rem}}.report-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;border-bottom:2px solid #e5e7eb;padding-bottom:0}.report-tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background-color:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;margin-bottom:-2px}.report-tab:hover{color:#059669;background-color:#f0fdf4}.report-tab.active{color:#059669;border-bottom-color:#059669;font-weight:600}.tab-content{padding:1rem 0}@media (max-width: 768px){.report-tabs{flex-direction:column;gap:0;border-bottom:none}.report-tab{width:100%;text-align:left;padding:.625rem .75rem;font-size:.8125rem;border-bottom:1px solid #e5e7eb;margin-bottom:0}.report-tab.active{background-color:#ecfdf5;border-left:3px solid #059669;border-bottom:1px solid #e5e7eb}}.table-with-download{position:relative}.table-header-actions{display:flex;justify-content:flex-end;margin-bottom:.5rem}.pdf-download-btn.small{padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:.25rem;cursor:pointer;transition:all .15s}.pdf-download-btn.small:hover{background-color:#d1fae5}@media (max-width: 768px){.table-header-actions{justify-content:center}.pdf-download-btn.small{width:100%;text-align:center}}.page-container{max-width:100%;overflow-x:hidden;padding:1rem}.page-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:1rem 1.25rem;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.page-header-left{display:flex;flex-direction:column;gap:.25rem}.page-title-compact{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.page-subtitle-compact{font-size:.8rem;color:#6b7280;margin:0}.page-action-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:600;background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.page-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5b21b64d}.page-content-card{background:#fff;border-radius:10px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.empty-message{text-align:center;color:#6b7280;padding:2rem;margin:0}@media (max-width: 640px){.page-header-compact{flex-direction:column;align-items:flex-start;gap:.75rem}.page-action-btn{width:100%;text-align:center}}.admin-container{max-width:100%;overflow-x:hidden;padding:1rem}.module-tabs-section{margin-bottom:1.5rem;background:#fff;border-radius:12px;padding:.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.module-tabs{display:flex;gap:.25rem;overflow-x:auto;flex-wrap:nowrap}.module-tabs::-webkit-scrollbar{height:4px}.module-tabs::-webkit-scrollbar-track{background:transparent}.module-tabs::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:2px}.module-tab{padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;background:transparent;color:#6b7280;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.module-tab:hover{color:#5b21b6;background:#f5f3ff}.module-tab.active{background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;box-shadow:0 2px 8px #5b21b64d}.module-content-placeholder{background:#fff;border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 15px #00000014;border:1px solid #e5e7eb}.module-content-placeholder h2{margin:0 0 .75rem;font-size:1.5rem;color:#1f2937}.module-content-placeholder p{margin:0;color:#6b7280;font-size:1rem}.quick-actions-section{margin-bottom:2rem}.quick-actions-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.quick-actions-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#5b21b6,#7c3aed);border-radius:2px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.action-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #00000014;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.action-card-structure:before{background:linear-gradient(90deg,#5b21b6,#7c3aed)}.action-card-notes:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.action-card-comm:before{background:linear-gradient(90deg,#10b981,#34d399)}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f}.action-card-icon{font-size:2.5rem;margin-bottom:.75rem}.action-card h3{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:#1f2937}.action-card-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.action-card-btn{flex:1;min-width:100px;padding:.625rem 1rem;font-size:.85rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;background:#f3f4f6;color:#374151}.action-card-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.action-card-structure .action-card-btn:hover{background:#ede9fe;color:#5b21b6}.action-card-notes .action-card-btn:hover{background:#fef3c7;color:#d97706}.action-card-comm .action-card-btn:hover{background:#d1fae5;color:#059669}.zones-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #00000014;border:1px solid #e5e7eb}.zones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.zones-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem}.zones-title:before{content:"📍"}.zones-count{background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600}.admin-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:1.5rem}.admin-title.mobile{font-size:1.5rem;margin-bottom:1rem}.admin-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.admin-card.mobile{padding:1rem;margin-bottom:1rem}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.admin-text{color:#4a5568;font-size:1rem;margin:0}.admin-actions{display:flex;gap:.75rem}.admin-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.admin-btn-primary{background-color:#5b21b6;color:#fff}.admin-btn-primary:hover{background-color:#4c1d95}.admin-btn-secondary{background-color:#10b981;color:#fff}.admin-btn-secondary:hover{background-color:#059669}@media (max-width: 768px){.quick-actions-grid{grid-template-columns:1fr}.action-card-buttons{flex-direction:column}.action-card-btn{width:100%}.zones-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.admin-loading,.admin-error{padding:2rem;text-align:center;color:#718096;font-size:.875rem}.admin-error{color:#e53e3e;background-color:#fee2e2;border-radius:.375rem}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.admin-grid.two-columns{grid-template-columns:repeat(2,1fr)}.admin-grid.three-columns{grid-template-columns:1fr 1.5fr 1fr}.admin-grid.mobile{grid-template-columns:1fr;gap:1rem}.zone-district{display:block;font-size:.75rem;color:#6b7280;margin-top:.125rem}.admin-column{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.column-title{font-size:1rem;font-weight:600;color:#1a202c;padding:1rem;margin:0;background-color:#f7fafc;border-bottom:1px solid #e2e8f0}.column-list{max-height:400px;overflow-y:auto}.column-empty{padding:2rem 1rem;text-align:center;color:#a0aec0;font-size:.875rem}.list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background-color .15s;font-size:.875rem;color:#2d3748}.list-item:hover{background-color:#f7fafc}.list-item.selected{background-color:#f5f3ff;border-left:3px solid #5b21b6}.list-item span{flex:1}.delete-btn{background:none;border:none;color:#e53e3e;font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1;opacity:.6;transition:opacity .15s}.delete-btn:hover{opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:450px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#1a202c}.modal-error{margin:1rem 1.5rem 0;padding:.75rem 1rem;background-color:#fee2e2;color:#991b1b;border-radius:.375rem;font-size:.875rem}.modal-form{padding:1.5rem}.modal-form-group{margin-bottom:1.25rem}.modal-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.modal-input,.modal-select{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151}.modal-input:focus,.modal-select:focus{outline:none;border-color:#5b21b6;box-shadow:0 0 0 2px #3182ce1a}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb;margin-top:.5rem}.modal-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:.375rem;cursor:pointer;transition:background-color .2s;border:none}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn-primary{background-color:#5b21b6;color:#fff}.modal-btn-primary:hover:not(:disabled){background-color:#4c1d95}.modal-btn-secondary{background-color:#e5e7eb;color:#374151}.modal-btn-secondary:hover:not(:disabled){background-color:#d1d5db}.modal-large{max-width:800px;width:90%}.modal-textarea{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;resize:vertical;min-height:100px;font-family:inherit}.modal-textarea:focus{outline:none;border-color:#5b21b6;box-shadow:0 0 0 2px #3182ce1a}.modal-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.modal-checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.zone-item{flex-direction:column;align-items:flex-start;padding:.75rem 1rem}.zone-item.inactive{opacity:.6;background-color:#f9fafb}.zone-info{flex:1;cursor:pointer;display:flex;flex-direction:column;gap:.125rem}.zone-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.zone-leader{color:#059669;font-size:.75rem}.zone-actions{display:flex;gap:.25rem;margin-top:.5rem}.edit-btn,.toggle-btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .15s}.edit-btn{color:#5b21b6}.edit-btn:hover{background-color:#f5f3ff}.toggle-btn{color:#6b7280}.toggle-btn:hover{background-color:#f3f4f6}.status-badge{font-size:.625rem;padding:.125rem .375rem;border-radius:.25rem;font-weight:600;text-transform:uppercase}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.zone-list-item{display:flex;align-items:center;gap:.5rem;cursor:pointer}.zone-number{color:#6b7280;font-weight:500;min-width:1.5rem}.zone-name-text{display:flex;align-items:center;gap:.5rem;flex:1}.zone-details{padding:1rem}.zone-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.zone-detail-name{font-size:1.125rem;font-weight:600;color:#1a202c;margin:0}.zone-status{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:600}.zone-status.active{background-color:#d1fae5;color:#065f46}.zone-status.inactive{background-color:#fee2e2;color:#991b1b}.zone-detail-row{display:flex;margin-bottom:.75rem;font-size:.875rem}.zone-detail-row.coverage{flex-direction:column}.detail-label{font-weight:600;color:#374151;min-width:80px}.detail-value{color:#4b5563}.coverage-text{margin:.5rem 0 0;padding:.75rem;background-color:#f9fafb;border-radius:.375rem;white-space:pre-wrap;line-height:1.5}.zone-detail-actions{display:flex;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.detail-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.detail-btn-edit{background-color:#5b21b6;color:#fff}.detail-btn-edit:hover{background-color:#4c1d95}.detail-btn-toggle{background-color:#f59e0b;color:#fff}.detail-btn-toggle:hover{background-color:#d97706}.detail-btn-delete{background-color:#ef4444;color:#fff}.detail-btn-delete:hover{background-color:#dc2626}.hierarchy-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.hierarchy-title{font-size:1.125rem;font-weight:600;color:#1a202c;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.hierarchy-list{display:flex;flex-direction:column;gap:.5rem}.hierarchy-zone{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.hierarchy-zone.inactive{opacity:.7}.hierarchy-zone-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#f8fafc;cursor:pointer;transition:background-color .15s}.hierarchy-zone-header:hover{background-color:#f1f5f9}.hierarchy-zone-header.expanded{background-color:#e0f2fe;border-bottom:1px solid #e5e7eb}.expand-icon{color:#6b7280;font-size:.75rem;width:1rem}.hierarchy-number{color:#6b7280;font-weight:500;min-width:1.5rem}.hierarchy-name{flex:1;font-weight:500;color:#1a202c;display:flex;align-items:center;gap:.5rem}.hierarchy-meta{color:#6b7280;font-size:.875rem}.hierarchy-actions{display:flex;gap:.5rem}.action-btn{padding:.25rem .75rem;font-size:.75rem;font-weight:500;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .15s}.action-btn.edit{background-color:#5b21b6;color:#fff}.action-btn.edit:hover{background-color:#4c1d95}.action-btn.toggle{background-color:#f59e0b;color:#fff}.action-btn.toggle:hover{background-color:#d97706}.action-btn.delete{background-color:#ef4444;color:#fff}.action-btn.delete:hover{background-color:#dc2626}.hierarchy-children{padding:1rem;background-color:#fff}.hierarchy-section-header,.hierarchy-cell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-title,.cell-title{font-size:.875rem;font-weight:600;color:#374151}.add-child-btn{padding:.25rem .75rem;font-size:.75rem;font-weight:500;background-color:#10b981;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .15s}.add-child-btn:hover{background-color:#059669}.hierarchy-empty{padding:1rem;text-align:center;color:#9ca3af;font-size:.875rem;background-color:#f9fafb;border-radius:.375rem}.hierarchy-section{margin-bottom:.5rem;border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden}.hierarchy-section-row{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background-color:#fafafa;cursor:pointer;transition:background-color .15s}.hierarchy-section-row:hover{background-color:#f3f4f6}.hierarchy-section-row.expanded{background-color:#fef3c7;border-bottom:1px solid #e5e7eb}.hierarchy-cells{padding:.75rem;background-color:#fff}.hierarchy-cell-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#f9fafb;border-radius:.25rem;margin-bottom:.375rem}.hierarchy-cell-row:last-child{margin-bottom:0}.modal-readonly-value{padding:.625rem .75rem;font-size:.875rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#374151;font-weight:500}.search-input{margin-bottom:.5rem;font-size:.85rem;padding:.5rem .75rem}.search-input::placeholder{color:#9ca3af;font-size:.8rem}.checkbox-dropdown{border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;max-height:180px;overflow-y:auto;padding:.5rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:.25rem;font-size:.875rem;color:#374151}.checkbox-item:hover{background-color:#f3f4f6}.checkbox-item input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.checkbox-item span{flex:1}.hint{font-weight:400;color:#6b7280;font-size:.75rem}.select-with-tooltip{position:relative}.member-tooltip-card{margin-top:.5rem;padding:.5rem .75rem;background-color:#f0fdf4;border:1px solid #86efac;border-radius:.375rem;display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem}.member-tooltip-card strong{color:#166534;font-size:.875rem}.member-tooltip-card span{color:#374151}.checkbox-item[title],.radio-item[title]{position:relative}.checkbox-item[title]:hover:after,.radio-item[title]:hover:after{content:attr(title);position:absolute;left:100%;top:0;margin-left:.5rem;padding:.5rem .75rem;background-color:#1f2937;color:#fff;font-size:.75rem;border-radius:.375rem;white-space:pre-line;z-index:100;min-width:180px;box-shadow:0 4px 6px -1px #0000001a}.radio-dropdown{border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;max-height:150px;overflow-y:auto;padding:.5rem}.radio-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:.25rem;font-size:.875rem;color:#374151}.radio-item:hover{background-color:#f3f4f6}.radio-item input[type=radio]{width:1rem;height:1rem;cursor:pointer}.radio-item span{flex:1}.tabs-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.no-zones-message{color:#6b7280;font-size:.875rem;padding:.5rem}.zone-content{padding:1.5rem}.zone-info-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.zone-info-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.zone-content-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0}.zone-district-label{color:#6b7280;font-size:.875rem}.sections-container{background-color:#f9fafb;border-radius:.5rem;padding:1rem}.sections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sections-title{font-size:1rem;font-weight:600;color:#374151;margin:0}.sections-list{display:flex;flex-direction:column;gap:.5rem}.section-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;overflow:hidden}.section-row{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .15s}.section-row:hover{background-color:#f3f4f6}.section-row.expanded{background-color:#fef3c7;border-bottom:1px solid #e5e7eb}.section-number{color:#6b7280;font-weight:500;min-width:1.5rem}.section-name{flex:1;font-weight:500;color:#1a202c}.section-actions{display:flex;gap:.5rem}.cells-container{padding:1rem;background-color:#fffbeb}.cells-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.cells-title{font-size:.875rem;font-weight:600;color:#374151}.cells-list{display:flex;flex-direction:column;gap:.375rem}.cell-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#fff;border-radius:.25rem;border:1px solid #e5e7eb}.cell-row.inactive{opacity:.6;background-color:#f9fafb}.cells-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.cells-tab{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:transparent;color:#6b7280;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s}.cells-tab:hover{color:#374151}.cells-tab.active{color:#2563eb;border-bottom-color:#2563eb}.cell-name.clickable{cursor:pointer;color:#2563eb}.cell-name.clickable:hover{color:#1d4ed8}.cell-id-badge{background-color:#e0e7ff;color:#3730a3;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;font-family:monospace;white-space:nowrap}.cell-id-display{font-family:monospace;font-weight:600;color:#3730a3}.cells-filter-row{display:flex;gap:.75rem;margin-bottom:.75rem}.filter-input{flex:1;padding:.5rem .75rem;font-size:.8125rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff}.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.cells-table{width:100%;border-collapse:collapse;font-size:.875rem}.cells-table th,.cells-table td{padding:.625rem .75rem;text-align:left;border-bottom:1px solid #e5e7eb}.cells-table th{background-color:#f9fafb;font-weight:600;color:#374151;font-size:.8125rem;text-transform:uppercase;letter-spacing:.025em}.cells-table tbody tr:hover{background-color:#f9fafb}.cells-table .cell-id-col{font-family:monospace;font-weight:600;color:#3730a3;font-size:.8125rem}.cells-table .table-empty{text-align:center;color:#9ca3af;padding:1.5rem}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;margin-top:.5rem;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:.75rem}.pagination-info{font-size:.8125rem;color:#6b7280}.pagination-actions{display:flex;align-items:center;gap:.5rem}.pagination-select{padding:.375rem .5rem;font-size:.8125rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;cursor:pointer}.pagination-btn{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .15s}.pagination-btn:hover:not(:disabled){background-color:#f3f4f6}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page{font-size:.8125rem;color:#374151;padding:0 .5rem}.modal-btn-danger{background-color:#dc2626;color:#fff}.modal-btn-danger:hover:not(:disabled){background-color:#b91c1c}.modal-btn-success{background-color:#16a34a;color:#fff}.modal-btn-success:hover:not(:disabled){background-color:#15803d}.cell-details-actions-top{padding:.75rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:.5rem}.cell-details-content{padding:1rem 0}.detail-row{display:flex;padding:.625rem 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#374151;min-width:140px;flex-shrink:0}.detail-value{color:#1a202c;flex:1}.detail-value.status-active{color:#16a34a;font-weight:500}.detail-value.status-inactive{color:#dc2626;font-weight:500}.cell-number{color:#6b7280;font-weight:500;min-width:1.5rem}.cell-name{flex:1;font-weight:500;color:#1a202c}.cell-location{color:#6b7280;font-size:.75rem}.cell-actions{display:flex;gap:.5rem}.zones-tabs-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.list-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.zone-tabs-wrapper{display:flex;flex-wrap:nowrap;gap:.5rem;margin-bottom:1.25rem;padding:.5rem 0;overflow-x:auto}.zone-tabs-wrapper::-webkit-scrollbar{height:4px}.zone-tabs-wrapper::-webkit-scrollbar-track{background:transparent}.zone-tabs-wrapper::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:2px}.zone-tabs-wrapper::-webkit-scrollbar-thumb:hover{background:#a78bfa}.zone-tab-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:600;background:#f3f4f6;color:#1f2937;border:none;border-radius:20px;flex-shrink:0;white-space:nowrap;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;justify-content:center}.zone-tab-btn:hover{color:#5b21b6;background:#ede9fe}.zone-tab-btn.active{background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;font-weight:600;box-shadow:0 2px 8px #5b21b64d}.zone-tab-btn.inactive{opacity:.5}.tab-inactive-badge{font-size:.6rem;padding:.125rem .375rem;background-color:#fee2e2;color:#dc2626;border-radius:10px;font-weight:700;text-transform:uppercase}.zone-tab-btn.active .tab-inactive-badge{background-color:#ffffff40;color:#fff}.zone-content-panel{background-color:#f9fafb;border-radius:.5rem;padding:1rem}.zone-info-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:.75rem}.zone-info-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.zone-district-label{color:#374151;font-size:.875rem;font-weight:500}.zone-leader-label{color:#059669;font-size:.875rem;font-weight:500}.zone-info-actions{display:flex;gap:.5rem}.item-number{color:#6b7280;font-weight:500;min-width:1.5rem}.item-actions{display:flex;gap:.5rem}.two-column-layout{display:grid;grid-template-columns:35% 65%;gap:1.5rem;min-height:300px}.left-column,.right-column{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.section-item-row{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .15s;margin-bottom:.5rem}.section-item-row:hover{background-color:#f3f4f6;border-color:#d1d5db}.section-item-row.selected{background-color:#dbeafe;border-color:#3b82f6}.section-leader-name{font-size:.8125rem;color:#6b7280;font-style:italic}.section-leader-info{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#f0fdf4;border:1px solid #86efac;border-radius:.375rem;margin-bottom:.75rem}.section-leader-info .leader-label{font-size:.8125rem;font-weight:600;color:#166534}.section-leader-info .leader-name{font-size:.875rem;color:#15803d;font-weight:500}.section-context{font-weight:400;color:#6b7280;font-size:.875rem;margin-left:.5rem}.select-section-prompt{display:flex;align-items:center;justify-content:center;height:200px;color:#9ca3af;font-size:.9375rem}.sections-panel{padding:1rem 1rem 1rem 2rem;background-color:#fff}.sub-list-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.section-leader-inline-title{font-weight:400;color:#6b7280;font-size:.875rem}.sub-list-title{font-size:.9375rem;font-weight:600;color:#374151;margin:0}.cells-panel{padding:.75rem .75rem .75rem 1.5rem;background-color:#fffbeb;border-top:1px solid #e5e7eb}.cell-notes-modal{max-width:750px;max-height:90vh;overflow-y:auto;padding:0;border-radius:12px;box-shadow:0 25px 50px -12px #00000040}.cell-notes-template-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:linear-gradient(135deg,#fefefe,#f8f7ff);border-bottom:4px solid #5b21b6;position:relative;border-radius:12px 12px 0 0}.cell-notes-header-left{flex:0 0 auto}.cell-notes-church-logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.cell-notes-header-center{flex:1;text-align:center;padding:0 1rem}.cell-notes-main-title{font-size:3rem;font-weight:700;color:#5b21b6;margin:0;font-family:Georgia,serif;font-style:italic;text-shadow:2px 2px 4px rgba(91,33,182,.15);letter-spacing:.02em}.cell-notes-header-right{flex:0 0 auto;text-align:right;padding:.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;border:1px solid #f59e0b}.cell-notes-theme-text{font-size:1rem;font-weight:600;line-height:1.2}.theme-know{color:#5b21b6;font-size:.9rem}.theme-god{color:#d97706;font-size:1.5rem;font-weight:800;display:block}.cell-notes-theme-subtext{font-size:.8rem;color:#b45309;font-style:italic;font-weight:500}.cell-notes-scripture-ref{font-size:.7rem;color:#78716c;margin-top:.25rem;font-style:italic}.cell-notes-close{position:absolute;top:.75rem;right:.75rem;background:#f3f4f6;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.cell-notes-close:hover{background:#e5e7eb;color:#1f2937;transform:scale(1.1)}.cell-notes-church-name{text-align:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#5b21b6,#7c3aed);border-bottom:1px solid #e5e7eb}.cell-notes-church-name h2{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 .25rem;letter-spacing:.1em;text-transform:uppercase}.cell-notes-church-name p{font-size:.875rem;color:#fbbf24;margin:0;font-weight:600;letter-spacing:.15em}.cell-notes-form{padding:2rem;background:#fafafa}.cell-notes-form .modal-form-group{margin-bottom:1.5rem}.cell-notes-form .modal-label{font-size:.9rem;font-weight:600;color:#5b21b6;margin-bottom:.5rem;display:block}.cell-notes-theme-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem}.cell-notes-section-label{color:#92400e!important;font-size:.85rem!important;margin-bottom:.75rem!important}.cell-notes-theme-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.cell-notes-theme-inputs .modal-form-group{margin-bottom:0}.modal-label-small{font-size:.75rem;font-weight:600;color:#78350f;margin-bottom:.25rem;display:block}.cell-notes-theme-inputs .modal-input{padding:.5rem .75rem;font-size:.85rem;border:1px solid #fbbf24;background:#fffbeb}.cell-notes-theme-inputs .modal-input:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}@media (max-width: 640px){.cell-notes-theme-inputs{grid-template-columns:1fr;gap:.75rem}}.cell-notes-form .modal-input,.cell-notes-form .modal-select{border:2px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;background:#fff}.cell-notes-form .modal-input:focus,.cell-notes-form .modal-select:focus{border-color:#5b21b6;box-shadow:0 0 0 3px #5b21b61a;outline:none}.cell-notes-date-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;background:#fff;padding:1.25rem;border-radius:10px;border:2px solid #e5e7eb;margin-bottom:1.5rem}.cell-notes-date-row .modal-form-group{margin-bottom:0}.cell-notes-numbered-input{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;background:#fff;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.cell-notes-numbered-input:hover{border-color:#5b21b6;box-shadow:0 2px 8px #5b21b614}.question-number{font-weight:700;color:#fff;min-width:1.75rem;height:1.75rem;background:linear-gradient(135deg,#5b21b6,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;margin-top:.5rem}.modal-textarea{resize:vertical;min-height:100px}.modal-textarea-small{resize:vertical;min-height:60px}.cell-notes-numbered-input .modal-input{flex:1;border:none;padding:.5rem;background:transparent}.cell-notes-numbered-input .modal-input:focus{box-shadow:none;border:none}.cell-notes-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.cell-notes-add-remove-btns{display:flex;gap:.5rem}.cell-notes-add-btn,.cell-notes-remove-btn{padding:.375rem 1rem;font-size:.8rem;font-weight:600;border-radius:20px;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;gap:.25rem}.cell-notes-add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b9814d}.cell-notes-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.cell-notes-remove-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef44444d}.cell-notes-remove-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef444466}.cell-notes-form .modal-actions{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}.cell-notes-form .modal-btn{padding:.75rem 2rem;font-size:.9rem;font-weight:600;border-radius:8px;transition:all .2s}.cell-notes-form .modal-btn-primary{background:linear-gradient(135deg,#5b21b6,#7c3aed);box-shadow:0 4px 12px #5b21b64d}.cell-notes-form .modal-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #5b21b666}.cell-notes-form .modal-btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.cell-notes-form .modal-btn-secondary:hover:not(:disabled){background:#e5e7eb}.cell-notes-template-footer{background:linear-gradient(135deg,#5b21b6,#4c1d95);color:#fff;padding:1.25rem 2rem;border-radius:0 0 12px 12px}.cell-notes-footer-theme{margin-bottom:1rem;text-align:center}.cell-notes-footer-theme strong{color:#fbbf24;font-size:1rem;display:block;margin-bottom:.5rem}.cell-notes-footer-theme p{margin:0;font-size:.875rem;color:#fde68a;line-height:1.5}.cell-notes-footer-theme em{font-style:italic}.cell-notes-footer-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;font-size:.8rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.cell-notes-social-icons{display:flex;gap:.75rem;font-size:1rem}.cell-notes-handle,.cell-notes-phone,.cell-notes-website{color:#e9d5ff;transition:color .2s}.cell-notes-handle:hover,.cell-notes-phone:hover,.cell-notes-website:hover{color:#fbbf24}@media (max-width: 640px){.cell-notes-date-row{grid-template-columns:1fr;gap:1rem}.cell-notes-modal{max-width:95%;margin:.5rem;border-radius:8px}.cell-notes-template-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.cell-notes-header-right{text-align:center}.cell-notes-main-title{font-size:2rem}.cell-notes-church-logo{width:60px;height:60px}.cell-notes-form{padding:1.25rem}.cell-notes-footer-contact{flex-direction:column;gap:.75rem}.cell-notes-label-row{flex-direction:column;align-items:flex-start;gap:.75rem}.cell-notes-template-footer{padding:1rem 1.25rem;border-radius:0 0 8px 8px}}.modal-btn-preview{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 4px #f59e0b4d}.modal-btn-preview:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b66}.cell-notes-brochure{margin:1.5rem;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;border:1px solid #e5e7eb}.brochure-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,#fafafa,#f5f3ff);border-bottom:3px solid #5b21b6}.brochure-logo img{width:60px;height:60px;object-fit:contain}.brochure-title{text-align:center;flex:1}.brochure-title h1{margin:0;font-size:2rem;font-family:Georgia,serif;font-style:italic;color:#5b21b6}.brochure-church{margin:.25rem 0 0;font-size:.75rem;font-weight:700;color:#5b21b6;letter-spacing:.1em}.brochure-theme{display:flex;flex-direction:column;align-items:flex-end;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:.5rem .75rem;border-radius:8px;border:1px solid #f59e0b}.brochure-theme .theme-title{font-size:1rem;font-weight:700;color:#d97706}.brochure-theme .theme-subtitle{font-size:.7rem;color:#92400e;font-style:italic}.brochure-theme .theme-scripture{font-size:.6rem;color:#78716c;font-style:italic}.brochure-date-topic{background:linear-gradient(135deg,#5b21b6,#7c3aed);padding:1rem 1.5rem;text-align:center}.brochure-date{font-size:.85rem;color:#e9d5ff;font-weight:600;margin-bottom:.25rem}.brochure-topic{margin:0;font-size:1.25rem;color:#fff;font-weight:600}.brochure-content{padding:1.5rem}.brochure-section{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px dashed #e5e7eb}.brochure-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.brochure-section-title{margin:0 0 .5rem;font-size:.9rem;font-weight:700;color:#5b21b6;text-transform:uppercase;letter-spacing:.05em}.brochure-section p{margin:0;font-size:.9rem;color:#374151;line-height:1.6}.brochure-scripture .scripture-text{font-style:italic;font-weight:600;color:#5b21b6;font-size:1rem}.brochure-list{margin:.5rem 0 0 1.25rem;padding:0}.brochure-list li{margin-bottom:.5rem;font-size:.9rem;color:#374151;line-height:1.5}.brochure-reflection{background:#f5f3ff;padding:1rem;border-radius:8px;border-left:4px solid #5b21b6}.brochure-actions{background:#fef3c7;padding:1rem;border-radius:8px;border-left:4px solid #f59e0b}.brochure-announcements{background:#ecfdf5;padding:1rem;border-radius:8px;border-left:4px solid #10b981}.brochure-footer{background:linear-gradient(135deg,#5b21b6,#4c1d95);padding:1rem 1.5rem;text-align:center}.brochure-footer-theme{margin-bottom:.75rem}.brochure-footer-theme strong{color:#fbbf24;font-size:.85rem}.brochure-footer-theme p{margin:.25rem 0 0;font-size:.75rem;color:#fde68a}.brochure-footer-contact{display:flex;justify-content:center;gap:1.5rem;font-size:.75rem;color:#e9d5ff;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.2)}@media (max-width: 640px){.brochure-header{flex-direction:column;gap:.75rem;text-align:center}.brochure-theme{align-items:center}.brochure-title h1{font-size:1.5rem}.brochure-footer-contact{flex-direction:column;gap:.5rem}.cell-notes-brochure{margin:1rem}}.cell-notes-list-modal{max-width:900px}.cell-notes-list-filter{padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.cell-notes-search-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.cell-notes-search-field{display:flex;flex-direction:column;gap:.25rem}.cell-notes-search-field:first-child{flex:1;min-width:200px}.cell-notes-list-filter label{font-weight:600;color:#374151;font-size:.8rem}.cell-notes-list-filter .modal-input{width:auto;padding:.5rem .75rem;min-width:140px}.cell-notes-clear-filter{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;height:fit-content}.cell-notes-clear-filter:hover{background:#dc2626}.cell-notes-list-content{padding:1.5rem;max-height:60vh;overflow-y:auto}.cell-notes-empty{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:1rem}.cell-notes-list{display:flex;flex-direction:column;gap:.75rem}.cell-notes-list-item{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s}.cell-notes-list-item:hover{border-color:#5b21b6;box-shadow:0 2px 8px #5b21b61a}.cell-notes-list-item.selected{border-color:#5b21b6;background:#f5f3ff}.cell-notes-list-item-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.cell-notes-list-date{font-size:.85rem;color:#5b21b6;font-weight:600;white-space:nowrap}.cell-notes-list-topic{font-size:1rem;color:#1f2937;font-weight:600;flex:1;text-align:right}.cell-notes-list-item-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.detail-row{margin-bottom:.75rem;font-size:.875rem;color:#374151}.detail-row strong{color:#5b21b6}.detail-row p{margin:.25rem 0 0;line-height:1.5}.detail-row ol{margin:.5rem 0 0 1.25rem;padding:0}.detail-row li{margin-bottom:.25rem}@media (max-width: 640px){.cell-notes-search-row{flex-direction:column;align-items:stretch}.cell-notes-search-field:first-child{min-width:auto}.cell-notes-list-filter .modal-input{width:100%}.cell-notes-list-item-header{flex-direction:column;align-items:flex-start;gap:.25rem}.cell-notes-list-topic{text-align:left}}.admin-activities-section{padding:0}.admin-activities-section .page-header-compact{margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.admin-activities-section .page-title-compact{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.admin-activities-section .page-subtitle-compact{font-size:.8rem;color:#6b7280;margin:0}.activities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.activity-card{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease}.activity-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b21b61f;border-color:#c4b5fd}.activity-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem}.activity-icon.annual-program{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.activity-icon.child-dedication{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.activity-icon.baptism{background:linear-gradient(135deg,#cffafe,#a5f3fc)}.activity-icon.school-ministry{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.activity-icon.wedding{background:linear-gradient(135deg,#fef3c7,#fde68a)}.activity-icon.service-leading{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.activity-title{font-size:.9rem;font-weight:600;color:#1f2937;margin:0 0 .375rem}.activity-description{font-size:.75rem;color:#6b7280;margin:0 0 1rem;line-height:1.4}.activity-btn{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:#5b21b6;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #e9d5ff;border-radius:8px;cursor:pointer;transition:all .2s}.activity-btn:hover{background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#fff;border-color:#5b21b6}@media (max-width: 900px){.activities-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.activities-grid{grid-template-columns:1fr}.activity-card{padding:1rem}.activity-icon{width:40px;height:40px;font-size:1.25rem}}.child-dedication-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.tabs-container{display:flex;gap:.25rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.tab{padding:.875rem 2rem;background:none;border:none;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;border-radius:.375rem .375rem 0 0}.tab:hover{color:#3b82f6;background-color:#f9fafb}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background-color:#f9fafb}.btn{padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-sm{padding:.25rem .5rem;font-size:.8rem}.alert{padding:1rem;border-radius:.375rem;margin-bottom:1.5rem}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.dedication-form-card{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.dedication-form-card h2{font-size:1.75rem;color:#1f2937;margin-bottom:1.5rem;font-weight:700}.form-section{margin-bottom:2rem}.form-section h3{font-size:1.25rem;color:#374151;margin-bottom:1rem;font-weight:600}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.375rem}.form-group input,.form-group select,.form-group textarea{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.search-input{margin-bottom:.5rem}.selected-member-info{margin-top:.5rem;padding:.75rem;background-color:#f0fdf4;border:1px solid #22c55e;border-radius:.375rem;font-size:.875rem;color:#166534}.selected-member-info strong{color:#15803d}.conflicting-bookings{margin-top:.5rem;padding:.75rem;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:.375rem;font-size:.875rem;color:#92400e}.conflicting-bookings strong{color:#b45309}.conflicting-bookings ul{margin:.5rem 0 0 1.5rem;padding:0}.conflicting-bookings li{margin:.25rem 0}.conflicting-names{font-weight:700;color:#3b82f6}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem}.pagination .btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-weight:500;color:#374151}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.child-entry{padding:1rem;background:#f9fafb;border-radius:.375rem;margin-bottom:1rem}.form-actions{display:flex;gap:.5rem;margin-top:2rem}.dedications-list{background:#fff;padding:2rem;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.dedications-list h2{margin-top:0;margin-bottom:1.5rem;color:#1f2937;font-size:1.25rem;font-weight:700}.no-data{text-align:center;color:#6b7280;padding:3rem;font-size:1rem}.dedications-table{width:100%;border-collapse:collapse;margin-top:1rem}.dedications-table thead{background-color:#f9fafb}.dedications-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.dedications-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.9rem;color:#374151}.dedications-table tbody tr:hover{background-color:#f9fafb}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:9999px;color:#fff;font-size:.8rem;font-weight:600;text-transform:capitalize}.wedding-bookings-page{padding:2rem;max-width:1200px;margin:0 auto}.page-header h1{font-size:1.75rem;color:#1f2937;margin:0;font-weight:700}.alert{padding:1rem;margin-bottom:1.5rem;border-radius:.5rem;font-weight:500}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.tab{padding:.75rem 1.5rem;background:none;border:none;font-size:1rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:#374151}.tab.active{color:#059669;border-bottom-color:#059669}.form-container{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.form-container h2{margin-top:0;margin-bottom:1.5rem;color:#1f2937;font-size:1.25rem;font-weight:700}.checkbox-section{margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#374151;font-size:.9375rem}.checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;box-sizing:border-box;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#059669}.form-group input:disabled,.form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed}.search-input{position:relative}.search-results{position:absolute;z-index:10;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 4px 6px #0000001a;margin-top:.25rem}.search-result-item{padding:.5rem;cursor:pointer;border-bottom:1px solid #e5e7eb;font-size:.9375rem}.search-result-item:hover{background-color:#f3f4f6}.selected-member{margin-top:.5rem;padding:.5rem;background-color:#ecfdf5;border:1px solid #10b981;border-radius:.375rem;font-size:.875rem;color:#065f46}.selected-cell{margin-top:.5rem;padding:.5rem;background-color:#dbeafe;border:1px solid #3b82f6;border-radius:.375rem;font-size:.875rem;color:#1e40af}.conflicting-bookings{margin-bottom:1.25rem;padding:1rem;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:.375rem}.conflicting-bookings p{margin:0 0 .5rem;color:#92400e;font-weight:600}.conflicting-booking{color:#78350f;font-size:.875rem;margin-bottom:.25rem}.conflicting-names{font-weight:600;color:#92400e}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#059669;color:#fff}.btn-primary:hover{background-color:#047857}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.bookings-list{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.bookings-list h2{margin-top:0;margin-bottom:1.5rem;color:#1f2937;font-size:1.25rem;font-weight:700}.filter-section{margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.filter-row{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.filter-section .form-group{display:flex;flex-direction:column;margin-bottom:0;flex:1;min-width:200px}.filter-section label{margin-bottom:.375rem;font-weight:500;color:#374151;font-size:.875rem}.date-filter,.search-filter{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.bookings-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.bookings-table th,.bookings-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.bookings-table th{background-color:#f9fafb;font-weight:600;color:#374151;font-size:.875rem}.bookings-table td{font-size:.9375rem;color:#4b5563}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.pagination span{font-size:.875rem;color:#6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;padding:0;margin:0}input,button{padding:.5rem;margin:.25rem;font-size:1rem}button{cursor:pointer;background:#007bff;color:#fff;border:none;border-radius:4px}button:hover{background:#0056b3}button:disabled{opacity:.5;cursor:not-allowed}a{margin:0 .5rem;text-decoration:none;color:#007bff}a:hover{text-decoration:underline}