@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";.islamic-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;margin:0!important;padding:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.islamic-modal-content{position:relative!important;z-index:10000!important;max-height:90vh!important;overflow-y:auto!important;transform-origin:center center!important}.islamic-modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.islamic-modal-enter{opacity:0;transform:scale(.9) translateY(20px)}.islamic-modal-enter-active{opacity:1;transform:scale(1) translateY(0);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.islamic-modal-exit{opacity:1;transform:scale(1) translateY(0)}.islamic-modal-exit-active{opacity:0;transform:scale(.9) translateY(-20px);transition:all .2s ease-in}.islamic-modal-backdrop{background:#0009!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.islamic-modal-border-top{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#14b8a6);border-radius:16px 16px 0 0}.islamic-modal-border-bottom{position:absolute;bottom:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#10b981,#14b8a6);opacity:.3;border-radius:0 0 16px 16px;background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.1) 8px,rgba(255,255,255,.1) 16px)}.islamic-modal-shadow{box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d}.islamic-modal-button{transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:center center}.islamic-modal-button:hover{transform:scale(1.05)}.islamic-modal-button:active{transform:scale(.95)}.islamic-modal-button:focus{outline:2px solid #10b981;outline-offset:2px}.islamic-modal-spinner{border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top:2px solid #ffffff;width:20px;height:20px;animation:islamic-modal-spin 1s linear infinite}@keyframes islamic-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.islamic-modal-overlay{padding:12px!important}.islamic-modal-content{max-height:85vh!important;width:100%!important;margin:0!important}.islamic-modal-button{min-height:48px!important;font-size:16px!important}}@media (max-width: 480px){.islamic-modal-overlay{padding:8px!important}.islamic-modal-content{max-height:80vh!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.islamic-modal-shadow{box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #ffffff1a}}@media (prefers-color-scheme: dark){.islamic-modal-backdrop{background:#000c!important}}@media (prefers-reduced-motion: reduce){.islamic-modal-enter-active,.islamic-modal-exit-active,.islamic-modal-button{transition:none!important;animation:none!important}.islamic-modal-button:hover{transform:none!important}}.islamic-modal-button:focus:not(:focus-visible){outline:none}.islamic-modal-button:focus-visible{outline:2px solid #10b981;outline-offset:2px}@media print{.islamic-modal-overlay{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .2s ease-out}@layer base{:root{--color-islamic-primary: #10b981;--color-islamic-primary-dark: #047857;--color-islamic-primary-light: #d1fae5;--color-islamic-secondary: #14b8a6;--color-islamic-accent: #06b6d4;--color-islamic-gold: #f59e0b;--color-primary: var(--color-islamic-primary);--color-secondary: var(--color-islamic-secondary);--color-background: #ffffff;--color-text: #1e293b;--min-touch-target: 44px;--mobile-padding: 1rem;--desktop-padding: 1.5rem}.dark{--color-background: #0f172a;--color-text: #f1f5f9}}@layer base{html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{@apply bg-gray-50 text-gray-900 antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;min-height:-webkit-fill-available}body{position:fixed;overflow:hidden;width:100%;height:100%}#root{overflow:auto;height:100%;-webkit-overflow-scrolling:touch}h1,h2,h3,h4,h5,h6{@apply font-display font-bold text-gray-900 dark:text-gray-100;}*:focus{@apply outline-none;}*:focus-visible{@apply ring-2 ring-islamic-primary ring-offset-2;}::selection{@apply bg-islamic-primary text-white;}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{@apply bg-gray-100 dark:bg-gray-800;}::-webkit-scrollbar-thumb{@apply bg-gray-400 dark:bg-gray-600 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-gray-500 dark:bg-gray-500;}}@layer components{.btn{@apply inline-flex items-center justify-center px-4 py-2 min-h-[44px] min-w-[44px] font-medium rounded-lg transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 active:scale-95;}.btn-primary{@apply btn bg-islamic-primary text-white hover:bg-islamic-primary-dark focus:ring-islamic-primary;}.btn-secondary{@apply btn bg-gray-200 text-gray-900 hover:bg-gray-300 focus:ring-gray-500;}.input{@apply w-full px-4 py-2 min-h-[44px] border border-gray-300 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 placeholder-gray-500 dark:placeholder-gray-400 focus:ring-2 focus:ring-islamic-primary focus:border-islamic-primary transition-colors duration-200;}.card{@apply bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl shadow-sm overflow-hidden;}.islamic-pattern{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(16,185,129,.03) 10px,rgba(16,185,129,.03) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(20,184,166,.03) 10px,rgba(20,184,166,.03) 20px)}.islamic-border{position:relative;border:2px solid var(--color-islamic-primary);border-radius:1rem}.islamic-border:before,.islamic-border:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--color-islamic-primary)}.islamic-border:before{top:-10px;left:-10px;border-right:none;border-bottom:none;border-radius:1rem 0 0}.islamic-border:after{bottom:-10px;right:-10px;border-left:none;border-top:none;border-radius:0 0 1rem}.mobile-nav{@apply fixed bottom-0 left-0 right-0 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 shadow-lg z-50;}.mobile-nav-item{@apply flex flex-col items-center justify-center min-h-[56px] min-w-[64px] text-gray-600 dark:text-gray-400 hover:text-islamic-primary dark:hover:text-islamic-primary transition-colors duration-200;}.mobile-nav-item.active{@apply text-islamic-primary;}.skeleton{@apply bg-gray-200 dark:bg-gray-700 animate-pulse rounded;}.badge-islamic{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-islamic-primary-light text-islamic-primary-dark;}.prayer-card{@apply card p-4 text-center bg-gradient-to-br from-islamic-primary-light to-islamic-secondary-light border-islamic-primary;}}@layer utilities{.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.text-gradient-islamic{@apply bg-gradient-to-r from-islamic-primary to-islamic-secondary bg-clip-text text-transparent;}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}.touch-feedback{@apply transition-all duration-150 active:scale-95 active:opacity-75;}}@media print{.no-print{display:none!important}body{@apply bg-white text-black;}.card{@apply border-gray-300 shadow-none;}}.spinner{border:3px solid rgba(16,185,129,.1);border-radius:50%;border-top:3px solid var(--color-islamic-primary);width:40px;height:40px;animation:spin 1s linear infinite}.Toastify__toast{@apply rounded-lg font-medium;}.Toastify__toast--success{@apply bg-green-500;}.Toastify__toast--error{@apply bg-red-500;}.Toastify__toast--warning{@apply bg-yellow-500;}.Toastify__toast--info{@apply bg-blue-500;}@media (max-width: 640px){.btn,.input{@apply min-h-[48px] text-base;}.container{@apply px-4;}.mobile-stack{@apply flex flex-col space-y-4;}}[dir=rtl] .islamic-border:before{left:auto;right:-10px;border-radius:0 1rem 0 0}[dir=rtl] .islamic-border:after{right:auto;left:-10px;border-radius:0 0 0 1rem}.prose table{width:100%;border-collapse:collapse;margin:1rem 0}.prose table th,.prose table td{border:1px solid #e5e7eb;padding:.5rem;text-align:left}.prose table th{background-color:#f9fafb;font-weight:600}.prose-sm table{font-size:.875rem}.prose-sm table th,.prose-sm table td{padding:.375rem}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{position:relative;background:#fff;border-radius:12px;max-width:95vw;max-height:95vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-content.fullscreen{max-width:100vw;max-height:100vh;border-radius:0}.document-viewer-container{position:relative;overflow:hidden}.document-viewer-image{transition:transform .2s ease-in-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.document-viewer-annotation{transition:transform .2s ease-in-out;cursor:pointer}.document-viewer-annotation:hover{transform:translate(-50%,-50%) scale(1.2)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.document-viewer-image,.document-viewer-annotation{transition:none}}.toast-container-responsive{padding-left:12px!important;padding-right:12px!important;padding-top:max(12px,env(safe-area-inset-top))!important;left:0!important;right:0!important;width:100%!important;max-width:100vw!important;pointer-events:none}.toast-container-responsive>div{pointer-events:auto}.toast-container-responsive [data-close],.toast-container-responsive button[aria-label=Close],.toast-container-responsive [class*=close],.toast-container-responsive button{min-width:44px!important;min-height:44px!important;padding:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}@media (max-width: 640px){.toast-container-responsive{padding-left:8px!important;padding-right:8px!important}}header[class*=backdrop-blur]{color:var(--navbar-text-color, #1f2937)!important}header[class*=backdrop-blur] nav,header[class*=backdrop-blur] nav *,header[class*=backdrop-blur] a:not([class*=text-white]),header[class*=backdrop-blur] button:not([class*=text-white]),header[class*=backdrop-blur] span:not([class*=text-white]),header[class*=backdrop-blur] p:not([class*=text-white]),header[class*=backdrop-blur] h1:not([class*=text-white]),header[class*=backdrop-blur] h2:not([class*=text-white]),header[class*=backdrop-blur] div:not([class*=text-white]){color:inherit!important}header[class*=backdrop-blur] nav a,header[class*=backdrop-blur] nav button{color:var(--navbar-text-color, #1f2937)!important}.font-latin{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.font-arabic{font-family:Noto Sans Arabic,Tahoma,Arial Unicode MS,sans-serif;font-feature-settings:"liga" 1,"kern" 1}.font-chinese{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,SimSun,sans-serif;font-feature-settings:"kern" 1}html[lang=en],html[lang=id]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[lang=ar]{font-family:Noto Sans Arabic,Tahoma,Arial Unicode MS,sans-serif;direction:rtl}html[lang=zh]{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}[dir=rtl] .flex{flex-direction:row-reverse}[dir=rtl] .form-input,[dir=rtl] .form-select{text-align:right}[dir=rtl] .modal,[dir=rtl] .dropdown{direction:rtl}.language-picker{position:relative}.language-picker .flag{width:20px;height:15px;margin-right:8px}[dir=rtl] .language-picker .flag{margin-right:0;margin-left:8px}.text-arabic{line-height:1.8;letter-spacing:.02em}.text-chinese{line-height:1.6;letter-spacing:.01em}@media (max-width: 640px){html[lang=ar]{font-size:16px}html[lang=zh]{font-size:15px}}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}[dir=rtl] .flex,[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .flex-row-reverse{flex-direction:row}[dir=rtl] .justify-start{justify-content:flex-end}[dir=rtl] .justify-end{justify-content:flex-start}[dir=rtl] .items-start{align-items:flex-end}[dir=rtl] .items-end{align-items:flex-start}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .ml-1{margin-left:0;margin-right:.25rem}[dir=rtl] .ml-2{margin-left:0;margin-right:.5rem}[dir=rtl] .ml-3{margin-left:0;margin-right:.75rem}[dir=rtl] .ml-4{margin-left:0;margin-right:1rem}[dir=rtl] .ml-5{margin-left:0;margin-right:1.25rem}[dir=rtl] .ml-6{margin-left:0;margin-right:1.5rem}[dir=rtl] .ml-8{margin-left:0;margin-right:2rem}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-1{margin-right:0;margin-left:.25rem}[dir=rtl] .mr-2{margin-right:0;margin-left:.5rem}[dir=rtl] .mr-3{margin-right:0;margin-left:.75rem}[dir=rtl] .mr-4{margin-right:0;margin-left:1rem}[dir=rtl] .mr-5{margin-right:0;margin-left:1.25rem}[dir=rtl] .mr-6{margin-right:0;margin-left:1.5rem}[dir=rtl] .mr-8{margin-right:0;margin-left:2rem}[dir=rtl] .mr-auto{margin-right:0;margin-left:auto}[dir=rtl] .pl-1{padding-left:0;padding-right:.25rem}[dir=rtl] .pl-2{padding-left:0;padding-right:.5rem}[dir=rtl] .pl-3{padding-left:0;padding-right:.75rem}[dir=rtl] .pl-4{padding-left:0;padding-right:1rem}[dir=rtl] .pl-5{padding-left:0;padding-right:1.25rem}[dir=rtl] .pl-6{padding-left:0;padding-right:1.5rem}[dir=rtl] .pl-8{padding-left:0;padding-right:2rem}[dir=rtl] .pl-10{padding-left:0;padding-right:2.5rem}[dir=rtl] .pr-1{padding-right:0;padding-left:.25rem}[dir=rtl] .pr-2{padding-right:0;padding-left:.5rem}[dir=rtl] .pr-3{padding-right:0;padding-left:.75rem}[dir=rtl] .pr-4{padding-right:0;padding-left:1rem}[dir=rtl] .pr-5{padding-right:0;padding-left:1.25rem}[dir=rtl] .pr-6{padding-right:0;padding-left:1.5rem}[dir=rtl] .pr-8{padding-right:0;padding-left:2rem}[dir=rtl] .pr-10{padding-right:0;padding-left:2.5rem}[dir=rtl] .border-l{border-left:0;border-right:1px solid}[dir=rtl] .border-r{border-right:0;border-left:1px solid}[dir=rtl] .border-l-2{border-left:0;border-right:2px solid}[dir=rtl] .border-r-2{border-right:0;border-left:2px solid}[dir=rtl] .rounded-l{border-radius:0 .375rem .375rem 0}[dir=rtl] .rounded-r{border-radius:.375rem 0 0 .375rem}[dir=rtl] .rounded-tl{border-top-left-radius:0;border-top-right-radius:.375rem}[dir=rtl] .rounded-tr{border-top-right-radius:0;border-top-left-radius:.375rem}[dir=rtl] .rounded-bl{border-bottom-left-radius:0;border-bottom-right-radius:.375rem}[dir=rtl] .rounded-br{border-bottom-right-radius:0;border-bottom-left-radius:.375rem}[dir=rtl] .rotate-90{transform:rotate(-90deg)}[dir=rtl] .rotate-180{transform:rotate(-180deg)}[dir=rtl] .rotate-270{transform:rotate(-270deg)}[dir=rtl] input[type=text],[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] input[type=number],[dir=rtl] input[type=search],[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] input[type=checkbox],[dir=rtl] input[type=radio],[dir=rtl] .icon-left{margin-left:.5rem;margin-right:0}[dir=rtl] .icon-right{margin-right:.5rem;margin-left:0}[dir=rtl] .dropdown-menu{left:auto;right:0}[dir=rtl] .modal{direction:rtl}[dir=rtl] .breadcrumb-item+.breadcrumb-item:before{content:"‹";transform:scaleX(-1)}[dir=rtl] .tooltip,[dir=rtl] .popover{direction:rtl}@keyframes slideInRight-rtl{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft-rtl{0%{transform:translate(-100%)}to{transform:translate(0)}}[dir=rtl] .slide-in-right{animation:slideInLeft-rtl .3s ease-out}[dir=rtl] .slide-in-left{animation:slideInRight-rtl .3s ease-out}[dir=rtl] ::-webkit-scrollbar{direction:rtl}[dir=rtl] .text-arabic,html[lang=ar] body,html[lang=ar] .font-arabic{font-family:Noto Sans Arabic,Tahoma,Arial Unicode MS,sans-serif;line-height:1.8;letter-spacing:.02em}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6{font-weight:600;line-height:1.6}html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select{font-family:Noto Sans Arabic,Tahoma,sans-serif}@media (max-width: 768px){[dir=rtl] .mobile-menu{right:auto;left:0}html[lang=ar]{font-size:16px}}@media (max-width: 640px){html[lang=ar] body{font-size:15px}html[lang=zh] body{font-size:14px}}.rtl-flip{transform:scaleX(-1)}[dir=rtl] .rtl-flip{transform:scaleX(1)}.ltr-only{display:block}.rtl-only,[dir=rtl] .ltr-only{display:none}[dir=rtl] .rtl-only{display:block}