:root{--color-surface:#f8f3d9;--color-on-surface:#ebe5c2;--color-text-primary:#161616;--color-text-secondary:#a6a09b;--color-input-bg:#ebe5c2;--color-input-text:#161616b2;--color-border-color:#ebe5c2;--color-button-outline:#b9b28a;--color-base:#504b38;--color-base-blue:#2291e8;--color-base-transparetn:#00a551d5;--color-ripple-color:#d9d9d98c;--color-seperator-color:#0a3326;--color-icon-active:#6c6c6c;--color-icon-deactive:#dbdbdb;--color-icon-outter:#00a551;--color-button-active-fill:#00a551;--color-button-active-border:#00a551;--color-button-active-text:#fff;--color-input-border:#f3f3f3;--color-input-placeholder:#6c6c6c;--color-text-label:#000;--color-text-link:#00a551;--color-filing-icon:#696969;--color-filing-icon-call:#424242;--color-file-tag-bg:#6c6c6c4a;--color-btn-bg-transparent:#00a5513b;--color-wave-darker-bg:#f3f3f3;--color-wave-brighter-bg:#e2e2e2;--color-disabled:#d9d9d98c}:root.theme-dark,:root .theme-dark{--color-surface:#021911;--color-on-surface:#05291d;--color-text-primary:#e7e5e4;--color-text-secondary:#a6a09b;--color-input-bg:#05291d;--color-input-text:#ffffffb3;--color-text-danger:#fb2c36;--color-seperator-color:#0a3326;--color-button-outline:#b9b28a;--color-base-blue:#2291e8;--color-base:#2c9d6c;--color-base-transparetn:#00a551d5;--color-ripple-color:#9494944d;--color-icon-active:#6c6c6c;--color-icon-deactive:#dbdbdb;--color-icon-outter:#00a551;--color-button-active-fill:#00a551;--color-button-active-border:#00a551;--color-button-active-text:#fff;--color-input-border:#404040;--color-input-placeholder:#969696;--color-text-label:#fff;--color-text-link:#00a551;--color-filing-icon:#727272;--color-filing-icon-call:#b9b9b9;--color-file-tag-bg:#6c6c6c4a;--color-btn-bg-transparent:#00a5513b;--color-wave-darker-bg:#3b3b3b;--color-wave-brighter-bg:#464646;--color-disabled:#9494944d}html[dir=ltr] html,html[dir=ltr] body{font-family:poppins-regular!important}html[dir=ltr] body{direction:ltr}html[dir=ltr] .num{font-family:"sans-serif"}html[dir=ltr] .coming-soon-panel{right:10px}html[dir=ltr] .custom-toast .custom-toast-button{right:10%}html[dir=ltr] .custom-toast .toast-button{justify-content:space-between;display:flex}html[dir=ltr] .profile .item-content{padding-left:0;padding-right:16px}html[dir=ltr] .profile .page-content .list ul li:first-child{padding-left:20px;padding-right:0}html[dir=ltr] .profile .page-content .list ul li .item-media{padding-left:10px;padding-right:0}html[dir=ltr] .profile .page-content .list ul li .item-inner:before{left:auto;right:0;transform:rotate(0)}html[dir=ltr] .exit-btn i,html[dir=ltr] .profile-exit-btn i{transform:rotate(0)}html[dir=ltr] .home .h-content-inner .h-card-content{padding:0 0 13px 15px}html[dir=ltr] .home .h-search-wrapper .button .icon-chevron-left{transform:rotate(180deg)}html[dir=ltr] .right-side-body li a{border-radius:0 50px 50px 0}html[dir=ltr] .item-checkbox>.icon-checkbox:after{transform:translate(2px,1px)}html[dir=ltr] .rules ul{padding:0 0 0 2rem}html[dir=ltr] .inbox .secondary-button{padding:0 16px}html[dir=ltr] .filter-input-wrapper .item-title{left:15px}html[dir=ltr] .accordion-list .accordion-item .item-content:before{right:calc((var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal))/2 + var(--f7-safe-area-left));left:unset}html[dir=ltr] .filter-input-wrapper .item-title{font-size:.7rem}html[dir=ltr] .wallet .action-btn-wrapper .card .button{font-size:.8rem}html[dir=ltr] .plans .enter-plans-code-wrapper input{text-align:left}html[dir=ltr] .reminder-list .priority{direction:rtl;justify-content:start}html[dir=ltr] .edit-dashboard .list .item-link{padding:0 16px 0 0}html[dir=ltr] .edit-dashboard .list .item-link .item-inner:before{right:0;left:unset;transform:rotate(180deg)}html[dir=ltr] .filing .republish,html[dir=ltr] .file-details .republish{width:66px;top:15px;left:-2rem}html[dir=ltr] .login .forget-password-btn,html[dir=ltr] .login .register-user{text-align:left}html[dir=rtl] html,html[dir=rtl] body{font-family:PeydaWeb,serif!important}html[dir=rtl] body{direction:rtl}html[dir=rtl] .num{font-family:PeydaWeb}html[dir=rtl] .custom-toast .custom-toast-button{left:10%}html[dir=rtl] .coming-soon-panel{left:10px}html[dir=rtl] .right{right:20px!important}html[dir=rtl] .sheet-modal .sheet-modal-inner ul li i{margin-left:5px}html[dir=rtl] .profile .item-content{padding-left:16px}html[dir=rtl] .home .h-content-inner .h-card-content{padding:0 15px 13px 0}html[dir=rtl] .right-side-body li a{border-radius:50px 0 0 50px}html[dir=rtl] .rules ul{padding-right:2rem}html[dir=rtl] .filter-input-wrapper .item-title{font-size:.9rem;font-weight:600}html[dir=rtl] .wallet .action-btn-wrapper .card .button{font-size:1rem;font-weight:600}html[dir=rtl] .plans .enter-plans-code-wrapper input,html[dir=rtl] .login .forget-password-btn,html[dir=rtl] .login .register-user{text-align:right}html[dir=rtl] .register .timer,html[dir=rtl] .otp-validation .timer{font-family:PeydaWeb}@font-face{font-family:PeydaWeb;src:url(../fonts/PeydaWeb/woff2/PeydaWeb-Black.woff2)format("woff2"),url(../fonts/PeydaWeb/woff/PeydaWeb-Black.woff)format("woff"),url(../fonts/PeydaWeb/eot/PeydaWeb-Black.eot)format("embedded-opentype");font-weight:900;font-style:normal}@font-face{font-family:PeydaWeb;src:url(../fonts/PeydaWeb/woff2/PeydaWeb-Bold.woff2)format("woff2"),url(../fonts/PeydaWeb/woff/PeydaWeb-Bold.woff)format("woff"),url(../fonts/PeydaWeb/eot/PeydaWeb-Bold.eot)format("embedded-opentype");font-weight:700;font-style:normal}@font-face{font-family:PeydaWeb;src:url(../fonts/PeydaWeb/woff2/PeydaWeb-ExtraBold.woff2)format("woff2"),url(../fonts/PeydaWeb/woff/PeydaWeb-ExtraBold.woff)format("woff"),url(../fonts/PeydaWeb/eot/PeydaWeb-ExtraBold.eot)format("embedded-opentype");font-weight:800;font-style:normal}@font-face{font-family:PeydaWeb;src:url(../fonts/PeydaWeb/woff2/PeydaWeb-Extralight.woff2)format("woff2"),url(../fonts/PeydaWeb/woff/PeydaWeb-Extralight.woff)format("woff"),url(../fonts/PeydaWeb/eot/PeydaWeb-Extralight.eot)format("embedded-opentype");font-weight:200;font-style:normal}@font-face{font-family:PeydaWeb;src:url(../fonts/PeydaWeb/woff2/PeydaWeb-Light.woff2)format("woff2"),url(../fonts/PeydaWeb/woff/PeydaWeb-Light.woff)format("woff"),url(../fonts/PeydaWeb/eot/PeydaWeb-Light.eot)format("embedded-opentype");font-weight:300;font-style:normal}@font-face{font-family:PeydaWeb;src:url(../fonts/PeydaWeb/woff2/PeydaWeb-Medium.woff2)format("woff2"),url(../fonts/PeydaWeb/woff/PeydaWeb-Medium.woff)format("woff"),url(../fonts/PeydaWeb/eot/PeydaWeb-Medium.eot)format("embedded-opentype");font-weight:500;font-style:normal}@font-face{font-family:PeydaWeb;src:url(../fonts/PeydaWeb/woff2/PeydaWeb-Regular.woff2)format("woff2"),url(../fonts/PeydaWeb/woff/PeydaWeb-Regular.woff)format("woff"),url(../fonts/PeydaWeb/eot/PeydaWeb-Regular.eot)format("embedded-opentype");font-weight:400;font-style:normal}@font-face{font-family:PeydaWeb;src:url(../fonts/PeydaWeb/woff2/PeydaWeb-SemiBold.woff2)format("woff2"),url(../fonts/PeydaWeb/woff/PeydaWeb-SemiBold.woff)format("woff"),url(../fonts/PeydaWeb/eot/PeydaWeb-SemiBold.eot)format("embedded-opentype");font-weight:600;font-style:normal}@font-face{font-family:PeydaWeb;src:url(../fonts/PeydaWeb/woff2/PeydaWeb-Thin.woff2)format("woff2"),url(../fonts/PeydaWeb/woff/PeydaWeb-Thin.woff)format("woff"),url(../fonts/PeydaWeb/eot/PeydaWeb-Thin.eot)format("embedded-opentype");font-weight:100;font-style:normal}@font-face{font-family:Reem Kufi Ink;src:url(../fonts/ReemKufiInk-Regular.ttf)format("embedded-opentype"),url(../fonts/ReemKufiInk-Regular.ttf)format("truetype"),url(../fonts/ReemKufiInk-Regular.ttf)format("woff"),url(../fonts/ReemKufiInk-Regular.ttf)format("woff2")}@font-face{font-family:Al Qalam New;src:url(../fonts/Al_Qalam_New.ttf)format("embedded-opentype"),url(../fonts/Al_Qalam_New.ttf)format("truetype"),url(../fonts/Al_Qalam_New.ttf)format("woff"),url(../fonts/Al_Qalam_New.ttf)format("woff2")}@font-face{font-family:QuranFont;src:url(../fonts/QuranFont.ttf)format("embedded-opentype"),url(../fonts/QuranFont.ttf)format("truetype"),url(../fonts/QuranFont.ttf)format("woff"),url(../fonts/QuranFont.ttf)format("woff2")}@font-face{font-family:KFGQPC Uthmanic Script HAFS;src:url(../fonts/KFGQPC_Regular.otf)format("embedded-opentype"),url(../fonts/KFGQPC_Regular.otf)format("truetype"),url(../fonts/KFGQPC_Regular.otf)format("woff"),url(../fonts/KFGQPC_Regular.otf)format("woff2")}body{background:var(--color-surface,#f8f3d9)!important;color:var(--color-text-primary,#161616)!important;font-family:var(--f7-font-family)!important;font-size:var(--f7-font-size,14px)!important;line-height:var(--f7-line-height,1.4)!important;-webkit-text-size-adjust:100%!important;-webkit-font-smoothing:antialiased!important;margin:0!important;padding:0!important;overflow:hidden!important}*{-webkit-tap-highlight-color:#0000!important;-webkit-touch-callout:none!important}.numbers{font-family:PeydaWeb,sans-serif}html,body{color:var(--color-text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;background:var(--color-surface)!important}html ::-webkit-scrollbar,body ::-webkit-scrollbar{display:none}.navbar,.box-wrapper .header{font-size:1rem;font-weight:600}.login .login-btn,.login .otp-btn,.popup-rules .toolbar-bottom button,.secondary-button,.base-button{text-transform:none;border-radius:10px;gap:5px;height:35px;padding:20px;font-size:14px}.login .login-btn,.login .otp-btn,.popup-rules .toolbar-bottom button,.base-button{background-color:var(--color-base);color:#fff!important}.login .login-btn:disabled,.login .otp-btn:disabled,.popup-rules .toolbar-bottom button:disabled,.base-button:disabled{border-color:var(--color-input-placeholder);cursor:no-drop;background-color:var(--color-input-placeholder)!important}.item-input-wrap>svg{color:var(--color-text-primary);padding:10px;font-size:15px;font-weight:500;position:absolute;top:calc(50% - 20.5px)}.item-input-wrap>svg.left-side{left:0}.item-input-wrap>svg.right-side{right:0}.item-input-wrap select,.item-input-wrap textarea,.item-input-wrap input,.basic-input{text-align:center;z-index:1;border-radius:10px;height:45px;padding:15px;font-size:14px;font-weight:600;display:inline-block;background-color:var(--color-input-bg)!important;color:var(--color-input-text)!important}.item-input-wrap select::placeholder,.item-input-wrap textarea::placeholder,.item-input-wrap input::placeholder,.basic-input::placeholder{color:var(--color-input-placeholder)}.shake{animation:.5s infinite bellshake}.text-xs{font-size:12px;line-height:16px}.text-sm{line-height:18px;font-size:14px!important}.text-base{font-size:16px;line-height:20px}.text-lg{font-size:18px;line-height:22px}.text-xl{font-size:20px;line-height:24px}.text-2xl{font-size:24px;line-height:28px}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-10{gap:2.5rem}.gap-11{gap:2.75rem}.gap-12{gap:3rem}.gap-13{gap:3.25rem}.gap-14{gap:3.5rem}.gap-15{gap:3.75rem}.gap-16{gap:4rem}.w-full{width:100%!important}.w-90{width:90%}.w-75{width:75%}.w-50{width:50%}.w-25{width:25%}.font-light{font-weight:lighter}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}@keyframes bellshake{0%{transform:rotate(0)}15%{transform:rotate(5deg)}30%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}85%{transform:rotate(-2deg)}92%{transform:rotate(1deg)}to{transform:rotate(0)}}@keyframes dotElasticBefore{0%{transform:scale(1)}25%{transform:scaleY(1.5)}50%{transform:scaleY(.67)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dotElastic{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(1.5)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dotElasticAfter{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(.67)}75%{transform:scaleY(1.5)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wave{0%{left:-150%}to{left:150%}}@keyframes mover{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.toast-error{color:var(--f7-toast-error-text,#fff);background:#e74d3c}.toast-success{color:var(--f7-toast-success-text,#fff);background:#07bc0c}.view.freezer-view:before{content:"";visibility:visible;opacity:0;z-index:14000;background:#0006;width:100%;height:100%;transition-duration:.4s;position:absolute;top:0;left:0}.secondary-button{background-color:#0000;height:35px;border:1px solid var(--color-button-active-border)!important;color:var(--color-base)!important}.box-wrapper{margin-bottom:var(--f7-card-margin-vertical);background-color:var(--color-surface);padding:10px 15px;box-shadow:0 0 1px #0000002e}.box-wrapper .header{justify-content:flex-start;align-items:center;margin:10px 0;display:flex}.box-wrapper .header>span{flex:3}.box-wrapper .header>button{flex:1}.spinner-animation{animation:1s linear infinite spin}.navbar{direction:rtl;position:sticky;top:0}.navbar .right:first-child{position:unset;margin-right:15px;font-size:1.25rem}.navbar.custom-shadow .navbar-bg{webkit-box-shadow:0 2px 3px 0 #3a3a3a26;-moz-box-shadow:0 2px 3px #3a3a3a26;box-shadow:0 2px 3px #3a3a3a26}.navbar-bg{background-color:var(--color-surface)!important}.navbar-bg:before{height:0}.navbar-inner{-webkit-justify-content:flex-start!important;justify-content:end!important}.left{font-size:20px;top:6px;left:14px}.left a{color:var(--color-text-label)}.login .login-btn .ripple-wave,.login .otp-btn .ripple-wave,.popup-rules .toolbar-bottom button .ripple-wave,.base-button .ripple-wave,.secondary-button .ripple-wave,.button .ripple-wave,button .ripple-wave{background:0 0}.login .active-state.login-btn,.login .active-state.otp-btn,.popup-rules .toolbar-bottom button.active-state,.active-state.base-button,.active-state.secondary-button,.button.active-state,button.active-state{background-color:inherit;color:inherit}.btn-loading{background-color:#87878745;border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.dot-elastic{animation:1s linear infinite dotElastic;position:absolute}.dot-elastic:before,.dot-elastic:after{content:"";display:inline-block;position:absolute;top:0}.dot-elastic:before{animation:1s linear infinite dotElasticBefore;left:-15px}.dot-elastic:after{animation:1s linear infinite dotElasticAfter;left:15px}.dot-elastic,.dot-elastic:before,.dot-elastic:after{color:#fff;background-color:#fff;border-radius:5px;width:8px;height:8px}.icon{stroke-width:0;stroke:currentColor;fill:currentColor;width:1em;height:1em;font-size:20px;display:inline-block}.circle{background-color:#bbb;border-radius:50%;width:25px;height:25px;display:inline-block}.margin-auto{margin:auto}.margin-right-auto{margin-right:auto}.margin-left-auto{margin-left:auto}.swiper-pagination-bullet-active{background:var(--color-base)}.page,.login.page,.register.page,.commission.page,.edit-dashboard.page{background-color:var(--color-surface)!important}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}.toolbar.bottom-menu{background:0 0;width:calc(100% - 32px);height:60px;margin:auto;padding:10px;position:absolute;bottom:10px;left:0;right:0}.toolbar.bottom-menu .toolbar-inner{background:var(--color-on-surface);border-radius:10px;justify-content:space-between;align-items:center;display:flex;overflow:visible}.toolbar.bottom-menu .icon{font-size:1rem}.toolbar.bottom-menu .tabbar-label{height:14px;font-family:PeydaWeb,sans-serif;font-size:12px}.toolbar.bottom-menu.toolbar-bottom .button{text-transform:inherit;color:var(--color-icon-active);flex-direction:column;justify-content:center;gap:8px;height:100%;padding:0;position:relative;overflow:visible}.toolbar.bottom-menu.toolbar-bottom .button.active{color:var(--color-base)}.toolbar.bottom-menu.toolbar-bottom .button.diamond-button{z-index:1;padding-top:25px;position:relative}.toolbar.bottom-menu.toolbar-bottom .button.diamond-button .icon-container{z-index:3;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.toolbar.bottom-menu.toolbar-bottom .button.diamond-button .icon-base{width:24px;height:24px}.toolbar.bottom-menu.toolbar-bottom .button.diamond-button:before{content:"";background:var(--color-button-outline);z-index:1;border-radius:4px;width:40px;height:40px;position:absolute;bottom:70%;left:50%;transform:translate(-50%)rotate(45deg)}.toolbar.bottom-menu.toolbar-bottom .button.diamond-button .tabbar-label{z-index:3;position:relative}@keyframes rotateBorder{to{--a:360deg}}.popup{background:var(--color-surface)!important}.sheet-modal{background-color:var(--color-on-surface);border-radius:10px 10px 0 0}.sheet-modal .sheet-modal-header{background:var(--color-text-primary);border-radius:6px;width:25px;height:3px}.sheet-modal .sheet-modal-buttons{justify-content:space-around;align-items:center;width:90%;height:50px;padding-bottom:16px;display:flex}.sheet-modal .sheet-modal-buttons .sheet-modal-button{text-align:center;border-radius:10px;justify-content:center;align-items:center;width:45%;height:100%;font-size:14px;font-weight:500;display:flex}.sheet-modal .sheet-modal-buttons .approve{background:var(--color-base);color:#fff!important}.sheet-modal .sheet-modal-buttons .cancel{border:1px solid var(--color-button-outline);color:var(--color-text-primary)}.panel ul{background:inherit;padding:0;list-style:none}.item-link.active-state{background-color:var(--color-base-transparetn)}.item-link .ripple-wave{background-color:var(--color-base)}.right-side-header{border-bottom:1px solid var(--color-seperator-color);margin-top:15px;margin-bottom:0}.right-side-header .switch-them{direction:rtl;border-radius:0 50px 50px 0;margin:9px 0 0;padding:8px 21px;font-size:12px;font-weight:500;position:relative}.right-side-header .switch-them i{color:#676666;font-size:15px;font-weight:600}.right-side-header .switch-them span{margin:0 5px;line-height:0}.right-side-body{height:calc(100% - 13.5rem);margin-top:0;margin-bottom:0;padding-bottom:10px;overflow-x:scroll}.right-side-body ul:before{width:0}.right-side-body li a{align-items:center;gap:5px;margin:9px 0;padding:10px;font-size:13px;font-weight:500;display:flex!important}.right-side-body li a.active{color:var(--color-base);background-color:#00a55178}.right-side-body li a.active i{color:var(--color-base)}.right-side-body .no-border-bottom:after{content:none!important}.right-side-footer{text-align:center;color:#7f7f7f;border-top:1px solid var(--color-seperator-color);justify-content:center;align-items:center;height:40px;margin:0;font-size:15px;display:flex}.item-input-wrap{margin-bottom:9px;position:relative}.item-input-wrap textarea{height:auto;padding-top:5px}.card{background:var(--color-surface);-webkit-box-shadow:0 0 5px #0000001a;-moz-box-shadow:0 0 5px #0000001a;box-shadow:0 0 5px #0000001a}.management .channels-list .card,.info .users-list .card{margin:5px 0}.management .channels-list .media-wrap img,.info .users-list .media-wrap img{object-fit:cover;width:100%;height:100%}.management .channels-list .content-wrapper,.info .users-list .content-wrapper{justify-content:space-around}.management .channels-list .content-wrapper .channel-title,.info .users-list .content-wrapper .channel-title{flex:11}.management .channels-list .content-wrapper .menu-dropdown,.info .users-list .content-wrapper .menu-dropdown{height:0}.management .channels-list .content-wrapper .menu-dropdown-left:after,.info .users-list .content-wrapper .menu-dropdown-left:after{content:none}.management .channels-list .content-wrapper .menu-dropdown-content,.info .users-list .content-wrapper .menu-dropdown-content{background:var(--color-surface);-webkit-box-shadow:0 0 5px #0000001a;-moz-box-shadow:0 0 5px #0000001a;box-shadow:0 0 1px #0000001a}.management .channels-list .content-wrapper .menu-dropdown-content .menu-dropdown-item,.management .channels-list .content-wrapper .menu-dropdown-content .menu-dropdown-link,.info .users-list .content-wrapper .menu-dropdown-content .menu-dropdown-item,.info .users-list .content-wrapper .menu-dropdown-content .menu-dropdown-link{color:var(--color-input-text)}.management .channels-list .content-wrapper .more-tools,.info .users-list .content-wrapper .more-tools{color:var(--color-filing-icon);cursor:pointer;background-color:#0000;border:0;flex:1;height:max-content;margin-left:-10px;padding:0}label.item-radio input[type=radio]:checked~* .icon-radio{border-color:var(--color-base)!important}label.item-radio input[type=radio]:checked~* .icon-radio:after{background-color:var(--color-base)!important}.radio input[type=radio]:checked~.icon-radio,label.item-radio input[type=radio]:checked~.icon-radio{border-color:var(--color-base)!important}.radio input[type=radio]:checked~.icon-radio:after,label.item-radio input[type=radio]:checked~.icon-radio:after{background-color:var(--color-base)!important}.item-checkbox{align-items:center;gap:5px;min-height:min-content;display:flex}.item-checkbox>.icon-checkbox{width:.8em;height:.8em;margin-right:unset!important}.item-checkbox>.icon-checkbox:after{width:100%;height:100%;font-size:13px;top:-3px;right:0}.item-checkbox input[type=checkbox]:checked~.icon-checkbox{border-color:var(--color-base)!important;background-color:var(--color-base)!important}.item-checkbox.active-state{background-color:#0000!important}.item-checkbox .item-inner{min-height:inherit;padding:0}.item-checkbox .item-inner:after{content:none}.fab>a,.fab>a.active-state{background-color:var(--color-base)}.popup-rules{overflow:scroll!important}.popup-rules .page-content{padding-bottom:48px;padding-left:20px;padding-right:20px}.popup-rules .toolbar-bottom{background:var(--color-surface);height:min-content;position:absolute}.popup-rules .toolbar-bottom:before,.popup-rules .toolbar-bottom:after{content:none}.popup-rules .toolbar-bottom button{width:calc(100% - 4rem);margin:10px 2rem}.height-100{height:100%!important}.list ul{background:inherit}.list ul:before,.list ul:after{content:none}.list .item-content{min-height:auto}.appbar{background-color:var(--color-surface)}.btn-login-wrapper{margin-top:10px}.btn-login-wrapper>button{height:40px;text-transform:inherit;color:var(--color-base);border:2px solid var(--color-base);background-color:#0000}.btn-login-wrapper>button .f7-icons{margin-top:5px;margin-left:5px;font-size:15px}.enter-code section{text-align:center;direction:ltr;border-radius:5px}.enter-code section input{border:unset;text-align:center;border-bottom:2px solid #bbb;border-radius:0;outline:none;margin-right:-4px;padding:0;font-size:20px;display:inline-block;width:9%!important;height:35px!important}.enter-code section input.active-input,.enter-code section input:active,.enter-code section input:focus{border-color:var(--color-base)}.rtl{text-align:right;direction:rtl}.message-sent .message-content{border-radius:15px 15px 15px 0;margin-left:0;margin-right:16px}.message-content,.message-bubble{width:100%}.message-sent{max-width:80%!important;margin-top:8px!important;margin-bottom:15px!important;margin-right:0!important}.message-received{max-width:100%!important}.message-time{color:#666;margin-top:4px;font-size:12px}.message-status{margin-left:0;margin-right:8px}#direct-textarea{resize:none;background:0 0;border:none;width:100%;padding:8px 12px;font-size:16px}#direct-textarea:focus{outline:none}.icon-send{color:var(--color-text-primary);cursor:pointer;font-size:23px}.rtl-text{text-align:right;direction:rtl}.main_text{text-align:center;font-size:1.8rem;font-weight:700}.message-sent .message-bubble{word-break:break-word;border-radius:10px;width:100%;max-width:100%;min-height:1.75rem;padding:15px;background:var(--color-on-surface)!important;color:var(--color-text-primary)!important}.message-text{text-align:justify;direction:rtl;unicode-bidi:embed;font-size:16px;line-height:1.5rem}.message-sent .message-text{white-space:pre-wrap}@keyframes typing-animation{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.message-received .message-bubble{background:0 0!important}.dir-ltr{direction:ltr}.dir-rtl{direction:rtl}.quran-verse-message .message-content{background-color:#f8f5ee;border-radius:10px;margin:10px 0;padding:15px}.play-verse-btn{background-color:var(--color-surface);color:var(--color-tex-primary);margin-top:5px}.play-verse-btn.playing{background-color:#2c5282}.typing-indicator{padding:10px}.typing-indicator span{background-color:#666;border-radius:50%;width:8px;height:8px;margin:0 2px;animation:1s ease-in-out infinite typing;display:inline-block}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.messagebar{background-color:var(--color-surface)}.messagebar .toolbar-inner{background-color:var(--color-on-surface);border-radius:10px;width:95%;margin:10px auto;left:0;right:0}.messagebar .messagebar-area{margin-top:4px;margin-bottom:4px}.text-secondary{color:var(--color-text-secondary)}.panel{background-color:var(--color-on-surface)}.item-title{font-size:14px!important;line-height:18px!important}.chat-history-header{font-size:13px!important}.popover{width:200px}.delete-history{color:var(--color-text-danger)}.popover{border-radius:12px;width:180px;box-shadow:0 2px 10px #00000026}.popover-links .list{margin:0;padding:8px 0}.popover-links .list li{cursor:pointer;align-items:center;padding:10px 16px;transition:background-color .2s;display:flex}.popover-links .list li:hover{background-color:#0000000d}.popover-links .list li i{margin-left:8px;font-size:18px}.popover-links .list li.delete-history i{color:var(--f7-color-red)}[dir=rtl] .popover-links .list li i{margin-left:0;margin-right:8px}.c-dialog{border-radius:.8rem}.c-dialog .dialog-title{font-size:15px}.c-dialog .dialog-buttons{justify-content:space-around;align-items:center;display:flex}.c-dialog .dialog-buttons .contacts-reject{color:var(--color-text-primary)!important}.menu-item{background:var(--color-surface)!important;color:var(--color-text-primary)!important}.menu-dropdown,.menu-dropdown-content{background:var(--color-surface)!important}.menu-dropdown-center:after,.menu-dropdown-left:after,.menu-item-dropdown-center .menu-dropdown:after,.menu-item-dropdown-left .menu-dropdown:after{background-image:radial-gradient(ellipse at 100% 0%,transparent 0%,transparent 70%,var(--color-surface)72%)}.menu-dropdown-content{margin-top:10px}.menu-dropdown-left .menu-dropdown-content,.menu-item-dropdown-left .menu-dropdown-content{left:-20px!important}.icon-xs{color:var(--color-text-primary);width:16px;height:16px}.icon-sm{color:var(--color-text-primary);width:20px;height:20px}.icon-base{color:var(--color-text-primary);width:24px;height:24px}.icon-lg{color:var(--color-text-primary);width:32px;height:32px}.icon-xl{color:var(--color-text-primary);width:40px;height:40px}.icon-2xl{color:var(--color-text-primary);width:48px;height:48px}.icon-3xl{color:var(--color-text-primary);width:56px;height:56px}.icon-responsive{width:100%;max-width:48px;height:auto}.logo{background:var(--color-surface);border-radius:50px;width:26px;height:26px;padding:2px}.skeleton-item{background:linear-gradient(90deg,#44423a1a 0%,#fafafa33 50%,#44423a1a 100%) 0 0/200% 100%;animation:3s linear infinite shimmer;position:relative;overflow:hidden}.skeleton-icon{background-color:#44423a1a;border-radius:50%;flex-shrink:0;width:30px;height:30px}.skeleton-text{background-color:#44423a1a;border-radius:10px;width:100%;height:30px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.questions-list{margin:20px 15px}.questions-list .item-title{white-space:normal!important}.question-item{border:1px solid var(--color-button-outline);cursor:pointer;text-align:right;border-radius:10px;transition:all 1s}.question-item:hover{background:#fafafa33;transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.item-inner:after{content:none!important}a{color:var(--color-text-primary)!important}.quran-verse-container{background:var(--color-on-surface);border-radius:12px;margin-bottom:8px;padding:12px}.quran-arabic{font-family:Al Qalam New,serif;line-height:1.5!important}.quran-verse-container .audio-wrapper .radio{direction:ltr;align-items:center;gap:12px;width:100%;display:flex;position:relative}.quran-verse-container .audio-wrapper .radio audio.inactive{opacity:0;z-index:-1;position:absolute}.quran-verse-container .audio-wrapper .radio .toggle{appearance:none;background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;user-select:none;z-index:1;background-image:url(../icons/play.svg);background-position:50%;background-repeat:no-repeat;background-size:24px 24px;border:none;border-radius:100%;justify-content:center;align-items:center;width:38px;height:38px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.quran-verse-container .audio-wrapper .radio .toggle.playing{background-image:url(../icons/pause.svg);background-size:20px 20px!important}.quran-verse-container .audio-wrapper .radio .toggle:focus,.quran-verse-container .audio-wrapper .radio .toggle:hover{-webkit-tap-highlight-color:#0000;outline:none}.quran-verse-container .audio-wrapper .radio .time{position:absolute;bottom:-15%;left:19%}.quran-verse-container .audio-wrapper .radio .progress{-webkit-appearance:none;background:var(--color-button-outline);flex-grow:1;width:100%;height:4px;position:relative;top:-8px}.quran-verse-container .audio-wrapper .radio .progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0}.quran-verse-container .audio-wrapper .radio .progress::-moz-range-thumb{width:0;height:0}.quran-verse-container .audio-wrapper .radio .progress::-ms-thumb{width:0;height:0}.quran-verse-container .audio-wrapper .radio .progress::-webkit-slider-runnable-track{-webkit-tap-highlight-color:#0000;appearance:none;background:linear-gradient(to right,#504b38 0%,#504b38 var(--progress,0%),#0000001a var(--progress,0%),#0000001a 100%);border:none;border-radius:2px;outline:0;height:4px}.quran-verse-container .audio-wrapper .radio .progress::-moz-range-track{-webkit-tap-highlight-color:#0000;appearance:none;background:linear-gradient(to right,#504b38 0%,#504b38 var(--progress,0%),#0000001a var(--progress,0%),#0000001a 100%);border:none;border-radius:2px;outline:0;height:4px}.quran-verse-container .audio-wrapper .radio .progress-container{width:100%;height:4px;position:relative}.quran-verse-container .audio-wrapper .radio .progress-container:after{content:"";left:var(--progress,0%);background-color:var(--color-surface);pointer-events:none;border:1px solid var(--color-button-outline);border-radius:100%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.ripple-wave,.ripple-wave-in{display:none}.quran-verse-fade-in{opacity:0;transition:opacity .5s ease-in}[class*=response-container-]{flex-direction:column;display:flex}.message-text p{margin:8px 0!important}.dialog{background:var(--color-on-surface)!important}.logout-dialog{text-align:center}.logout-dialog .dialog-text{margin-top:16px!important}.logout-dialog .dialog-buttons{justify-content:space-around;height:65px!important}.logout-dialog .dialog-buttons .dialog-button{width:45%;height:90%;color:var(--color-text-primary);border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.logout-dialog .dialog-buttons .logout-approve{background:var(--color-base);color:#f5f5f5}.logout-dialog .dialog-buttons .logout-cancel{border:1px solid var(--color-button-outline)}.margin-top-large{margin-top:24px}.margin-bottom-large{margin-bottom:24px}.feedback-textarea{border:1px solid var(--color-button-outline);border-radius:10px;width:100%;min-height:80px;padding:10px}.btn{text-align:center;background:var(--color-base);border-radius:10px;justify-content:center;align-items:center;height:100%;font-size:14px;font-weight:500;display:flex;color:#fff!important}.md .input:not(.input-outline):after,.md .item-input:not(.item-input-outline) .item-input-wrap:after{content:none!important}.announcement-img{object-fit:cover;aspect-ratio:4/3;border-radius:10px;width:100%;height:auto;display:block}.icon-base{cursor:pointer;flex-shrink:0;transition:color .2s;position:relative;overflow:hidden}.icon-base:active,.icon-base.active{background-color:#0000001a;border-radius:100%}.ios .right:first-child{position:absolute}.splash .splash-container{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:20px;display:flex}.splash .splash-logo-container{flex:1;justify-content:center;align-items:center;display:flex}.splash .splash-logo-image-container{flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex}.splash .splash-top-image{max-width:80%;height:auto}.splash .splash-middle-image{max-width:60%;height:auto}.splash .app_version{text-align:center;color:#555;font-size:14px}@media (width<=600px){.splash .splash-top-image{max-width:100%}.splash .splash-middle-image{max-width:80%}}.toolbar-bottom.contactus-sheet-btn{border-top:1px solid var(--color-border-color);background-color:var(--color-surface)}.toolbar-bottom.contactus-sheet-btn:before,.toolbar-bottom.contactus-sheet-btn:after{content:none}.toolbar-bottom.contactus-sheet-btn .toolbar-inner button{color:var(--color-text-label);text-transform:none;font-size:13px;font-weight:700}.toolbar-bottom.contactus-sheet-btn .toolbar-inner button i{margin-top:-1px;margin-left:2px;font-size:15px;font-weight:700}.contactus-sheet .sheet-modal-inner ul{padding-inline-start:10px}.login .logo{margin:auto}.login .logo img{width:100%;height:100%}.login .logo .logo-text{margin-top:-15px;font-size:2rem;font-weight:700;display:block}@media (width>=768px){.login .logo .logo-text{font-size:4rem}}.login .item-input-wrap{margin-bottom:20px}.login .item-input-wrap input.error{border-color:var(--f7-input-error-text-color)}.login .login-btn,.login .otp-btn{width:100%;margin:15px 0}.login .forms-container{width:95%;min-height:125px;margin:0 auto;position:relative}.login .login-form,.login .otp-form{width:100%;transition:opacity .3s,visibility .3s;position:absolute}.login .login-form:not(.active),.login .otp-form:not(.active){opacity:0;visibility:hidden;pointer-events:none}.login .login-form.active,.login .otp-form.active{opacity:1;visibility:visible}.login .otp-form{margin-top:15px}.login .otp-form .change-phone-link{color:var(--f7-text-link-color);margin-left:5px;font-size:12px}.login .otp-form .resend-section{margin-top:20px}.login .otp-form .resend-section .timer-text{color:var(--f7-text-secondary-color);font-size:13px}.login .otp-form .timer{margin:0 3px}.error-message{display:none!important}.login-container{box-sizing:border-box;width:100%;max-width:100%;padding:0 16px}.logo-section{max-width:300px;margin:20px auto 30px}.logo-text{text-align:center;color:var(--color-text-primary);margin-bottom:25px;font-size:45px;font-weight:700;font-family:Reem Kufi Ink,serif!important}.form-content{padding:0 10px}.item-input-wrap{margin-bottom:20px}.logo-container{flex-direction:column;align-items:center;width:calc(50% + 55px);max-width:350px;margin:0 auto;display:flex;position:relative}.logo-image-container{border-radius:10px;width:100%;height:30vh;margin-top:5rem;position:relative;overflow:hidden}.login-logo{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;left:0}.login-form{margin-top:15px}.otp-input-group .otp-inputs{direction:ltr;justify-content:center;gap:10px;display:flex}.otp-input-group .otp-digit{text-align:center;background:var(--f7-input-bg-color);width:55px;height:55px;color:var(--f7-text-color);border-radius:8px;outline:none;font-size:20px;transition:border-color .2s}.otp-input-group .otp-digit:focus{border-color:var(--color-base);box-shadow:0 0 0 1px var(--color-base)}.otp-input-group .otp-digit.error{border-color:var(--f7-input-error-text-color)}.rules-text{color:var(--color-text-primary);text-align:center;z-index:9999;width:100%;position:absolute;bottom:55px}.rules-text span{color:var(--color-base)}.home .swiper .swiper-pagination{justify-content:end;align-items:center;padding:10px 5px;display:flex}.home button{text-transform:none}.home .button{color:var(--color-text-primary)}.navbar .navbar-inner.overflow-visible{overflow:visible!important}.navbar .menu-dropdown-content{flex-direction:column;align-items:flex-start;min-width:140px;display:flex;background:var(--color-on-surface)!important}.navbar .menu-item{background:var(--color-surface);font-size:.875rem}.navbar .menu-dropdown{background:var(--color-surface);width:100%}.navbar .menu-item-content{background:var(--color-on-surface);justify-content:flex-start;gap:10px;position:unset!important;border-radius:unset!important;overflow:visible!important}.navbar .f7-icons,.navbar .icon-edit-3,.toolbar.messagebar .toolbar-inner .messagebar-area .icon-send{font-size:1.25rem}.toolbar.messagebar .toolbar-inner .messagebar-area textarea{resize:none;font-size:1rem}.daily-ayah-card{border:1px solid var(--color-border-color);border-radius:10px}.daily-ayah-card .daily-ayah-card-header{background:var(--color-on-surface);border-radius:10px 10px 0 0;padding:10px}.daily-ayah-card .ayah-text-ar{color:#fff;text-align:right;font-family:Al Qalam New,serif;font-size:20px;line-height:2}.daily-ayah-card .ayah-translation{color:#a0b0b0;text-align:right;font-size:14px}.daily-ayah-card .audio-wrapper{margin-top:12px}.ask-ai-card{color:#021911;background:#e9fff8;border-radius:10px}.telavat-card{background:var(--color-on-surface);color:var(--color-text-primary);border-radius:10px;margin-bottom:55px}.home-frames{object-fit:none;border-radius:10px}.__card-img{border-radius:10px;width:100%;height:auto}.__card-img .card-icons{aspect-ratio:512/512;height:auto}.__card-img_1{aspect-ratio:166/158}.__card-img_2{aspect-ratio:166/231}.assistant-card{background-color:#d6dac8;background-image:url(../../resource/img/assistent-vector.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain}.mafatih-card{background-color:#ebe5c2;background-image:url(../../resource/img/mafatih-vector.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain}.quran-card{background-color:#d4e7c5;background-image:url(../../resource/img/quran-vector.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain}.estekhare-card{background-color:#ffe8cd;background-image:url(../../resource/img/estekhare-vector.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain}.home-banner-skeleton{background-color:#fafafa1a;border-radius:10px;width:100%;height:80px}.swiper-pagination-bullet{border-radius:10px!important;width:17.5px!important;height:5px!important}.swiper{border-radius:10px;width:100%;height:80px;position:relative;overflow:hidden}.swiper .swiper-slide{justify-content:center;align-items:center;display:flex}.swiper .swiper-slide img{object-fit:cover;border-radius:10px;width:100%;height:100%}.swiper .swiper-pagination{bottom:0!important}.swiper .swiper-pagination .swiper-pagination-bullet{background:var(--color-base);opacity:.7;transition:all .3s;border-radius:50px!important;width:7px!important;height:7px!important;margin:0 2px!important}.swiper .swiper-pagination .swiper-pagination-bullet-active{opacity:1;border-radius:10px!important;width:16px!important;height:7px!important}.custom-accordion{width:100%}.accordion-item{overflow:hidden}.accordion-toggle{cursor:pointer;transition:background-color .3s}.accordion-content{opacity:0;max-height:0;transition:max-height .3s ease-out,opacity .3s ease-out;overflow:hidden}.accordion-content.active{opacity:1;max-height:500px;transition:max-height .3s ease-in,opacity .3s ease-in}.accordion-chevron{transition:transform .3s}.accordion-chevron.active{transform:rotate(180deg)}.daily-skeleton-icon{border-radius:50px;width:24px;height:24px}.notifications .notification-card{background:var(--color-on-surface);border-radius:10px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.notifications .notification-image{width:100%;overflow:hidden}.notifications .notification-image img{object-fit:cover;aspect-ratio:1200/550;width:100%;height:auto;display:block}.notifications .notification-content{padding:15px}.notifications .notification-title{color:#333;margin-bottom:8px;font-size:16px;font-weight:700}.notifications .notification-description{color:#666;margin-bottom:8px;font-size:14px;line-height:1.4}.notifications .notification-date{color:#999}.notifications .notification-footer{padding:0 15px 15px}.notifications .notification-footer .button{background:var(--f7-theme-color);color:#fff;border-radius:8px;width:100%}.notifications .empty-state{text-align:center;color:#999;padding:60px 20px}.notifications .empty-state i{color:#ccc;margin-bottom:15px;font-size:48px}.tab-link-highlight{display:none!important}.tabbar{background:var(--color-on-surface);border-radius:10px;width:90%;margin:auto;padding:30px;top:0!important}.tab-link{color:#a0b0b0;font-size:14px}.tabbar .tab-link-active,.tabbar-labels .tab-link-active{color:#fff;background:var(--color-surface);border-radius:10px;height:75%;margin:10px}.buy-btn{background:var(--color-button-outline);border-radius:10px;padding:25px}.plan-card{border:1px solid var(--color-button-outline);border-radius:10px}.plan-title{margin-bottom:8px;font-size:18px;font-weight:700}.plan-price{color:#a0b0b0;margin-bottom:16px;font-size:14px}.plan-features{padding:0;font-size:12px;list-style:none}.plan-features li{align-items:center;margin-bottom:8px;display:flex}.plan-features li:before{content:"✔";color:var(--color-text-primary);margin-left:8px}.transactions{padding-top:20px}.transaction-card{background:var(--color-on-surface);border:1px solid #1b3e32;border-radius:10px;margin-bottom:16px;padding:16px;transition:transform .2s,box-shadow .2s}.transaction-card:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.transaction-card-header{border-bottom:1px dashed var(--color-surface);justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;display:flex}.transaction-card-header .transaction-icon-failed{color:#fff;background:#2c9d6c;border-radius:50px;justify-content:center;align-items:center;padding:2px;display:flex}.transaction-card-header .transaction-icon-success{color:#fff;background:#be2121;border-radius:50px;justify-content:center;align-items:center;padding:2px;display:flex}.transaction-card-header .transaction-title{color:#fff;font-family:PeydaWeb,sans-serif;font-size:16px;font-weight:700}.transaction-card-header .transaction-badge{font-size:12px;font-weight:medium;border-radius:12px;padding:4px 8px;font-family:PeydaWeb,sans-serif}.transaction-card-header .transaction-badge.success{color:#fff;background:#2c9d6c}.transaction-card-header .transaction-badge.failed{color:#fff;background:#be2121}.transaction-card-header .transaction-id{color:#a0b0b0;font-family:PeydaWeb,sans-serif;font-size:14px}.transaction-card-plan .plan-info{justify-content:space-between;align-items:center;display:flex}.transaction-card-plan .plan-info .label{font-family:PeydaWeb,sans-serif}.transaction-card-plan .plan-info .value{align-items:center;gap:4px;font-family:PeydaWeb,sans-serif;display:flex}.transaction-card-plan .plan-info .plan-icon{width:20px;height:20px}.no-transactions{text-align:center;color:#a0b0b0;padding:40px 20px}.no-transactions .icon{margin-bottom:16px;font-size:48px}.no-transactions .message{font-family:PeydaWeb,sans-serif;font-size:16px}.quran_page .item-input-wrap{padding:20px 20px 0;margin:0!important}.quran_page .item-input-wrap input{text-align:right!important}.quran_page .item-input-wrap .left-side{top:calc(50% - 11.5px)!important;left:20px!important}.quran_page .quran-container{contain:content;padding-top:20px}.quran_page .surah-card{border-bottom:1px solid var(--color-on-surface);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.quran_page .surah-card .surah-card-header{display:inline-flex;position:relative}.quran_page .surah-card .surah-card-header .surah-number{color:var(--color-text-primary);text-align:center;pointer-events:none;z-index:99999;width:100%;font-weight:500;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.quran_page .surah-card .surah-card-header svg{position:relative}.quran_page .surah-card .surah-card-details{flex-direction:column;margin-top:-5px;display:flex}.quran_page .no-surahs{text-align:center;color:var(--color-base);padding:40px 20px}.quran_page .no-surahs .icon{margin-bottom:16px;font-size:48px}.quran_page .no-surahs .message{font-size:16px}.quran_page .box{background-color:var(--color-on-surface);border-radius:10px;padding:16px;box-shadow:0 4px 8px #0003}.quran_page ._progress{justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:relative}.quran_page ._progress .progress-circle{width:100%;height:100%;position:relative}.quran_page ._progress .progress-circle .circle{background:conic-gradient(#4caf50 0deg,#4caf50 calc(var(--progress)*3.6deg),#ddd calc(var(--progress)*3.6deg),#ddd 360deg);border:2px solid #fff;border-radius:50%;width:100%;height:100%}.quran_page ._progress .progress-circle .inner-content{background:var(--color-on-surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:0}.quran_page ._progress .progress-circle .inner-content img{object-fit:contain;width:30px;height:30px}.quran_page ._progress .progress-circle .inner-content span{font-size:12px}.quran_page .toolbar .audio-toolbar{background:var(--color-on-surface);z-index:1000;transition:transform .3s,opacity .3s;position:fixed;bottom:0;left:0;right:0}.quran_page .toolbar .audio-toolbar.visible{opacity:1;transform:translateY(0)}.quran_page .toolbar .audio-toolbar .audio-toolbar-content{justify-content:center;align-items:center;width:100%;padding:12px;display:flex;position:relative}.quran_page .toolbar .audio-toolbar .audio-toolbar-content .audio-wrapper{width:80%}.quran_page .toolbar .audio-toolbar .close-toolbar{cursor:pointer;background:var(--color-on-surface);border:none;border-radius:100%;align-items:center;width:25px;height:25px;padding:4px;display:flex;position:absolute;top:5px;right:5px}.quran_page .toolbar .audio-toolbar .close-toolbar svg{color:var(--color-text-primary)}.quran_page #audio_toolbar{opacity:0;transition:transform .3s,opacity .3s;transform:translateY(100%)}.quran_page #audio_toolbar.visible{opacity:1;transform:translateY(0)}.quran_page #audio_toolbar .toolbar-inner{background:0 0;justify-content:center;align-items:center;width:100%;display:flex}.surah .toolbar{position:fixed}.surah .toolbar .audio-toolbar{background:var(--color-on-surface);z-index:1000;transition:transform .3s,opacity .3s;position:fixed;bottom:0;left:0;right:0}.surah .navbar{position:fixed}.surah .quran-verse-container{padding:0}.surah .quran-verse-container .audio-wrapper .radio{background:var(--color-on-surface);flex-direction:column;align-items:center;gap:0;padding:0;display:flex;position:relative}.surah .quran-verse-container .audio-wrapper .radio audio.inactive{opacity:0;z-index:-1;position:absolute}.surah .quran-verse-container .audio-wrapper .radio .progress-time-container{flex-direction:column;gap:8px;width:90%;display:flex}.surah .quran-verse-container .audio-wrapper .radio .time{text-align:center;color:var(--color-text-primary);white-space:nowrap;font-size:12px}.surah .quran-verse-container .audio-wrapper .radio .progress-container{width:100%;height:6px;position:relative}.surah .quran-verse-container .audio-wrapper .radio .progress{-webkit-appearance:none;cursor:pointer;background:#0000001a;border-radius:3px;width:100%;height:6px}.surah .quran-verse-container .audio-wrapper .radio .progress::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0}.surah .quran-verse-container .audio-wrapper .radio .progress::-moz-range-thumb{width:0;height:0}.surah .quran-verse-container .audio-wrapper .radio .progress::-ms-thumb{width:0;height:0}.surah .quran-verse-container .audio-wrapper .radio .progress::-webkit-slider-runnable-track{-webkit-tap-highlight-color:#0000;appearance:none;background:linear-gradient(to right,#504b38 0%,#504b38 var(--progress,0%),#0000001a var(--progress,0%),#0000001a 100%);border:none;border-radius:3px;outline:0;height:6px}.surah .quran-verse-container .audio-wrapper .radio .progress::-moz-range-track{-webkit-tap-highlight-color:#0000;appearance:none;background:linear-gradient(to right,#504b38 0%,#504b38 var(--progress,0%),#0000001a var(--progress,0%),#0000001a 100%);border:none;border-radius:3px;outline:0;height:6px}.surah .quran-verse-container .audio-wrapper .radio .progress-container:after{content:"";left:calc(var(--progress,0%) - 7px);background-color:var(--color-surface);pointer-events:none;z-index:2;border:2px solid #504b38;border-radius:100%;width:14px;height:14px;position:absolute;top:50%;transform:translateY(-50%)}.surah .quran-verse-container .audio-wrapper .radio .controls-container{justify-content:space-between;align-items:center;gap:12px;width:90%;display:flex}.surah .quran-verse-container .audio-wrapper .radio .toggle{appearance:none;color:var(--color-text-primary);cursor:pointer;user-select:none;z-index:1;background-image:url(../icons/play.svg);background-position:50%;background-repeat:no-repeat;background-size:28px 28px;border:none;border-radius:100%;justify-content:center;align-items:center;width:48px;height:48px;padding:20px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 4px #0003}.surah .quran-verse-container .audio-wrapper .radio .toggle.playing{background-image:url(../icons/pause.svg);background-size:24px 24px}.surah .quran-verse-container .audio-wrapper .radio .toggle:hover,.surah .quran-verse-container .audio-wrapper .radio .toggle:focus{background-color:var(--color-button-outline);-webkit-tap-highlight-color:#0000;outline:none}.surah .quran-verse-container .audio-wrapper .radio .skip-btn{background-color:var(--color-surface);border:1px solid var(--color-button-outline);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:20px 20px;border-radius:100%;width:38px;height:38px;transition:all .3s;box-shadow:0 1px 3px #00000026}.surah .quran-verse-container .audio-wrapper .radio #skip-backward{background-image:url(../icons/skip-backward.svg)}.surah .quran-verse-container .audio-wrapper .radio #skip-forward{background-image:url(../icons/skip-forward.svg)}.surah .quran-verse-container .audio-wrapper .radio .skip-btn:hover{background-color:var(--color-button-outline);border-color:#504b38}.surah .quran-verse-container .audio-wrapper .radio .speed-select{background-color:var(--color-surface);border:1px solid var(--color-button-outline);color:var(--color-text-primary);cursor:pointer;text-align:center;border-radius:8px;min-width:60px;padding:5px;font-size:12px;transition:all .3s;box-shadow:0 1px 3px #00000026}.surah .quran-verse-container .audio-wrapper .radio .speed-select:hover{background-color:var(--color-surface)}.surah .ripple-wave,.surah .ripple-wave-in{display:none}.surah .playing .quran-arabic,.surah .playing .ayah-translation{color:green!important}.surah .surah-container{overscroll-behavior:contain;overflow-y:auto}.surah .ayah-card{will-change:transform,opacity;contain:content}.surah .ayah-card .ayah-card-header{background:var(--color-on-surface);border-radius:10px;padding:10px}.surah .ayah-card .ayah-text-ar{text-align:right;font-family:Al Qalam New,serif;font-size:20px;line-height:2}.surah .ayah-card .ayah-translation{color:var(--color-base)}.surah .quran-arabic,.surah .ayah-translation{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.surah .icon-sm{transition:fill .2s}.surah .loading-spinner{align-items:center;gap:8px;display:inline-flex}.surah .surah-info-card{background:var(--color-on-surface);border:1px solid #1b3e32;border-radius:10px;margin-bottom:16px;padding:16px}.surah .surah-info-card .surah-info-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.surah .surah-info-card .surah-info-card-header .surah-title{color:var(--color-text-primary);font-family:Al Qalam New,serif;font-size:18px;font-weight:700}.surah .surah-info-card .surah-info-card-header .surah-number{color:var(--color-base);font-size:14px}.surah .surah-info-card .surah-info-card-details{color:var(--color-base);font-size:12px}.surah .no-ayahs{text-align:center;color:var(--color-base);padding:40px 20px}.surah .no-ayahs .icon{margin-bottom:16px;font-size:48px}.surah .no-ayahs .message{font-size:16px}.estekhareh-step{background-image:url(resource/icons/QAI_estekhare_star.svg);background-position:50%;background-repeat:no-repeat;background-size:30px 30px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.animate-fade-in{animation:.5s ease-in-out fadeIn}.animate-fade-out{animation:.5s ease-in-out forwards fadeOut}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;height:0;margin:0;padding:0;transform:scale(.9)}}.color-deep-red{color:#fff;background-color:#c62828}.color-red{color:#fff;background-color:#f44336}.color-blue{color:#fff;background-color:#2196f3}.color-teal{color:#fff;background-color:#009688}.color-green{color:#fff;background-color:#4caf50}.chip{border-radius:10px;align-items:center;padding:0 12px;display:inline-flex}.chip i.icon{margin-left:4px;font-size:16px}.card-outline{border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.card-header{padding:12px 16px}.card-title{font-size:18px;font-weight:700}.card-subtitle{color:#757575;font-size:14px}.card-outline:not([style*="display: none"]),.animated-card:not([style*="display: none"]){animation:.5s ease-in-out fadeIn}.messages,.messages-content{background:var(--color-surface)!important}.scroll-to-bottom{z-index:1000;background:var(--color-on-surface);opacity:0;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:75px;right:10px;box-shadow:0 2px 4px #0003}.scroll-to-bottom.visible{opacity:1;animation:.5s ease-in-out bounce;transform:translateY(0)}@keyframes bounce{0%{transform:translateY(-10px)}50%{transform:translateY(5px)}to{transform:translateY(0)}}.more-categories-icon{-webkit-animation:1s infinite alternate mover;animation:1s infinite alternate mover}.question-icon{border-radius:50%;width:30px;height:30px}.message-sent .message-bubble:before{content:"";border-bottom:5px solid #e2f9f5;position:absolute;bottom:0;border-right:5px solid #0000!important;left:100%!important}.message-sent{width:100%;max-width:100%;padding:5px 15px;margin-right:unset!important;margin-top:.1rem!important}.message-sent .message-bubble{background:#e2f9f5;border-radius:5px 5px 0;padding:7px;line-height:20px;color:#292524!important;-webkit-mask-box-image:unset!important}.message-sent-first .message-bubble{border-radius:1rem 1rem .3rem}.message-sent-first .message-bubble:before{content:"";border-bottom:10px solid #e2f9f5;border-right:11px solid #0000;width:0;height:0;position:absolute;bottom:0;right:-8px;-webkit-box-shadow:0 1px #00000017;-moz-box-shadow:0 1px #00000017;box-shadow:0 1px #00000017}.message-sent-select{background-color:#2169dd33}.ios .message-sent .message-bubble{padding-right:5px}.message-received .message-bubble:before{content:"";border-bottom:5px solid #f5f5f5;position:absolute;bottom:0;border-left:5px solid #0000!important;right:100%!important}.message-received{max-width:100%;padding:5px 15px;margin-left:unset!important;margin-top:.1rem!important}.message-received .message-bubble{background:#f5f5f5;border-radius:5px 5px 5px 0;padding:7px;line-height:20px;color:#292524!important;-webkit-mask-box-image:unset!important}.message-received-first .message-bubble{border-radius:1rem 1rem 1rem .3rem}.message-received-first .message-bubble:before{content:"";border-bottom:10px solid #fff;border-left:11px solid #0000;width:0;height:0;position:absolute;bottom:0;left:-8px;-webkit-box-shadow:0 1px #00000017;-moz-box-shadow:0 1px #00000017;box-shadow:0 1px #00000017}.message-received .group .voice-size{bottom:28%}.message-received .group .music-name{top:28%}.message-received .group .music-size{top:67px}.message-received .music-name{text-overflow:ellipsis;white-space:nowrap;direction:ltr;max-width:65%;position:absolute;top:13%;left:28%;overflow:hidden}.message-received .music-size{color:#4a5464;font-size:11px;position:absolute;top:56.8px;left:100px}.ios .message-received .message-bubble{padding-left:5px}.categories-container{white-space:nowrap;align-items:center;padding:8px 10px;display:flex;overflow-x:auto}.categories-btn{background-color:var(--color-on-surface);color:var(--color-text-primary);border:1px solid var(--color-border-color);text-align:center;cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;width:auto;min-width:80px;height:35px;margin:0 4px;padding:0 8px;display:flex}.categories-btn.selected{background-color:var(--color-base);color:var(--color-surface);border-color:var(--color-surface)}.category-icon{object-fit:cover;border-radius:50%;width:24px;height:24px}.question-icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px}.categories-list .list{margin:0!important}.question-item{background-color:var(--color-surface);border-radius:8px;transition:background-color .3s}.question-item:hover{background-color:var(--color-on-surface)}.item-inner{align-items:center;display:flex;padding:10px!important}.item-title{color:var(--color-text-primary);flex:1;font-size:14px;line-height:1.5}.bookmark-ayah-card{border:1px solid var(--color-border-color);border-radius:10px}.bookmark-ayah-card .bookmark-ayah-card-header{background:var(--color-on-surface);border-radius:10px 10px 0 0;padding:10px}.bookmark-ayah-card .ayah-translation{color:var(--color-base)}.setting .navbar{position:absolute!important}.setting .navbar .navbar-bg{background-color:#0000!important}.setting .setting-logo{width:100px;height:100px;margin:auto;position:absolute;top:55px;left:0;right:0}.setting #setting_user_mobile{margin-top:10px}.setting .page-content .list{margin:0}.setting .page-content .list ul li{padding:0}.setting .page-content .list ul li .item-media{justify-content:center;align-items:center;width:30px;height:30px;padding-right:10px;display:flex}.setting .page-content .list ul li .item-media .icon{color:var(--color-filing-icon);font-size:19px}.setting .page-content .list ul li .item-inner:before{color:var(--color-filing-icon);font-size:16px;font-weight:400;left:0;right:auto;transform:rotate(180deg)}.setting .page-content .list ul li .item-inner{margin-left:6px;padding-right:10px}.setting .page-content .list ul li .item-inner .item-title{font-size:.9rem;font-weight:600}.setting .page-content .list ul li .item-inner .item-title .item-footer{color:var(--color-base);font-weight:400}.setting .page-content .list ul:before{display:none}.setting .page-content .list ul li:first-child{padding:0}.setting .page-content .list ul li:first-child .item-inner:after,.setting .page-content .list ul li:first-child .item-inner:before{display:none}.setting .page-content .list ul li:first-child .item-inner .item-title{padding:5px 0;font-size:1.25rem;font-weight:600}.setting .page-content .list ul li:first-child .item-inner .item-title .item-header{color:var(--color-base);padding:5px 0;font-size:.9rem;font-weight:500}.setting .page-content .list ul li:first-child .item-inner .item-title .item-footer{color:var(--color-icon-active);padding:5px 0;font-size:.9rem;font-weight:500}.setting .page-content .list ul li:last-child .item-inner:before{display:none}.setting .page-content .list ul li:last-child .item-inner{color:var(--color-icon-active);font-size:1.3rem}.setting .page-content .list ul li:last-child .item-inner .item-header{color:var(--color-icon-active);font-size:.85rem}.setting .page-content .row{justify-content:flex-start;align-items:center}.setting .sub-status{color:#fff;border-radius:10px;width:60%;padding:6px 12px}.setting .sub-status.active{background:green}.onboarding .onboarding-swiper{width:100%;height:calc(100% - 66px);margin-bottom:16px}.onboarding .onboarding-swiper .swiper-slide{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.onboarding .onboarding-swiper .swiper-slide .onboarding-image{width:100%;max-width:35vh;height:auto;margin-bottom:20px}.onboarding .onboarding-swiper .swiper-slide .onboarding-content{max-width:80%}.onboarding .onboarding-swiper .swiper-pagination{position:absolute;top:calc(100% - 25px)!important}.onboarding .onboarding-swiper .swiper-pagination .swiper-pagination-bullet{background:var(--color-text-primary);opacity:.5}.onboarding .onboarding-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}.onboarding .onboarding-buttons{justify-content:space-around;align-items:center;width:90%;height:50px;padding-bottom:16px;display:flex}.onboarding .onboarding-buttons .button{text-align:center;border-radius:10px;justify-content:center;align-items:center;width:45%;height:100%;font-size:14px;font-weight:500;transition:width .3s,opacity .3s;display:flex}.onboarding .onboarding-buttons .enter{background:var(--color-base);color:#fff!important}.onboarding .onboarding-buttons .next{border:1px solid var(--color-button-outline);color:var(--color-text-primary)}.onboarding .onboarding-buttons.last-slide .next{display:none}.onboarding .onboarding-buttons.last-slide .enter{width:90%}.mafatih .mafatih-bg{white-space:unset;background-size:100%;background-color:var(--color-on-surface);background-image:url(../../resource/img/mafatih-bg.png);background-position:50%;background-repeat:repeat;border-radius:10px;justify-content:space-between;height:55px;padding:0 16px}.mafatih .mafatih-card-header{display:inline-flex;position:relative}.mafatih .mafatih-card-header .number{text-align:center;width:100%;color:var(--color-text-primary);pointer-events:none;z-index:99999;font-weight:500;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.mafatih .item-input-wrap{padding:0 18px;margin:0!important}.mafatih .item-input-wrap input{text-align:right!important}.mafatih .item-input-wrap .left-side{top:calc(50% - 20.5px)!important;left:20px!important}.mafatih .prayer-card,.mafatih .prayer-child-card{border-bottom:1px solid var(--color-on-surface);cursor:pointer;transform-origin:top;justify-content:center;align-items:center;gap:8px;transition:all .3s;display:flex}.mafatih .prayer-card.adding,.mafatih .prayer-child-card.adding{animation:.4s ease-out pulseAdd}.mafatih .prayer-card.removing,.mafatih .prayer-child-card.removing{animation:.3s ease-out forwards fadeOut}.mafatih .no-prayers{text-align:center;color:var(--color-base);padding:40px 20px}.mafatih .no-prayers .icon{margin-bottom:16px;font-size:48px}.mafatih .no-prayers .message{font-size:16px}.mafatih .like-icon,.mafatih .like-icon path{transition:all .2s}.mafatih .search-results-container .prayer-child-card{background:var(--color-surface);border-radius:8px;justify-content:space-between;margin-bottom:10px;padding:12px;box-shadow:0 2px 4px #0000001a}@keyframes pulseAdd{0%{opacity:.5;transform:scale(.95)}50%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.mafatih .chevron-icon{flex-shrink:0;transition:transform .3s}.mafatih .accordion-item-opened .chevron-icon{transform:rotate(180deg)}.mafatih-text-fa{color:var(--color-text-primary);font-size:16px;line-height:24px}.mafatih-translate{color:var(--color-base);font-size:16px;line-height:28px}.game-launcher .game-card{background-color:var(--color-on-surface);border-radius:10px;flex-direction:column;align-items:center;min-height:150px;max-height:250px;display:flex}.game-launcher .icon{width:70px;height:70px}.game-launcher button{background-color:var(--color-button-outline);height:35px}.game-launcher .game-title{height:40px}.game-config .game-card{background-color:var(--color-on-surface);border-radius:10px;flex-direction:column;align-items:center;min-height:150px;max-height:200px;display:flex}.game-config .icon{width:70px;height:70px}.game-config .game-title{height:30px}.next-ayah #current-ayah-prompt{background-color:var(--color-on-surface);background-image:url(../../resource/img/mafatih-bg.png);background-position:50%;background-repeat:repeat;border-radius:10px}.next-ayah .option-number{background:var(--color-on-surface);border-radius:10px;justify-content:center;align-items:center;width:20%;display:flex}.next-ayah .option-card{cursor:pointer;border:1px solid var(--color-on-surface);border-radius:10px;width:80%;transition:background-color .3s}.next-ayah .option-card.incorrect{color:#fff;background-color:red}.next-ayah .card-content{text-align:center;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}.sorting .cards-container{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sorting .word-card{background-color:var(--color-on-surface);cursor:pointer;border:1px solid var(--color-button-outline);border-radius:10px}.sorting .word-card.selected{color:#fff;background-color:#3fa181}.four-choice #fill-blank-prompt{background-color:var(--color-on-surface);background-image:url(../../resource/img/mafatih-bg.png);background-position:50%;background-repeat:repeat;border-radius:10px;margin-bottom:1rem;padding:1rem}.four-choice .options-container{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.four-choice .option-item{gap:6px;display:flex}.four-choice .option-number{background:var(--color-on-surface);border-radius:8px;justify-content:center;align-items:center;min-width:24px;font-size:.9rem;display:flex}.four-choice .option-card{cursor:pointer;border:1px solid var(--color-on-surface);text-align:center;word-break:break-word;border-radius:8px;flex-grow:1;justify-content:center;align-items:center;min-height:50px;padding:.3rem;transition:all .3s;display:flex}.four-choice .option-card.incorrect{color:#ff3b30;background-color:#ff3b3033}@media (width>=400px){.four-choice .options-container{gap:12px}.four-choice .option-item{gap:8px}.four-choice .option-number{min-width:30px;font-size:1rem}.four-choice .option-card{min-height:60px;padding:.5rem;font-size:1rem}}.match-ayah .cards-container{padding:0 10px}.match-ayah .surah-title{font-size:18px;font-weight:700}.match-ayah .cards-grid{justify-content:space-between;gap:20px;display:flex}.match-ayah .words-column,.match-ayah .ayah-number-column{flex-direction:column;flex:1;align-items:center;gap:10px;display:flex}.match-ayah .word-card,.match-ayah .ayah-number-card{cursor:pointer;width:100%;min-height:80px;transition:all .3s}.match-ayah .word-card{background-color:var(--color-on-surface);justify-content:center;align-items:center;display:flex}.match-ayah .ayah-number-card{background-color:var(--color-button-outline);justify-content:center;align-items:center;display:flex}.match-ayah .word-card.selected,.match-ayah .ayah-number-card.selected{color:#fff;background-color:#3fa181}.match-ayah .word-card.matched,.match-ayah .ayah-number-card.matched{opacity:.5;pointer-events:none}.match-ayah .word-card.incorrect,.match-ayah .ayah-number-card.incorrect{color:#fff;background-color:red}.match-ayah .card-content{text-align:center;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}.match-ayah .quran-arabic{font-family:Uthmanic,Amiri,sans-serif}.chain-ayah #chain-prompt{background-color:var(--color-on-surface);text-align:center;background-image:url(../../resource/img/mafatih-bg.png);background-position:50%;background-repeat:repeat;border-radius:10px;margin-bottom:1rem;padding:1rem}.chain-ayah .cards-container{grid-template-columns:1fr;justify-items:center;gap:12px;padding:0 10px;display:grid}@media (width>=480px){.chain-ayah .cards-container{grid-template-columns:1fr 1fr}}.chain-ayah .option-card{cursor:pointer;border:1px solid var(--color-on-surface);text-align:center;background-color:var(--color-surface);border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:80px;transition:all .3s;display:flex}.chain-ayah .option-card.correct{color:#34c759;background-color:#34c7591a;border-color:#34c759}.chain-ayah .option-card.incorrect{color:#ff3b30;background-color:#ff3b301a;border-color:#ff3b30}.chain-ayah .card-content{text-align:center;cursor:pointer;border:1px solid var(--color-on-surface);border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.chain-ayah .toast-hint{color:#fff;background-color:#2196f3;border-radius:8px;padding:.5rem}.chain-ayah .toast-success{color:#fff;background-color:#34c759;border-radius:8px;padding:.5rem}.chain-ayah .toast-error{color:#fff;background-color:#ff3b30;border-radius:8px;padding:.5rem}.assistant label{color:#2c3e50;margin-bottom:.5rem;font-size:1.3rem;display:block}.assistant .select,.assistant .input{color:#2c3e50;background:#fff;border:2px solid #3fa181;border-radius:8px;outline:none;width:100%;padding:.8rem;font-size:1.2rem}.assistant .select:focus,.assistant .input:focus{border-color:#2ecc71;box-shadow:0 0 5px #2ecc714d}.assistant .button.button-fill:hover{background:#2ecc71}.assistant .button.button-outline:hover{color:#fff;background:#3fa181}.assistant .icon-mic:before{content:"🎤";font-size:1.5rem}.assistant .button-group{justify-content:center;gap:1rem;display:flex}.assistant #score-display{color:#05291d;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.assistant #memorization-prompt{color:#2c3e50;background:#f9f9f9;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-family:Amiri,serif;font-size:1.8rem;line-height:1.6}.assistant .textarea{resize:none;border:2px solid #3fa181;border-radius:8px;outline:none;width:100%;padding:1rem;font-family:Amiri,serif;font-size:1.5rem}.assistant .textarea:focus{border-color:#2ecc71;box-shadow:0 0 5px #2ecc714d}.assistant .toast-success{color:#fff;text-align:center;background:#2ecc71;border-radius:8px;padding:.8rem;font-size:1.2rem}.assistant .toast-error{color:#fff;text-align:center;background:#e74c3c;border-radius:8px;padding:.8rem;font-size:1.2rem}.matching #translation-prompt{background-color:var(--color-on-surface);background-image:url(../../resource/img/mafatih-bg.png);background-position:50%;background-repeat:repeat;border-radius:10px;margin-bottom:1rem;padding:1rem}.matching .cards-container{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=480px){.matching .cards-container{grid-template-columns:1fr 1fr}}.matching .option-card{cursor:pointer;border:1px solid var(--color-on-surface);text-align:center;border-radius:10px;justify-content:center;align-items:center;min-height:80px;padding:1rem;transition:all .3s;display:flex}.matching .option-card.correct{color:#34c759;background-color:#34c7591a;border-color:#34c759}.matching .option-card.incorrect{color:#ff3b30;background-color:#ff3b301a;border-color:#ff3b30}.matching .select{border:1px solid var(--color-on-surface);background:var(--color-on-surface);border-radius:8px;width:100%;margin-top:.5rem;padding:.5rem}.matching #score-display{color:var(--color-primary);font-size:1rem;font-weight:700}.matching #end-message{text-align:center}.matching #end-message h2{color:var(--color-primary);margin-bottom:1rem}.matching #end-message p{margin-bottom:1.5rem;font-size:1.25rem}