*{margin:0;padding:0;box-sizing:border-box}:root{--color1:#014D4D;--color1rgb:1,77,77;--color2:#CA9B40;--color2rgb:202,155,64;--color3:#EECF92;--color3rgb:238,207,146;--fontinter:"Inter",sans-serif;--fontroboto:"Roboto",sans-serif;--sidebar-w:14rem;--sidebar-w-collapsed:3.7rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color3)}::-webkit-scrollbar-thumb{background:var(--color1)}::-webkit-scrollbar-thumb:hover{background:var(--color1)}.fontinter{font-family:var(--fontinter)}.fontroboto{font-family:var(--fontroboto)}.consultation-group:hover>ul{opacity:1 !important;visibility:visible !important}.hero{background-image:linear-gradient(to right,rgba(237,231,231,1) 40%,rgba(255,255,255,0)),url(../images/hero/hero1.png);background-position:top;background-size:cover;background-repeat:no-repeat}.islamic_service_card_para{height:100px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-clamp:5;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis}.about{background-image:linear-gradient(to right,rgba(237,231,231,0.3),rgba(237,231,231,0.3)),url(../images/about/bg.png);background-position:center;background-repeat:no-repeat;background-size:cover}.aboutimgcenter{text-align:-webkit-center}.ourcorevaluescard{height:220px}.MaskGroup{background-image:linear-gradient(to right,rgba(237,231,231,0.3),rgba(237,231,231,0.3)),url(../images/mask/mask1.png);background-position:center;background-repeat:no-repeat;background-size:cover}.getintouch{background-image:linear-gradient(to right,white 75%,#f0f0f0 25%)}.abouthero{background-image:linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url(../images/about/aboutbg.png);background-position:top;background-repeat:no-repeat;background-size:cover}.serviceprogram{background-image:url(../images/about/bg.png);background-position:center;background-repeat:no-repeat;background-size:cover}.versesticker{background-image:linear-gradient(to right,rgba(var(--color1rgb),0.8),rgba(var(--color1rgb),0.8)),url(../images/about/leafs.png);background-position:center;background-repeat:no-repeat;background-size:cover}.consultationhero{background-image:linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url(../images/consultation/conslutation.png);background-position:center;background-repeat:no-repeat;background-size:cover}.nikkahconsultationhero{background-image:linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url(../images/consultation/marriage.png);background-position:center;background-repeat:no-repeat;background-size:cover}.familyreconcilationhero{background-image:linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url(../images/consultation/family.png);background-position:center;background-repeat:no-repeat;background-size:cover}.jumuahhero{background-image:linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url(../images/consultation/jumuah.png);background-position:center;background-repeat:no-repeat;background-size:cover}.speakingenagagementhero{background-image:linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url(../images/consultation/speaking.png);background-position:center;background-repeat:no-repeat;background-size:cover}.travelhero{background-image:linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url(../images/consultation/travel.png);background-position:center;background-repeat:no-repeat;background-size:cover}.communityhero{background-image:linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url(../images/consultation/islamic.png);background-position:center;background-repeat:no-repeat;background-size:cover}.serviceul{list-style-image:url(../images/components/p1.png);list-style-position:inside}.islamiccalendar{background-image:url(../images/islamic_calendar/bg.png);background-position:center;background-repeat:no-repeat;background-size:cover}.ContactHero{background-image:linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url(../images/contact/contactbg.png);background-position:center;background-repeat:no-repeat;background-size:cover}:root{--admin-bg:#f8fafb;--admin-card:#ffffff;--admin-card-hover:#fdfdfe;--admin-border:#e8ecf1;--admin-border-light:#f1f4f8;--admin-text:#1e293b;--admin-text-secondary:#64748b;--admin-text-muted:#94a3b8;--admin-shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.03);--admin-shadow:0 2px 8px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.04);--admin-shadow-md:0 4px 16px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.04);--admin-shadow-lg:0 8px 30px rgba(0,0,0,.07),0 4px 12px rgba(0,0,0,.04);--admin-radius:12px;--admin-radius-sm:8px;--admin-radius-lg:16px;--admin-transition:.2s cubic-bezier(.4,0,.2,1);--sidebar-bg:linear-gradient(180deg,#013d3d 0%,#015e5e 100%);--sidebar-hover:rgba(255,255,255,.08);--sidebar-active:rgba(202,155,64,.9);--sidebar-section:rgba(255,255,255,.25)}.glass{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.animate-soft{transition:all var(--admin-transition)}#sidebar{width:var(--sidebar-w);transition:width .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);overflow:hidden;background:var(--sidebar-bg)}.sidebar-collapsed #sidebar{width:var(--sidebar-w-collapsed)}.nav-scroll{overflow-y:auto}.sidebar-collapsed .nav-scroll{overflow:visible}.main{margin-left:var(--sidebar-w);transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .main{margin-left:var(--sidebar-w-collapsed)}.nav-item{transition:all var(--admin-transition);position:relative;font-size:.875rem;font-weight:500;letter-spacing:.01em}.nav-item:hover{background:var(--sidebar-hover)}.nav-item i{width:20px;text-align:center;font-size:.9rem;opacity:.85}.nav-item:hover i{opacity:1}.label{opacity:1;transform:translateX(0);transition:opacity .2s,transform .2s}.sidebar-collapsed .label{opacity:0;transform:translateX(-6px);pointer-events:none}.nav-active{background:var(--sidebar-active);color:#fff}#collapseBtn{z-index:70;transition:all var(--admin-transition)}#collapseBtn:hover{background:rgba(255,255,255,.15)}#expandBtn{display:none}.sidebar-collapsed #expandBtn{display:inline-flex}.sidebar-collapsed #collapseBtn{display:none}.submenu{overflow:hidden;max-height:0;transition:max-height .3s ease}.flyout{position:fixed;left:calc(var(--sidebar-w-collapsed)+8px);top:0;width:240px;max-height:min(70vh,420px);overflow:auto;background:var(--admin-card);color:var(--admin-text);border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow-lg);padding:6px;z-index:60;display:none}.flyout.open{display:block}.nav-scroll::-webkit-scrollbar,.flyout::-webkit-scrollbar{width:6px}.nav-scroll::-webkit-scrollbar-thumb,.flyout::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:999px}.flyout::-webkit-scrollbar-thumb{background:#cbd5e1}.brand-badge{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 4px 14px rgba(202,155,64,.25);overflow:hidden}.brand-badge img{width:100%;height:100%;object-fit:cover;border-radius:10px}.brand-img{height:32px;width:auto}.sidebar-collapsed .brand-text{display:none}.sidebar-collapsed .brand-badge{display:flex}.admin-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow-sm);transition:box-shadow var(--admin-transition),border-color var(--admin-transition)}.admin-card:hover{box-shadow:var(--admin-shadow);border-color:#dde3ea}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.admin-page-title{font-size:1.375rem;font-weight:700;color:var(--color1);font-family:var(--fontinter);letter-spacing:-.01em}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--color1);color:#fff;font-family:var(--fontinter);font-size:.8125rem;font-weight:600;padding:.5rem 1.125rem;border-radius:var(--admin-radius-sm);box-shadow:var(--admin-shadow-sm);transition:all var(--admin-transition);border:none;cursor:pointer;text-decoration:none}.btn-primary:hover{box-shadow:0 4px 12px rgba(1,77,77,.2);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--color1);font-family:var(--fontinter);font-size:.8125rem;font-weight:600;padding:.5rem 1.125rem;border-radius:var(--admin-radius-sm);border:1.5px solid var(--color1);transition:all var(--admin-transition);cursor:pointer;text-decoration:none}.btn-outline:hover{background:var(--color1);color:#fff;box-shadow:var(--admin-shadow-sm)}.btn-danger-outline{display:inline-flex;align-items:center;gap:.375rem;background:transparent;color:#ef4444;font-family:var(--fontinter);font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:var(--admin-radius-sm);border:1.5px solid #fca5a5;transition:all var(--admin-transition);cursor:pointer}.btn-danger-outline:hover{background:#fef2f2;border-color:#ef4444}.btn-sm{font-size:.75rem;padding:.375rem .75rem;border-radius:6px}.btn-gold-outline{display:inline-flex;align-items:center;gap:.375rem;background:transparent;color:var(--color2);font-family:var(--fontinter);font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:var(--admin-radius-sm);border:1.5px solid var(--color3);transition:all var(--admin-transition);cursor:pointer}.btn-gold-outline:hover{background:rgba(var(--color2rgb),.06);border-color:var(--color2)}.badge{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--fontinter);font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:999px;letter-spacing:.02em}.badge-success{background:#ecfdf5;color:#059669}.badge-danger{background:#fef2f2;color:#dc2626}.badge-info{background:#eff6ff;color:#2563eb}.badge-warning{background:#fffbeb;color:#d97706}.badge-neutral{background:#f1f5f9;color:#475569}.admin-input{width:100%;border:1.5px solid var(--admin-border);border-radius:var(--admin-radius-sm);padding:.5625rem .875rem;font-size:.875rem;font-family:var(--fontinter);color:var(--admin-text);background:var(--admin-card);transition:all var(--admin-transition)}.admin-input:focus{outline:none;border-color:var(--color1);box-shadow:0 0 0 3px rgba(var(--color1rgb),.08)}.admin-input::placeholder{color:var(--admin-text-muted)}.admin-label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;font-family:var(--fontinter);color:var(--admin-text)}.admin-label .req{color:#ef4444;margin-left:2px}.admin-hint{font-size:.75rem;color:var(--admin-text-muted);margin-top:.25rem;font-family:var(--fontinter)}.toggle-switch{position:relative;width:44px;height:24px;display:inline-block}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#cbd5e1;border-radius:999px;cursor:pointer;transition:all var(--admin-transition)}.toggle-slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform var(--admin-transition);box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle-switch input:checked+.toggle-slider{background:var(--color1)}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(20px)}.upload-zone{border:2px dashed var(--admin-border);border-radius:var(--admin-radius);padding:1.25rem;text-align:center;transition:all var(--admin-transition);cursor:pointer}.upload-zone:hover{border-color:var(--color1);background:rgba(var(--color1rgb),.02)}.dataTables_wrapper{font-family:var(--fontinter) !important}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{font-size:.8125rem !important;color:var(--admin-text-secondary) !important;padding:.5rem 0 !important}.dataTables_wrapper .dataTables_filter input{border:1.5px solid var(--admin-border) !important;border-radius:var(--admin-radius-sm) !important;padding:.4375rem .75rem !important;font-size:.8125rem !important;transition:all var(--admin-transition) !important;outline:none !important;margin-left:.5rem !important}.dataTables_wrapper .dataTables_filter input:focus{border-color:var(--color1) !important;box-shadow:0 0 0 3px rgba(var(--color1rgb),.08) !important}.dataTables_wrapper .dataTables_length select{border:1.5px solid var(--admin-border) !important;border-radius:6px !important;padding:.3125rem .5rem !important;font-size:.8125rem !important}table.dataTable thead th{font-family:var(--fontinter) !important;font-size:.75rem !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:.05em !important;color:var(--admin-text-secondary) !important;border-bottom:2px solid var(--admin-border) !important;padding:.75rem 1rem !important;white-space:nowrap !important;background:transparent !important}table.dataTable tbody td{font-family:var(--fontinter) !important;font-size:.8125rem !important;padding:.75rem 1rem !important;color:var(--admin-text) !important;border-bottom:1px solid var(--admin-border-light) !important;vertical-align:middle !important}table.dataTable tbody tr:hover{background:rgba(var(--color1rgb),.02) !important}table.dataTable.stripe tbody tr.odd{background:rgba(248,250,251,.6) !important}table.dataTable.stripe tbody tr.odd:hover{background:rgba(var(--color1rgb),.03) !important}.dataTables_wrapper .dataTables_paginate .paginate_button{border:1px solid var(--admin-border) !important;border-radius:6px !important;padding:.3125rem .625rem !important;font-size:.75rem !important;margin:0 2px !important;transition:all var(--admin-transition) !important}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--color1) !important;color:#fff !important;border-color:var(--color1) !important}.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current){background:rgba(var(--color1rgb),.06) !important;border-color:var(--color1) !important;color:var(--color1) !important}.stat-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all var(--admin-transition);text-decoration:none}.stat-card:hover{border-color:rgba(var(--color1rgb),.2);box-shadow:var(--admin-shadow);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;min-width:48px;border-radius:var(--admin-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color1);font-family:var(--fontinter);line-height:1.2}.stat-label{font-size:.75rem;color:var(--admin-text-secondary);font-family:var(--fontinter);margin-top:.125rem}.quick-action{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1rem;border:1.5px solid var(--admin-border);border-radius:var(--admin-radius);transition:all var(--admin-transition);text-decoration:none;text-align:center}.quick-action:hover{border-color:var(--color1);background:rgba(var(--color1rgb),.03);box-shadow:var(--admin-shadow-sm);transform:translateY(-2px)}.quick-action i{font-size:1.25rem;color:var(--color1);transition:transform var(--admin-transition)}.quick-action:hover i{transform:scale(1.1)}.quick-action span{font-size:.8125rem;font-family:var(--fontinter);font-weight:500;color:var(--admin-text)}.admin-section-title{font-size:1rem;font-weight:700;color:var(--color1);font-family:var(--fontinter);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--admin-border-light)}.user-btn{display:flex;align-items:center;gap:.5rem;padding:.4375rem .875rem;border-radius:var(--admin-radius-sm);background:var(--admin-card);border:1.5px solid var(--admin-border);font-family:var(--fontinter);font-size:.8125rem;font-weight:500;color:var(--admin-text);transition:all var(--admin-transition);cursor:pointer}.user-btn:hover{border-color:rgba(var(--color2rgb),.4);box-shadow:var(--admin-shadow-sm)}.user-menu{position:absolute;right:0;margin-top:.5rem;width:12rem;background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow-lg);overflow:hidden}.user-menu button{width:100%;text-align:left;padding:.625rem 1rem;font-size:.8125rem;font-family:var(--fontinter);color:var(--admin-text);transition:background var(--admin-transition)}.user-menu button:hover{background:#f8fafb}.admin-tab{padding:.4375rem 1rem;border-radius:var(--admin-radius-sm);font-size:.8125rem;font-weight:500;font-family:var(--fontinter);transition:all var(--admin-transition);border:1.5px solid transparent;cursor:pointer}.admin-tab-active{background:var(--color1);color:#fff;border-color:var(--color1)}.admin-tab-inactive{background:transparent;color:var(--admin-text-secondary);border-color:var(--admin-border)}.admin-tab-inactive:hover{color:var(--color1);border-color:rgba(var(--color1rgb),.3);background:rgba(var(--color1rgb),.03)}.swal2-popup{border-radius:var(--admin-radius-lg) !important;font-family:var(--fontinter) !important}.swal2-title{font-size:1.125rem !important;font-weight:700 !important}.swal2-html-container{font-size:.875rem !important;color:var(--admin-text-secondary) !important}.admin-empty{text-align:center;padding:3rem 1.5rem;color:var(--admin-text-muted);font-family:var(--fontinter)}.admin-empty i{font-size:2.5rem;margin-bottom:.75rem;opacity:.4}.admin-empty p{font-size:.875rem;margin-top:.5rem}.table-thumb{width:3rem;height:2.25rem;object-fit:cover;border-radius:6px;border:1px solid var(--admin-border-light)}.table-thumb-square{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:6px;border:1px solid var(--admin-border-light)}@media (max-width:768px){#sidebar{transform:translateX(-100%);position:fixed;z-index:100;width:var(--sidebar-w) !important}body.sidebar-mobile-open #sidebar{transform:translateX(0)}.sidebar-collapsed #sidebar{transform:translateX(-100%);width:var(--sidebar-w) !important}body.sidebar-mobile-open .sidebar-overlay{display:block}.main{margin-left:0 !important}.sidebar-collapsed .main{margin-left:0 !important}#expandBtn{display:inline-flex !important}#collapseBtn{display:inline-flex !important}.sidebar-collapsed #collapseBtn{display:inline-flex !important}.sidebar-collapsed #expandBtn{display:none !important}.sidebar-collapsed .label{opacity:1 !important;transform:none !important;pointer-events:auto !important}}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:90;backdrop-filter:blur(2px)}