.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:12px}.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:#f0f9ff;color:#0369a1}.edit-btn:hover{background-color:#e0f2fe}.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: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: #00a1ff;--primary-pastel: #e6f6ff;--success-solid: #00ceb6;--success-pastel: #d2f9f4;--info-solid: #46caeb;--info-pastel: #e1f5fa;--warning-solid: #ffae1f;--warning-pastel: #fff1cc;--danger-solid: #ff6692;--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;--surface-color: #ffffff;--app-bg: #f8fafd;--border-color-light: #eaeff4;--text-main: #566a7f;--text-muted: #a1acb8;--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:Sofia Sans,sans-serif!important}.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(--app-bg);color:var(--text-main);transition:background-color .3s,color .3s;overflow-x:hidden}.btn-add{background-color:#66bb6a!important;color:#fff!important;border:none!important;border-radius:50px!important;padding:10px 24px!important;font-weight:700!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:#57a55b!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:6px!important;padding:6px 12px!important}.btn-view:hover{background-color:#cceef7!important}.save-btn{padding:.75rem 2rem!important;background:#66bb6a!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;box-shadow:0 4px 6px -1px #66bb6a33!important}.btn-add-outline{background:transparent!important;border:2px dashed #66bb6a!important;color:#66bb6a!important;padding:.75rem 1.5rem!important;border-radius:8px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:.5rem!important;cursor:pointer!important;transition:all .2s!important}.btn-add-outline:hover{background:#f0fdf4!important;border-color:#57a55b!important;color:#57a55b!important}.icon-btn-add{background-color:#66bb6a!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:#57a55b!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:#f8fafc;min-height:100vh;overflow-x:hidden;border-radius:10px}.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: #f8fafd;--bg-secondary: #f8fafd;--bg-card: #ffffff;--text-primary: #566a7f;--text-secondary: #a1acb8;--text-tertiary: #b0becc;--border-color: #eaeff4;--shadow: rgba(67, 89, 113, .12);--accent-color: #00a1ff;--accent-color-rgb: 0, 161, 255;--primary-color: #00a1ff}body.dark-mode{--bg-primary: #000000;--bg-secondary: #000000;--bg-card: #121212;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #888888;--text-muted: #888888;--border-color: #333333;--shadow: rgba(0, 0, 0, .4)}.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:#000}.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.sidebar-open{overflow:hidden}.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:#00000080!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-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}.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:12px!important;width:500px;max-width:100%;max-height:90vh;position:relative!important;box-shadow:0 10px 25px var(--shadow)!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:#f3f4f6;border:none;border-radius:6px;cursor:pointer;color:#4b5563;font-weight:500;transition:all .2s ease}.dark-mode .cancel-btn{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn:hover{background:#e5e7eb}.dark-mode .cancel-btn:hover{background:var(--bg-card);color:var(--text-primary)}.save-btn{padding:.75rem 1rem!important;background:#66bb6a!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;box-shadow:0 4px 6px -1px #66bb6a33!important}.save-btn:hover{background:#57a55b!important;transform:translateY(-1px)!important;box-shadow:0 10px 15px -3px #66bb6a4d!important}.save-btn:disabled{background:#9ca3af!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:1px solid var(--border-color)!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}