.btn-icon{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon .material-icons{font-size:20px}.btn-add-circle{background-color:#66bb6a;color:#fff;width:40px;height:40px;border-radius:50%;box-shadow:0 4px 10px #66bb6a4d}.btn-add-circle:hover{background-color:#57a55b;transform:translateY(-2px) scale(1.05)}.action-buttons{display:flex;justify-content:left;gap:var(--action-gap)}.edit-btn,.delete-btn,.view-btn{width:32px;height:32px;border:none;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.edit-btn .material-icons,.delete-btn .material-icons,.view-btn .material-icons{font-size:18px}.edit-btn{background-color:#f0fdf4;color:#15803d}.edit-btn:hover{background-color:#dcfce7}.delete-btn{background-color:#fef2f2;color:#b91c1c}.delete-btn:hover{background-color:#fee2e2}.view-btn{background-color:#f1f5f9;color:#475569}.view-btn:hover{background-color:#e2e8f0}.tooltip{position:relative;display:inline-block;overflow:visible}.tooltip-text{visibility:hidden;position:absolute;bottom:115%;right:50%;transform:translate(50%);background-color:#f1f5f9;color:#111827;padding:5px 8px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .2s;z-index:9999}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@font-face{font-family:Stack Sans Headline;src:url("./media/stack-sans-headline-400-RV3TUFTY.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Stack Sans Headline;src:url("./media/stack-sans-headline-500-LWMIIXD7.woff2") format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Parkinsans;src:url("./media/parkinsans-var-4EZKNAW4.woff2") format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:Sofia Sans;src:url("./media/SofiaSans-Light-4YZA7X5T.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Sofia Sans;src:url("./media/SofiaSans-Regular-QWLTYJNP.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Sofia Sans;src:url("./media/SofiaSans-SemiBold-HGBVX3VU.ttf") format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Sofia Sans;src:url("./media/SofiaSans-Bold-IKNSPXFU.ttf") format("truetype");font-weight:700;font-style:normal}:root{--primary-solid: #078942;--primary-hover: #056b34;--primary-pastel: #E2F4E7;--brand: #009A44;--brand-bright: #05B057;--teal: #15B8B0;--sky: #2BB8D6;--ink: #1E293B;--brand-gradient: linear-gradient(95deg, #009A44 8%, #15B8B0 55%, #2BB8D6 100%);--font-head: "Stack Sans Headline", "Parkinsans", system-ui, sans-serif;--font-body: "Parkinsans", system-ui, -apple-system, "Segoe UI", sans-serif;--r-xl: 40px;--r-lg: 28px;--r-md: 20px;--r-sm: 12px;--r-pill: 999px;--shadow-card: 0 12px 40px rgba(16, 55, 28, .07);--shadow-soft: 0 8px 30px rgba(16, 55, 28, .09);--ease: cubic-bezier(.22, 1, .36, 1);--success-solid: #0f766e;--success-pastel: #d2f9f4;--info-solid: #0e7490;--info-pastel: #e1f5fa;--edit-solid: #15803d;--edit-pastel: #dcfce7;--action-gap: 8px;--warning-solid: #9a3412;--warning-pastel: #fff1cc;--danger-solid: #be123c;--danger-pastel: #ffe4ec;--purple-solid: #9b59b6;--purple-pastel: #f4ecf7;--indigo-solid: #667eea;--indigo-pastel: #edf2ff;--rose-solid: #e91e63;--rose-pastel: #fce4ec;--amber-solid: #ff9800;--amber-pastel: #fff3e0;--mint-solid: #2ecc71;--mint-pastel: #eafaf1;--primary-action: #078942;--primary-action-hover: #056b34;--surface-color: #ffffff;--app-bg: #f8fafd;--border-color-light: #eaeff4;--text-main: #566a7f;--text-muted: #94a3b8;--form-control-height: 20px}body,input,button,select,textarea,.app-brand-text,.menu-link,.section-title,h1,h2,h3,h4,h5,h6,p,li,a,td,th,label,span:not(.material-icons),i:not(.material-icons),.data-table th,.data-table td{font-family:var(--font-body)!important}h1,h2,h3,h4,h5,h6,.page-header h2,.modal-header h2,.section-title{font-family:var(--font-head)!important;letter-spacing:-.3px;font-synthesis:none}.material-icons,.material-icons-outlined,.material-icons-sharp,.material-icons-round{font-family:Material Icons!important}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-primary, var(--app-bg));color:var(--text-primary, var(--text-main));transition:background-color .3s,color .3s;overflow-x:hidden}.btn-add{color:var(--primary-action)!important;font-size:12px;border:none!important;border-radius:50px!important;padding:10px 24px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 4px 6px #0000001a!important;cursor:pointer!important}.btn-add:hover{background-color:var(--primary-action-hover)!important;transform:translateY(-2px)!important;box-shadow:0 6px 12px #00000026!important}.btn-add .material-icons{font-size:20px!important}.btn-view{background-color:var(--info-pastel)!important;color:var(--info-solid)!important;border:none!important;border-radius:var(--r-pill)!important;padding:6px 14px!important}.btn-view:hover{background-color:#cceef7!important}.save-btn{padding:.75rem 2rem!important;background:var(--primary-action)!important;color:#fff!important;border:none!important;border-radius:var(--r-pill)!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;box-shadow:0 8px 20px -8px #07894280!important}.btn-add-outline{box-sizing:border-box!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;padding:8px 16px!important;gap:8px!important;height:34px!important;border:1.5px solid var(--primary-solid)!important;border-style:solid!important;border-radius:var(--r-pill)!important;background:var(--primary-solid)!important;outline:none!important;cursor:pointer!important;transition:background .15s!important;font-family:var(--font-body)!important;font-style:normal!important;font-weight:600!important;font-size:12px!important;line-height:14px!important;letter-spacing:-.02em!important;color:#fff!important;white-space:nowrap!important}.btn-add-outline:hover{background:var(--primary-action-hover)!important;border-color:var(--primary-action-hover)!important}.btn-add-outline:focus,.btn-add-outline:focus-visible{outline:none!important;box-shadow:0 0 0 2px #5c9d6840!important}.icon-btn-add{background-color:var(--primary-action)!important;color:#fff!important;border:none!important;border-radius:50%!important;width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important}.icon-btn-add:hover{background-color:var(--primary-action-hover)!important;transform:scale(1.05)!important}.icon-btn-add .material-icons{font-size:20px!important}.page-header h1,.page-header h2,.header h1,.header h2{font-size:1.75rem!important;font-weight:700!important;color:var(--text-primary)!important;margin:0!important}.page-container{max-width:100%;padding:2rem;background-color:var(--bg-primary);min-height:100vh;overflow-x:hidden}.page-container,.admin-management-container,.events-management-container,.groups-management-container,.service-planning-container,.group-detail-container,.stages-container,.kids-fellowship-container{max-width:100%!important;padding:2rem!important;background-color:var(--bg-primary)!important;min-height:calc(100vh - 136px)!important;transition:background-color .3s ease}body{--bg-primary: #f5faf6;--bg-secondary: #edf5ef;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e1eae4;--shadow: rgba(16, 55, 28, .08);--accent-color: var(--primary-solid);--accent-color-rgb: 7, 137, 66;--primary-color: var(--primary-solid)}body.dark-mode{--bg-primary: #09120d;--bg-secondary: #0e1a13;--bg-card: #121f17;--text-primary: #f1f7f3;--text-secondary: #b3c2b8;--text-tertiary: #8a9b90;--text-muted: #8a9b90;--border-color: #25382d;--shadow: rgba(0, 0, 0, .45)}.dark-mode .swal2-popup{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.dark-mode .swal2-title,.dark-mode .swal2-html-container,.dark-mode .swal2-content{color:var(--text-primary)!important}.dark-mode .swal2-actions button:not(.swal2-confirm){background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.dark-mode .swal2-close{color:var(--text-secondary)!important}.dark-mode .swal2-input,.dark-mode .swal2-textarea,.dark-mode .swal2-select{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.swal2-container{z-index:99999!important}.dark-mode .custom-dropdown-trigger.searchable input,.dark-mode .custom-dropdown-trigger.searchable{border-color:var(--border-color)!important}.dark-mode .custom-dropdown-trigger.disabled{background-color:var(--bg-primary)!important;opacity:.5}body.dark-mode{background-color:var(--bg-primary)}.card,.page-container,.admin-management-container,.events-management-container,.groups-management-container,.service-planning-container,.group-detail-container,.stages-container,.kids-fellowship-container{background-color:var(--bg-primary)!important}.card-content,.modal-content,.custom-form-card,.dropdown-menu{background-color:var(--bg-card)!important;color:var(--text-primary)!important}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}body.dark-mode{color-scheme:dark}body{accent-color:var(--primary-solid)}body.dark-mode{accent-color:#22c55e}body.sidebar-open{overflow:hidden}html:has(.modal-overlay,.form-overlay,.modal-backdrop,.admin-form-overlay,.wf-modal-overlay,.custom-modal),body:has(.modal-overlay,.form-overlay,.modal-backdrop,.admin-form-overlay,.wf-modal-overlay,.custom-modal){overflow:hidden}.modal-body{overscroll-behavior:contain}.form-overlay,.modal-backdrop,.modal-overlay,.admin-form-overlay,.wf-modal-overlay,.overlay,.popup,.dialog,.custom-modal{position:fixed!important;inset:0;display:flex!important;align-items:center!important;justify-content:center!important;background:#1e293b73!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:99999!important;padding:2rem;overflow-y:auto}@media (max-width: 600px){.form-overlay,.modal-backdrop,.modal-overlay,.admin-form-overlay,.wf-modal-overlay,.overlay,.popup,.dialog,.custom-modal{padding:1rem}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dark-mode .modal-header{border-bottom-color:var(--border-color)}.modal-header h2{margin:0;font-size:1.375rem;font-weight:700;color:#0d0d0d}.dark-mode .modal-header h2{color:var(--text-primary)}.modal-header .close{background:#f8fafc;border-radius:8px;padding:.5rem;cursor:pointer;color:#64748b;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dark-mode .modal-header .close{background:var(--bg-primary);color:var(--text-secondary)}.modal-header .close:hover{background:#f1f5f9;color:#334155;transform:rotate(90deg)}.modal-header .close:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb, 92, 157, 104),.35)}.modal-body{flex:1;padding:1.5rem 2rem;overflow-y:auto;min-height:0}@media (max-width: 600px){.modal-body{padding:1.25rem 1.5rem}}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:1rem;flex-shrink:0}.modal-footer>:where([modal-footer]){display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:1rem}.dark-mode .modal-footer{border-top-color:var(--border-color)}.modal-box,.modal-content,.custom-form-card{background:var(--bg-card)!important;padding:0!important;border-radius:var(--r-lg)!important;width:500px;max-width:100%;max-height:90vh;position:relative!important;box-shadow:0 30px 90px #10371c38!important;display:flex!important;flex-direction:column!important;overflow:hidden}.close-btn{position:absolute!important;top:1rem!important;right:1rem!important;background:var(--bg-card)!important;border:none!important;cursor:pointer!important;color:var(--text-secondary)!important;z-index:10!important;width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 5px var(--shadow)!important}.cancel-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--ink);border-radius:var(--r-pill);cursor:pointer;color:var(--ink);font-weight:500;transition:all .2s ease}.dark-mode .cancel-btn,.dark-mode .btn-cancel{background:transparent!important;color:var(--text-primary)!important;border:1.5px solid var(--border-color)!important;font-weight:500!important}.cancel-btn:hover{background:var(--ink);color:#fff}.dark-mode .cancel-btn:hover,.dark-mode .btn-cancel:hover{background:var(--bg-primary)!important;color:var(--text-primary)!important}.save-btn{padding:.75rem 1rem!important;background:var(--primary-action)!important;color:#fff!important;border:none!important;border-radius:var(--r-pill)!important;font-weight:500!important;cursor:pointer!important;transition:all .3s var(--ease)!important;box-shadow:0 8px 20px -8px #07894280!important}.save-btn:hover{background:var(--primary-action-hover)!important;transform:translateY(-1px)!important;box-shadow:0 12px 24px -8px #0789428c!important}.save-btn:disabled{background:var(--primary-solid)!important;color:#fff!important;opacity:1!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.form-actions{display:flex!important;justify-content:flex-end!important;gap:1rem!important;margin-top:2rem!important;padding-top:1rem!important;border-top:none!important}.data-table{background-color:var(--bg-card)!important;color:var(--text-primary)!important}.data-table th{background-color:var(--bg-primary)!important;color:var(--text-secondary)!important;border-bottom:2px solid var(--border-color)!important}.data-table td{border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}.no-data,.empty-state{color:var(--text-secondary)!important;background-color:transparent!important}input[type=text],input[type=date],input[type=time],input[type=number],textarea,select{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}input::placeholder{color:var(--text-tertiary)!important}:where(*):focus-visible{outline:2px solid var(--primary-solid);outline-offset:2px}:where(.dark-mode *):focus-visible{outline-color:#22c55e}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select):focus-visible{outline-offset:-1px}input:not(#_):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not(.error):not(.has-error *):focus,textarea:not(#_):not(.error):not(.has-error *):focus,select:not(#_):not(.error):not(.has-error *):focus{border-color:var(--primary-solid)!important}.form-group input:not(#_):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not(.error):not(.has-error *):focus,.form-group textarea:not(#_):not(.error):not(.has-error *):focus,.form-group select:not(#_):not(.error):not(.has-error *):focus{box-shadow:0 0 0 3px #0789421f!important}.dark-mode .form-group input:not(#_):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not(.error):not(.has-error *):focus,.dark-mode .form-group textarea:not(#_):not(.error):not(.has-error *):focus,.dark-mode .form-group select:not(#_):not(.error):not(.has-error *):focus{box-shadow:0 0 0 3px #22c55e2e!important}.btn-add-outline,.kf-btn-add,.gd-btn-add,.btn-add-type,.btn-add-song,.btn-add-people,.btn-add-member,.btn-add-household,.btn-upload-people,.pr-add-btn,.rm-add-btn,.les-add-btn,.btn-add-solid,.manage-btn-outline{background:var(--primary-solid)!important;border-color:var(--primary-solid)!important;color:#fff!important}.btn-add-outline:hover,.kf-btn-add:hover,.gd-btn-add:hover,.btn-add-type:hover,.btn-add-song:hover,.btn-add-people:hover,.btn-add-member:hover,.btn-add-household:hover,.btn-upload-people:hover,.pr-add-btn:hover,.rm-add-btn:hover,.les-add-btn:hover,.btn-add-solid:hover,.manage-btn-outline:hover:not(:disabled){background:var(--primary-action-hover)!important;border-color:var(--primary-action-hover)!important;color:#fff!important}:is(.btn-add-outline,.kf-btn-add,.gd-btn-add,.btn-add-type,.btn-add-song,.btn-add-people,.btn-add-member,.btn-add-household,.btn-upload-people,.pr-add-btn,.rm-add-btn,.les-add-btn,.btn-add-solid,.manage-btn-outline) :is(span,mat-icon,.material-icons,.material-symbols-outlined,i){color:#fff!important}:is(.btn-add-outline,.kf-btn-add,.gd-btn-add,.btn-add-type,.btn-add-song,.btn-add-people,.btn-add-member,.btn-add-household,.btn-upload-people,.pr-add-btn,.rm-add-btn,.les-add-btn,.btn-add-solid,.manage-btn-outline) svg [stroke]:not([stroke=none]){stroke:#fff!important}:is(.btn-add-outline,.kf-btn-add,.gd-btn-add,.btn-add-type,.btn-add-song,.btn-add-people,.btn-add-member,.btn-add-household,.btn-upload-people,.pr-add-btn,.rm-add-btn,.les-add-btn,.btn-add-solid,.manage-btn-outline) svg [fill]:not([fill=none]){fill:#fff!important}.save-btn:disabled:hover{background:var(--primary-solid)!important;transform:none!important;box-shadow:none!important}.btn-validated:disabled,.btn-validated:disabled:hover{background:var(--primary-action-hover)!important;border-color:var(--primary-action-hover)!important;color:#fff!important;opacity:1!important;filter:none!important;cursor:not-allowed!important;transform:none!important}.btn-validated:not(:disabled){background:var(--primary-solid)!important;border-color:var(--primary-solid)!important;color:#fff!important}.btn-validated:not(:disabled):hover{background:var(--primary-action-hover)!important;border-color:var(--primary-action-hover)!important}body{--dd-border: var(--primary-solid);--dd-surface: var(--bg-card, #ffffff);--dd-text: var(--text-primary);--dd-muted: var(--text-tertiary, #9ca3af);--dd-hover: rgba(7, 137, 66, .08);--dd-selected: rgba(7, 137, 66, .14);--dd-selected-text: var(--primary-solid);--dd-divider: var(--border-color, #e5e7eb);--dd-ring: rgba(7, 137, 66, .2)}body.dark-mode{--dd-border: #22c55e;--dd-ring: rgba(34, 197, 94, .25);--dd-surface: var(--bg-secondary);--dd-hover: rgba(34, 197, 94, .12);--dd-selected: rgba(34, 197, 94, .2);--dd-selected-text: #4ade80}.custom-dropdown-trigger:not(#_):focus-visible{outline:none!important;border-color:var(--dd-border)!important;box-shadow:0 0 0 3px var(--dd-ring)!important}.custom-dropdown-container.active:not(#_)>.custom-dropdown-trigger,.custom-dropdown-container.open:not(#_)>.custom-dropdown-trigger{outline:none!important;box-shadow:none!important;border-color:var(--dd-border)!important;border-width:1.5px!important;border-style:solid!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.custom-dropdown-menu:not(#_){background:var(--dd-surface)!important;border:1.5px solid var(--dd-border)!important;border-top:none!important;border-radius:0 0 8px 8px!important;box-shadow:0 8px 20px #0f172a1f!important;box-sizing:border-box;overflow-x:hidden}body.dark-mode .custom-dropdown-menu:not(#_){box-shadow:0 8px 20px #00000080!important}.custom-dropdown-menu .custom-dropdown-item:not(#_){background:transparent!important;color:var(--dd-text)!important;font-weight:400}.custom-dropdown-menu .custom-dropdown-item:not(#_):hover,.custom-dropdown-menu .custom-dropdown-item.focused:not(#_),.custom-dropdown-menu .custom-dropdown-item.highlighted:not(#_),.custom-dropdown-menu .custom-dropdown-item.active:not(#_){background:var(--dd-hover)!important;color:var(--dd-text)!important}.custom-dropdown-menu .custom-dropdown-item.selected:not(#_){background:var(--dd-selected)!important;color:var(--dd-selected-text)!important;font-weight:600}.custom-dropdown-menu .custom-dropdown-item.selected:not(#_) .material-icons{color:var(--dd-selected-text)!important}.custom-dropdown-menu .custom-dropdown-item.disabled:not(#_){opacity:.5;cursor:not-allowed}.custom-dropdown-menu .dropdown-header:not(#_){color:var(--dd-muted)!important;border-bottom:1px solid var(--dd-divider)!important;background:transparent!important}.custom-dropdown-menu .no-options:not(#_){color:var(--dd-muted)!important}:is(.apv-status-menu,.apv-dropdown-menu) .custom-dropdown-item:not(#_):hover,:is(.apv-status-menu,.apv-dropdown-menu) .custom-dropdown-item.focused:not(#_){background:var(--dd-hover)!important;color:var(--dd-text)!important}:is(.apv-status-menu,.apv-dropdown-menu) .custom-dropdown-item.selected:not(#_){background:var(--dd-selected)!important;color:var(--dd-selected-text)!important;font-weight:600}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary);transition:background-color 600000s 0s,color 600000s 0s!important}.save-btn[aria-disabled=true],.save-btn[aria-disabled=true]:hover,.btn-validated[aria-disabled=true],.btn-validated[aria-disabled=true]:hover{background:var(--primary-action-hover)!important;border-color:var(--primary-action-hover)!important;color:#fff!important;opacity:1!important;filter:none!important;cursor:not-allowed!important;transform:none!important}.save-btn[aria-disabled=true]:hover{box-shadow:none!important}.save-btn:focus-visible,.cancel-btn:focus-visible,.btn-cancel:focus-visible,.app-btn:focus-visible{outline:2px solid var(--primary-solid)!important;outline-offset:3px!important}.dark-mode .save-btn:focus-visible,.dark-mode .cancel-btn:focus-visible,.dark-mode .btn-cancel:focus-visible,.dark-mode .app-btn:focus-visible{outline-color:#22c55e!important}input[type=color]:not(#_):focus-visible{outline:2px solid var(--primary-solid)!important;outline-offset:2px!important}.dark-mode input[type=color]:not(#_):focus-visible{outline-color:#22c55e!important}