@import url(https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&family=Amiri:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600;700&display=swap);:root{--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-950:#022c22;--gold-50:#fffbeb;--gold-100:#fef3c7;--gold-200:#fde68a;--gold-300:#fcd34d;--gold-400:#fbbf24;--gold-500:#f59e0b;--gold-600:#d97706;--gold-700:#b45309;--gold-800:#92400e;--gold-900:#78350f;--navy-50:#f0f4ff;--navy-100:#e0e7ff;--navy-200:#c7d2fe;--navy-800:#0f172a;--navy-900:#0b1120;--navy-950:#020617;--prayer-fajr:#7c3aed;--prayer-sunrise:#f59e0b;--prayer-dhuhr:#fbbf24;--prayer-asr:#f97316;--prayer-maghrib:#ef4444;--prayer-isha:#6366f1;--prayer-fajr-bg:#7c3aed1f;--prayer-sunrise-bg:#f59e0b1f;--prayer-dhuhr-bg:#fbbf241f;--prayer-asr-bg:#f973161f;--prayer-maghrib-bg:#ef44441f;--prayer-isha-bg:#6366f11f;--bg-primary:var(--navy-950);--bg-secondary:var(--navy-800);--bg-card:#0f172abf;--bg-card-solid:#0d1526;--bg-hover:#10b98114;--bg-input:#0f172ae6;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-gold:var(--gold-400);--text-emerald:var(--emerald-400);--accent-primary:var(--emerald-500);--accent-secondary:var(--emerald-600);--accent-gold:var(--gold-400);--accent-glow:#10b98140;--accent-gold-glow:#fbbf2433;--border-color:#94a3b81a;--border-card:#94a3b814;--border-gold:#fbbf2440;--border-emerald:#10b98140;--border-focus:var(--emerald-500);--shadow-color:#0006;--gradient-bg:radial-gradient(ellipse at top,var(--navy-800) 0%,var(--navy-950) 50%,#000 100%);--gradient-header:linear-gradient(180deg,#0f172af7,#0f172adb,#0000);--gradient-emerald:linear-gradient(135deg,var(--emerald-500),var(--emerald-700));--gradient-gold:linear-gradient(135deg,var(--gold-400),var(--gold-600));--gradient-card:radial-gradient(circle at top left,#10b9810f,#0000 55%);--overlay-glass:#0f172a99;--overlay-dark:#00000080;--scrollbar-track:var(--navy-950);--scrollbar-thumb:var(--emerald-600);--status-success:var(--emerald-500);--status-error:#ef4444;--status-warning:var(--gold-500);--status-info:#3b82f6}[data-theme=light]{--bg-primary:#faf9f6;--bg-secondary:#f0ece4;--bg-card:#ffffffd9;--bg-card-solid:#fff;--bg-hover:#0596690f;--bg-input:#ffffffe6;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-gold:var(--gold-700);--text-emerald:var(--emerald-700);--accent-primary:var(--emerald-600);--accent-secondary:var(--emerald-700);--accent-gold:var(--gold-600);--accent-glow:#05966926;--accent-gold-glow:#d9770626;--border-color:#00000014;--border-card:#0000000f;--border-gold:#d9770633;--border-emerald:#05966933;--shadow-color:#00000014;--gradient-bg:linear-gradient(180deg,#f5f0e8,#faf9f6 50%,#f0ece4);--gradient-header:linear-gradient(180deg,#faf9f6f7,#faf9f6db,#0000);--gradient-card:radial-gradient(circle at top left,#0596690a,#0000 55%);--overlay-glass:#fff9;--overlay-dark:#0000004d;--scrollbar-track:#faf9f6;--scrollbar-thumb:var(--emerald-600)}:root{--font-ui:"Noto Kufi Arabic","Inter",system-ui,-apple-system,sans-serif;--font-quran:"Amiri","Traditional Arabic",serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--text-2xs:0.625rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:2.75rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.8;--leading-quran:2.2;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Kufi Arabic,Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-ui);font-size:1rem;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal)}.font-quran{font-family:Amiri,Traditional Arabic,serif;font-family:var(--font-quran);line-height:2.2;line-height:var(--leading-quran)}.font-mono{font-feature-settings:"tnum";font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--font-mono);font-variant-numeric:tabular-nums}:root{--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.375rem;--radius-3xl:1.5rem;--radius-full:9999px;--max-w-sm:640px;--max-w-md:768px;--max-w-lg:900px;--max-w-xl:1100px;--max-w-2xl:1320px;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-header:30;--z-overlay:40;--z-modal:50;--z-popover:60;--z-toast:70;--touch-min:44px;--shadow-xs:0 1px 2px var(--shadow-color);--shadow-sm:0 2px 6px var(--shadow-color);--shadow-md:0 4px 12px var(--shadow-color);--shadow-lg:0 12px 30px var(--shadow-color);--shadow-xl:0 20px 45px var(--shadow-color);--shadow-card:0 4px 16px #0003,0 0 0 1px var(--border-card);--shadow-card-hover:0 8px 30px #0000004d,0 0 0 1px var(--border-emerald);--glow-emerald-sm:0 0 12px #10b98126;--glow-emerald-md:0 0 20px #10b98133;--glow-emerald-lg:0 0 35px #10b9814d;--glow-emerald-btn:0 8px 25px #10b9814d;--glow-emerald-btn-hover:0 12px 35px #10b98173;--glow-gold-sm:0 0 12px #fbbf2426;--glow-gold-md:0 0 20px #fbbf2433;--glow-gold-lg:0 0 35px #fbbf244d;--shadow-inset:inset 0 2px 4px #00000026;--shadow-inset-glow:inset 0 1px 0 #ffffff0d;--duration-fast:120ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--duration-slowest:600ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--transition-colors:background-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);--transition-transform:transform var(--duration-normal) var(--ease-default);--transition-shadow:box-shadow var(--duration-normal) var(--ease-default);--transition-all:all var(--duration-normal) var(--ease-default)}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px #10b98126}50%{box-shadow:0 0 25px #10b9814d}}@keyframes goldShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes starsDrift{0%{transform:translateZ(0)}50%{transform:translate3d(-20px,-30px,0)}to{transform:translateZ(0)}}@keyframes starsTwinkle{0%,to{opacity:.65}50%{opacity:1}}@keyframes auroraMove{0%{filter:blur(22px);transform:translateZ(0) scale(1)}50%{filter:blur(26px);transform:translate3d(-40px,20px,0) scale(1.05)}to{filter:blur(24px);transform:translate3d(25px,-25px,0) scale(1.02)}}@keyframes progressFill{0%{width:0}}@keyframes flipDown{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-slow) var(--ease-default),color var(--duration-slow) var(--ease-default),border-color var(--duration-slow) var(--ease-default)}body{background:var(--bg-primary);color:var(--text-primary);cursor:default;min-height:100vh;overflow-x:hidden}:not(input):not(textarea){caret-color:#0000!important}input,textarea{caret-color:auto!important}html{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:var(--scrollbar-track)}html::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}html::-webkit-scrollbar-thumb:hover{background:var(--emerald-500)}::selection{background:#10b9814d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}img,svg{display:block;max-width:100%}ol,ul{list-style:none}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;cursor:pointer;font:inherit}.card-base{background:var(--gradient-card),var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-2xl)}.card-base,.card-glass{box-shadow:var(--shadow-card);overflow:hidden;padding:var(--space-5);position:relative}.card-glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--overlay-glass);border:1px solid var(--border-color);border-radius:var(--radius-2xl)}.card-base:before,.card-glass:before{background-image:repeating-conic-gradient(var(--accent-primary) 0 25%,#0000 0 50%);background-size:24px 24px;content:"";inset:0;mask-image:linear-gradient(180deg,#000 0,#0000 40%);-webkit-mask-image:linear-gradient(180deg,#000 0,#0000 40%);opacity:.03;pointer-events:none;position:absolute}.card-hover{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card-hover:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-gold-border{border-color:var(--border-gold)}.card-gold-border:after{background:var(--gradient-gold);height:1px;opacity:.5}.card-emerald-accent:after,.card-gold-border:after{content:"";left:10%;position:absolute;right:10%;top:0}.card-emerald-accent:after{background:var(--gradient-emerald);border-radius:0 0 var(--radius-full) var(--radius-full);height:2px}.card-body{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}@media (max-width:600px){.card-base,.card-glass{border-radius:var(--radius-xl);padding:var(--space-4)}}@media (max-width:480px){.card-base,.card-glass{border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3)}}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);justify-content:center;line-height:1;min-height:var(--touch-min);padding:var(--space-3) var(--space-5);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-normal) var(--ease-default);white-space:nowrap}.btn:disabled{cursor:default;opacity:.5;pointer-events:none}.btn-primary{background:var(--gradient-emerald);box-shadow:var(--glow-emerald-btn);color:var(--emerald-950)}.btn-primary:not(:disabled):hover{background:linear-gradient(135deg,var(--emerald-400),var(--emerald-600));box-shadow:var(--glow-emerald-btn-hover);transform:translateY(-1px) scale(1.02)}.btn-primary:active{box-shadow:var(--glow-emerald-sm);transform:translateY(1px)}.btn-gold{background:var(--gradient-gold);box-shadow:var(--glow-gold-sm);color:var(--gold-900)}.btn-gold:not(:disabled):hover{box-shadow:var(--glow-gold-md);transform:translateY(-1px) scale(1.02)}.btn-ghost{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-emerald);color:var(--text-primary)}.btn-icon{background:#0000;border:1px solid #0000;border-radius:var(--radius-lg);color:var(--text-secondary);height:var(--touch-min);padding:0;width:var(--touch-min)}.btn-icon:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.btn-sm{font-size:var(--text-xs);min-height:var(--touch-min);padding:var(--space-2) var(--space-3)}.btn-lg{font-size:var(--text-base);min-height:52px;padding:var(--space-4) var(--space-6)}.btn-block{width:100%}.btn-loading{color:#0000;pointer-events:none;position:relative}.btn-loading:after{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;content:"";height:18px;position:absolute;width:18px}.btn-tab{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);flex:1 1;font-size:var(--text-xs);padding:var(--space-2) var(--space-3);transition:var(--transition-all)}.btn-tab:hover{border-color:var(--border-emerald);color:var(--text-primary)}.btn-tab-active{background:var(--gradient-emerald);border-color:#0000;color:var(--emerald-950);font-weight:var(--weight-semibold)}.input-base{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-sm);min-height:var(--touch-min);outline:none;padding:var(--space-3) var(--space-4);transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);width:100%}.input-base::placeholder{color:var(--text-muted)}.input-base:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input-error{border-color:var(--status-error)}.input-error:focus{box-shadow:0 0 0 3px #ef444433}.input-error-message{color:var(--status-error);font-size:var(--text-xs);margin-top:var(--space-1)}.input-search{-webkit-padding-start:var(--space-10);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-position:calc(100% - 14px);background-repeat:no-repeat;padding-inline-start:var(--space-10)}[dir=ltr] .input-search{background-position:14px}.select-base{-webkit-padding-end:var(--space-10);-webkit-appearance:none;appearance:none;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);min-height:var(--touch-min);outline:none;padding:var(--space-3) var(--space-4);padding-inline-end:var(--space-10);transition:border-color var(--duration-normal) var(--ease-default);width:100%}.select-base:focus{border-color:var(--accent-primary)}.field-label{color:var(--text-secondary);display:block;font-size:var(--text-sm);margin-bottom:var(--space-2)}.badge,.field-label{font-weight:var(--weight-medium)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);line-height:1;padding:var(--space-1) var(--space-3);white-space:nowrap}.badge-emerald{background:#10b9811f;border:1px solid var(--border-emerald);color:var(--emerald-400)}[data-theme=light] .badge-emerald{color:var(--emerald-700)}.badge-gold{background:#fbbf241f;border:1px solid var(--border-gold);color:var(--gold-400)}[data-theme=light] .badge-gold{color:var(--gold-700)}.badge-live{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.badge-live:before{animation:pulse 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;content:"";height:6px;width:6px}.badge-fajr{background:var(--prayer-fajr-bg);color:var(--prayer-fajr)}.badge-sunrise{background:var(--prayer-sunrise-bg);color:var(--prayer-sunrise)}.badge-dhuhr{background:var(--prayer-dhuhr-bg);color:var(--prayer-dhuhr)}.badge-asr{background:var(--prayer-asr-bg);color:var(--prayer-asr)}.badge-maghrib{background:var(--prayer-maghrib-bg);color:var(--prayer-maghrib)}.badge-isha{background:var(--prayer-isha-bg);color:var(--prayer-isha)}.badge-count{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:inline-flex;font-size:var(--text-2xs);font-weight:var(--weight-bold);height:20px;justify-content:center;min-width:20px;padding:0 var(--space-1)}.heading-page{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);margin:0}.heading-section{color:var(--text-primary);display:inline-block;font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0 0 var(--space-4);position:relative}.heading-section:after{background:var(--gradient-gold);border-radius:var(--radius-full);bottom:-4px;content:"";height:2px;position:absolute;right:0;width:40px}.heading-card{color:var(--text-primary);font-size:var(--text-md);font-weight:var(--weight-bold);margin:0 0 var(--space-3)}.text-quran{color:var(--text-primary);direction:rtl;font-size:var(--text-xl);line-height:var(--leading-quran)}.text-quran,.text-quran-sm{font-family:var(--font-quran)}.text-quran-sm{font-size:var(--text-lg);line-height:var(--leading-loose)}.text-gold{color:var(--text-gold)}.text-emerald{color:var(--text-emerald)}.text-muted{color:var(--text-muted);font-size:var(--text-sm)}.text-time{font-feature-settings:"tnum";color:var(--text-gold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.text-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.text-body{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}@media (max-width:600px){.heading-page{font-size:var(--text-2xl)}.heading-section{font-size:var(--text-lg)}}@media (max-width:480px){.heading-page{font-size:var(--text-xl)}}.progress-bar{background:#94a3b81a;height:8px;overflow:hidden;width:100%}.progress-bar,.progress-bar-fill{border-radius:var(--radius-full);position:relative}.progress-bar-fill{background:var(--gradient-emerald);height:100%;transition:width var(--duration-slowest) var(--ease-out)}.progress-bar-fill-gold{background:var(--gradient-gold)}.progress-bar-fill-gradient{background:linear-gradient(90deg,var(--emerald-500),var(--gold-400))}.progress-bar-fill:after{background:linear-gradient(90deg,#0000,#ffffff4d);border-radius:var(--radius-full);content:"";height:100%;position:absolute;right:0;top:0;width:20px}.progress-circular{align-items:center;display:inline-flex;justify-content:center;position:relative}.progress-circular svg{transform:rotate(-90deg)}.progress-circular-track{fill:none;stroke:#94a3b81a}.progress-circular-fill{fill:none;stroke:url(#emerald-gradient);stroke-linecap:round;transition:stroke-dashoffset var(--duration-slowest) var(--ease-out)}.progress-circular-label{align-items:center;color:var(--text-primary);display:flex;font-weight:var(--weight-bold);inset:0;justify-content:center;position:absolute}.progress-bar-sm{height:4px}.progress-bar-lg{height:12px}.progress-labeled{display:flex;flex-direction:column;gap:var(--space-2)}.progress-labeled-header{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);justify-content:space-between}.progress-labeled-value{color:var(--text-gold);font-family:var(--font-mono);font-weight:var(--weight-semibold)}.grid-2col{grid-gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.grid-2col,.grid-responsive{display:grid;gap:var(--space-6)}.grid-responsive{grid-gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-bento{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-bento-wide{grid-column:1/-1}.flex-row{gap:var(--space-3)}.flex-between,.flex-row{align-items:center;display:flex}.flex-between{justify-content:space-between}.stack{display:flex;flex-direction:column}.stack-sm{gap:var(--space-2)}.stack-md{gap:var(--space-4)}.stack-lg{gap:var(--space-6)}@media (max-width:768px){.grid-2col{grid-template-columns:1fr}}@media (max-width:600px){.grid-bento,.grid-responsive{gap:var(--space-4);grid-template-columns:1fr}}.app-shell{background:var(--gradient-bg);direction:rtl;display:flex;flex-direction:column;isolation:isolate;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.app-shell>*{position:relative;z-index:var(--z-base)}.app-main{flex:1 1}.app-container{margin:0 auto;max-width:var(--max-w-2xl);padding:var(--space-4) var(--space-5) var(--space-8)}.site-header{border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header)}.site-header:before{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--gradient-header);content:"";inset:0;position:absolute;z-index:-1}.header-inner{gap:var(--space-4);justify-content:space-between;padding:var(--space-2) var(--space-5)}.header-actions,.header-inner{align-items:center;display:flex}.header-actions{gap:var(--space-2)}.brand{gap:var(--space-3)}.brand,.brand-logo{align-items:center;display:flex}.brand-logo{background:radial-gradient(circle at 30% 30%,var(--emerald-500),var(--navy-800));border-radius:var(--radius-full);box-shadow:var(--glow-emerald-sm);font-size:1.2rem;height:36px;justify-content:center;width:36px}.brand-text-block{display:flex;flex-direction:column;gap:2px}.brand-name{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-bold)}.brand-sub{color:var(--text-muted);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide)}.hero{padding:var(--space-8) var(--space-4) var(--space-2);text-align:center}.hero-content{margin:0 auto;max-width:720px}.hero-title{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);margin:0 0 var(--space-3)}.hero-subtitle{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-loose);margin:0}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--border-emerald);border-radius:var(--radius-full);color:var(--emerald-300);display:inline-flex;font-size:var(--text-xs);justify-content:center;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3)}[data-theme=light] .hero-badge{color:var(--emerald-700)}.site-footer{background:radial-gradient(circle at bottom,var(--bg-secondary),var(--bg-primary) 70%);border-top:1px solid var(--border-color)}.footer-inner{color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-3) var(--space-5) var(--space-5)}.footer-note{color:var(--text-muted);font-size:var(--text-2xs)}@media (min-width:720px){.footer-inner{align-items:center;flex-direction:row;justify-content:space-between}}.main-layout{align-items:center;display:flex;flex-direction:column;gap:var(--space-6);margin:var(--space-6) auto var(--space-10);max-width:var(--max-w-lg);padding:0 var(--space-4) var(--space-10)}.col{min-width:0;width:100%}.card{background:var(--gradient-card),var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);max-width:700px;overflow:hidden;padding:var(--space-5);position:relative;width:100%}.card:before{background-image:repeating-conic-gradient(var(--accent-primary) 0 25%,#0000 0 50%);background-size:24px 24px;content:"";inset:0;mask-image:linear-gradient(180deg,#000 0,#0000 35%);-webkit-mask-image:linear-gradient(180deg,#000 0,#0000 35%);opacity:.03;pointer-events:none;position:absolute}.card-title{color:var(--text-primary);font-size:var(--text-md);font-weight:var(--weight-bold);margin:0 0 var(--space-3)}.col:first-child .card,.col:nth-child(2) .card:first-child{min-height:460px}.col:nth-child(2) .card:first-child,.home-grid{display:flex;flex-direction:column}.home-grid{gap:var(--space-6);margin:var(--space-8) auto 0;max-width:var(--max-w-xl)}.home-main-section,.home-top-section{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.home-side-section{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.home-card{min-height:170px}.home-grid .home-card:nth-child(3){grid-column:1/-1;max-width:100%}.tools-page{margin:var(--space-8) auto;max-width:1200px;padding:0 var(--space-4)}.tools-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.tools-column{display:flex;flex-direction:column;gap:var(--space-6)}.quran-section{margin:0 auto;max-width:800px}.home-list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:var(--space-3) 0 0;padding:0}.home-list li{display:flex;font-size:var(--text-sm);justify-content:space-between}.home-city{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.app-shell:before{animation:starsDrift 55s linear infinite,starsTwinkle 3s ease-in-out infinite;background-image:radial-gradient(2.4px 2.4px at 8% 18%,#f8fafcfa,#0000 65%),radial-gradient(2px 2px at 25% 75%,#f8fafce6,#0000 60%),radial-gradient(2.2px 2.2px at 45% 40%,#f8fafcf2,#0000 60%),radial-gradient(1.8px 1.8px at 65% 20%,#f8fafce6,#0000 60%),radial-gradient(2.2px 2.2px at 80% 60%,#f8fafcf2,#0000 60%),radial-gradient(1.7px 1.7px at 92% 82%,#f8fafce6,#0000 60%);background-repeat:repeat;background-size:420px 420px;inset:0;opacity:.8}.app-shell:after,.app-shell:before{content:"";pointer-events:none;position:fixed;z-index:0}.app-shell:after{animation:auroraMove 22s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 0,#10b98124,#0000 60%),radial-gradient(circle at 80% 100%,#38bdf81a,#0000 60%);inset:-30%;opacity:.55}[data-theme=light] .app-shell:before{opacity:0}[data-theme=light] .app-shell:after{background:radial-gradient(circle at 20% 0,#05966914,#0000 60%),radial-gradient(circle at 80% 100%,#38bdf80f,#0000 60%);opacity:.2}@media (max-width:900px){.main-layout,.tools-grid{grid-template-columns:1fr}}@media (max-width:768px){.header-inner{gap:var(--space-3);padding:var(--space-2) var(--space-4)}.brand-sub{display:none}.home-main-section,.home-top-section{grid-template-columns:1fr}.home-side-section{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:600px){.hero-title{font-size:var(--text-2xl)}.card{border-radius:var(--radius-xl);padding:var(--space-4) var(--space-3) var(--space-3)}.home-grid{margin:var(--space-4) auto 0;padding:0 var(--space-3)}.home-grid,.home-main-section,.home-side-section,.home-top-section{gap:var(--space-4)}}@media (max-width:480px){.hero-title{font-size:var(--text-xl)}.card{border-radius:var(--radius-lg);padding:var(--space-3)}.home-list li{font-size:var(--text-xs)}.home-city{font-size:var(--text-base)}.home-side-section{grid-template-columns:1fr}}@media (max-width:360px){.hero-title{font-size:var(--text-lg)}.card{border-radius:var(--radius-md);padding:var(--space-3) var(--space-2)}.home-list li{font-size:var(--text-xs)}}@media (max-width:768px){input,select,textarea{font-size:16px!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header:before{background:var(--bg-primary);opacity:.97}.card-glass{background:var(--bg-card-solid)}}.navbar{align-items:center;display:flex;flex:1 1;justify-content:flex-end;position:relative}.navbar-mobile-toggle{background:none;border:none;cursor:pointer;display:none;padding:8px;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{background:var(--text-secondary);border-radius:2px;display:block;height:2px;transition:all .3s ease}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.navbar-links{align-items:center;display:flex;gap:6px;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-btn{align-items:center;background:#ffffff0a;border:1px solid #0000;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;gap:6px;outline:none;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.nav-icon{font-size:1rem}.nav-icon,.nav-label{line-height:1}.nav-arrow{-webkit-margin-end:-2px;font-size:.75rem;margin-inline-end:-2px;opacity:.5;transition:transform .2s ease}.nav-arrow.open{transform:rotate(-90deg)}.nav-btn:hover{background:var(--bg-hover);border-color:var(--border-emerald);box-shadow:var(--glow-emerald-sm);color:var(--text-primary)}.nav-btn-active{background:var(--gradient-emerald);border-color:#0000;box-shadow:var(--glow-emerald-btn);color:var(--emerald-950)}.nav-btn-active:hover{box-shadow:var(--glow-emerald-btn-hover);transform:translateY(-1px)}.nav-btn-active .nav-arrow{opacity:.7}.nav-btn:active{transform:scale(.97)}.nav-dropdown{animation:dropdownIn .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-xl),0 0 0 1px var(--border-card);min-width:260px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-dropdown-item{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-ui);gap:12px;padding:12px 14px;text-align:right;transition:all .3s ease;width:100%}.nav-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-dropdown-item.active{background:#10b98126;color:var(--text-emerald)}.dropdown-icon{align-items:center;background:var(--overlay-glass);border-radius:10px;display:flex;flex-shrink:0;font-size:1.3rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.nav-dropdown-item.active .dropdown-icon{background:var(--accent-glow)}.dropdown-text{display:flex;flex-direction:column;gap:2px}.dropdown-label{font-size:.92rem;font-weight:600;line-height:1.2}.dropdown-desc{color:var(--text-muted);font-size:.78rem;line-height:1.2}.nav-dropdown-item.active .dropdown-desc{color:#10b98199}[data-theme=light] .nav-btn{background:#00000008;color:var(--text-secondary)}[data-theme=light] .nav-btn:hover{background:var(--bg-hover);border-color:var(--border-emerald);color:var(--text-primary)}[data-theme=light] .nav-btn-active{background:var(--gradient-emerald);color:var(--emerald-950)}[data-theme=light] .nav-dropdown{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-card)}[data-theme=light] .nav-dropdown-item{color:var(--text-secondary)}[data-theme=light] .nav-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=light] .nav-dropdown-item.active{background:#0596691a;color:var(--text-emerald)}[data-theme=light] .dropdown-icon{background:var(--overlay-glass)}[data-theme=light] .dropdown-desc{color:var(--text-muted)}[data-theme=light] .hamburger span{background:var(--text-secondary)}@media (max-width:768px){.navbar{flex:0 0 auto}.navbar-mobile-toggle{align-items:center;display:flex;position:relative;z-index:1002}.navbar-links{-webkit-overflow-scrolling:touch;align-items:stretch;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--overlay-dark);bottom:0;display:none;flex-direction:column;gap:6px;left:0;list-style:none;margin:0;overflow-y:auto;padding:calc(88px + env(safe-area-inset-top, 0px)) 20px calc(40px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;top:0;z-index:1000}.navbar-links.mobile-open{animation:mobileSlideIn .3s cubic-bezier(.16,1,.3,1);display:flex}@keyframes mobileSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.nav-btn,.nav-item{width:100%}.nav-btn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;font-size:1.05rem;gap:12px;justify-content:flex-start;padding:14px 18px}.nav-btn:active{transform:scale(.98)}.nav-btn-active{background:var(--gradient-emerald);border-color:#0000;color:var(--emerald-950)}.nav-icon{font-size:1.2rem;text-align:center;width:32px}.nav-arrow{-webkit-margin-end:auto;-webkit-margin-start:4px;font-size:.85rem;margin-inline-end:auto;margin-inline-start:4px}.nav-dropdown{animation:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;border-right:2px solid var(--border-emerald);box-shadow:none;margin-top:2px;min-width:0;min-width:auto;padding:4px 0 8px 20px;position:static}.nav-dropdown-item{border-radius:12px;gap:12px;padding:12px 16px}.nav-dropdown-item:active{transform:scale(.98)}.dropdown-icon{border-radius:10px;font-size:1.1rem;height:32px;width:32px}.dropdown-label{font-size:.95rem}.dropdown-desc{font-size:.8rem}[data-theme=light] .navbar-links{background:var(--overlay-dark)}[data-theme=light] .nav-btn{background:var(--bg-card);border-color:var(--border-card)}[data-theme=light] .nav-dropdown{border-right-color:var(--border-emerald)}}.countries-card{position:relative}.countries-list{gap:.8rem;margin-top:var(--space-4);max-height:350px;overflow-y:auto}.countries-list,.country-row{display:flex;flex-direction:column}.country-row{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:.8rem 1rem;transition:all .3s ease}.country-row:hover{background:var(--bg-hover);border-color:var(--border-emerald);box-shadow:var(--glow-emerald-sm)}.country-name{color:var(--text-primary);font-family:var(--font-ui);font-size:1.1rem;font-weight:600}.cities-count{-webkit-margin-end:4px;color:var(--text-muted);font-weight:400;margin-inline-end:4px}.sample-cities{color:var(--text-secondary);font-size:var(--text-sm);margin-top:4px}.loading-overlay{inset-inline-start:15px;position:absolute;top:15px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:18px;width:18px}@media (max-width:600px){.countries-list{gap:.6rem;max-height:300px}.country-row{padding:.6rem .8rem}.country-name{font-size:1rem}.sample-cities{font-size:.85rem}}@media (max-width:480px){.countries-list{gap:.5rem;max-height:280px}.country-row{border-radius:var(--radius-md);padding:.5rem .7rem}.country-name{font-size:.95rem}.sample-cities{font-size:.8rem}}@media (max-width:360px){.countries-list{max-height:250px}.country-row{padding:.5rem .6rem}.country-name{font-size:.9rem}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#10b981;background:var(--emerald-500,#10b981);border-radius:0 0 12px 12px;color:#fff;font-family:sans-serif;font-family:var(--font-ui,sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:700;left:50%;opacity:0;padding:12px 24px;pointer-events:none;position:absolute;text-decoration:none;top:-100%;transform:translateX(-50%);transition:top .2s ease,opacity .2s ease;z-index:9999}.skip-link:focus-visible{opacity:1;outline:2px solid #6ee7b7;outline:2px solid var(--emerald-300,#6ee7b7);outline-offset:2px;pointer-events:auto;top:0}.footer{border-top:1px solid var(--border-color);margin-top:var(--space-10);position:relative}.footer-glow{background:linear-gradient(to top,var(--accent-gold-glow),#0000);inset:0;pointer-events:none;position:absolute}.footer-container{margin:0 auto;max-width:var(--max-w-2xl);padding:var(--space-6) var(--space-4);position:relative}@media (min-width:640px){.footer-container{padding:var(--space-6) var(--space-5)}}@media (min-width:1024px){.footer-container{padding:var(--space-6) var(--space-6)}}.footer-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:space-between}@media (min-width:768px){.footer-content{flex-direction:row}}.footer-copyright{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-ui);gap:var(--space-2)}.footer-copyright svg{color:var(--accent-gold);height:16px;width:16px}.footer-copyright span{font-size:var(--text-sm)}.footer-disclaimer{color:var(--text-muted);font-size:var(--text-xs);max-width:400px;opacity:.7;text-align:center}.footer-made{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-ui);font-size:var(--text-sm);gap:4px}.footer-made svg{fill:var(--status-error);color:var(--status-error);height:16px;width:16px}.theme-toggle{align-items:center;background:var(--bg-card);border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.theme-toggle:hover{background:var(--bg-hover);transform:scale(1.1)}.theme-toggle svg{animation:fadeIn .3s ease;height:20px;width:20px}@keyframes fadeIn{0%{opacity:0;transform:rotate(-90deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@media (max-width:480px){.theme-toggle{height:44px;width:44px}.theme-toggle svg{height:18px;width:18px}}@media (max-width:360px){.theme-toggle{height:44px;width:44px}.theme-toggle svg{height:16px;width:16px}}.notification-toggle{-webkit-margin-end:8px;align-items:center;background:var(--bg-card);border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;margin-inline-end:8px;transition:all .3s ease;width:44px}.notification-toggle:hover{background:var(--bg-hover);transform:scale(1.1)}.notification-toggle.enabled{background:#22c55e26;color:var(--accent-primary)}.notification-toggle.enabled:hover{background:#22c55e40}.notification-toggle svg{height:20px;width:20px}.notification-toggle.enabled svg{animation:ring .5s ease-in-out}@keyframes ring{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}}@media (max-width:480px){.notification-toggle{-webkit-margin-end:6px;height:44px;margin-inline-end:6px;width:44px}.notification-toggle svg{height:18px;width:18px}}@media (max-width:360px){.notification-toggle{-webkit-margin-end:4px;height:44px;margin-inline-end:4px;width:44px}.notification-toggle svg{height:16px;width:16px}}.error-boundary-container{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:var(--space-8)}.error-boundary-card{background:var(--gradient-card),var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);max-width:480px;padding:var(--space-10) var(--space-8);text-align:center;width:100%}.error-boundary-icon{color:var(--status-warning);font-size:3rem;margin-bottom:var(--space-4)}.error-boundary-title{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin:0 0 var(--space-1)}.error-boundary-message{color:var(--text-secondary);font-size:1rem;margin:0 0 var(--space-4)}.error-boundary-detail{color:var(--text-muted);font-size:.85rem;margin:0 0 var(--space-6);word-break:break-word}.error-boundary-button{background:var(--gradient-emerald);border:none;border-radius:var(--radius-md);box-shadow:var(--glow-emerald-btn);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:var(--space-3) var(--space-8);transition:box-shadow .2s ease,transform .2s ease}.error-boundary-button:hover{box-shadow:var(--glow-emerald-btn-hover);transform:translateY(-1px)}@media (max-width:480px){.error-boundary-card{border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6)}}:root{--admin-bg:#0a0a0f;--admin-surface:#12121a;--admin-surface2:#181825;--admin-border:#1e1e2e;--admin-text:#e2e8f0;--admin-muted:#64748b;--admin-primary:#6366f1;--admin-danger:#ef4444;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-glass:#ffffff0a}.admin-login-wrapper{align-items:center;background:#0a0a0f;background:var(--admin-bg);background-image:radial-gradient(ellipse at top,#6366f126,#0000 50%);display:flex;justify-content:center;min-height:100vh}.admin-login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;background:var(--admin-glass);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:20px;max-width:400px;padding:48px 40px;text-align:center;width:100%}.admin-login-icon{font-size:40px;margin-bottom:8px}.admin-login-card h1{color:#e2e8f0;color:var(--admin-text);font-size:24px;margin:0 0 4px}.admin-login-sub{color:#64748b;color:var(--admin-muted);font-size:14px;margin:0 0 28px}.admin-field{margin-bottom:16px}.admin-field input{background:#12121a;background:var(--admin-surface);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:12px;box-sizing:border-box;color:#e2e8f0;color:var(--admin-text);font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.admin-field input:focus{border-color:#6366f1;border-color:var(--admin-primary)}.admin-error{background:#ef44441a;color:#ef4444;color:var(--admin-danger);margin-bottom:16px;padding:10px 14px}.admin-btn,.admin-error{border-radius:10px;font-size:13px}.admin-btn{border:none;cursor:pointer;font-weight:600;padding:10px 22px;transition:all .2s;white-space:nowrap}.admin-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.admin-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.admin-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.admin-btn-danger{background:#ef4444;background:var(--admin-danger);color:#fff}.admin-btn-danger:hover{opacity:.85}.admin-btn-ghost{background:#0000;border:1px solid #1e1e2e;border:1px solid var(--admin-border);color:#64748b;color:var(--admin-muted)}.admin-btn-ghost:hover{border-color:#64748b;border-color:var(--admin-muted);color:#e2e8f0;color:var(--admin-text)}.admin-login-card .admin-btn-primary{border-radius:12px;font-size:14px;padding:12px 24px;width:100%}.admin-dashboard{background:#0a0a0f;background:var(--admin-bg);color:#e2e8f0;color:var(--admin-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.admin-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.admin-header,.admin-header-left{align-items:center;display:flex;gap:12px}.admin-header-left h1{font-size:22px;font-weight:700;margin:0}.admin-header-right{display:flex;gap:10px}.worker-badge{background:#64748b33;border-radius:20px;color:#64748b;color:var(--admin-muted);font-size:12px;font-weight:600;padding:4px 12px}.worker-badge.active{animation:pulse 2s infinite;background:#10b98126;color:#10b981;color:var(--admin-success)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.current-task{align-items:flex-start;border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:16px;display:flex;gap:16px;margin-bottom:20px;padding:20px 24px}.current-task--idle{align-items:center;background:#ffffff0a;background:var(--admin-glass)}.current-task--active{background:linear-gradient(135deg,#f59e0b0f,#6366f10f);border-color:#f59e0b4d}.current-task-icon{color:#64748b;color:var(--admin-muted);font-size:12px;margin-top:2px}.current-task-info{flex:1 1;min-width:0}.current-task-label{color:#f59e0b;color:var(--admin-warning);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.current-task--idle .current-task-label,.current-task-sublabel{color:#64748b;color:var(--admin-muted)}.current-task-sublabel{font-size:13px}.current-task-title{color:#e2e8f0;color:var(--admin-text);font-size:16px;font-weight:700;margin:0 0 6px}.current-task-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;color:var(--admin-muted);display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 12px;overflow:hidden}.current-task-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.current-task-cat{border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:3px 10px;text-transform:uppercase}.current-task-batch{color:#64748b;color:var(--admin-muted);font-size:12px}.current-task-elapsed{font-feature-settings:"tnum";color:#f59e0b;color:var(--admin-warning);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.current-task-spinner{flex-shrink:0;height:32px;margin-top:4px;width:32px}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #f59e0b33;border-radius:50%;border-top:3px solid var(--admin-warning);height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.stats-section{margin-bottom:20px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;background:var(--admin-glass);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:14px;padding:16px 12px;text-align:center}.stat-value{font-feature-settings:"tnum";font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.stat-label{color:#64748b;color:var(--admin-muted);font-size:11px;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.health-good{color:#10b981!important}.health-warn{color:#f59e0b!important}.health-bad{color:#ef4444!important}.filter-bar{background:#12121a;background:var(--admin-surface);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:14px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px 20px}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filter-label{color:#64748b;color:var(--admin-muted);font-size:11px;font-weight:600;letter-spacing:.08em;min-width:64px;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{background:#0000;border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:8px;color:#64748b;color:var(--admin-muted);cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;text-transform:capitalize;transition:all .15s}.filter-chip:hover{border-color:#64748b;border-color:var(--admin-muted);color:#e2e8f0;color:var(--admin-text)}.filter-chip.active{background:#6366f1;background:var(--admin-primary);border-color:#6366f1;border-color:var(--admin-primary);color:#fff}.filter-chip--status.active[data-status=completed]{background:#10b981;background:var(--admin-success);border-color:#10b981;border-color:var(--admin-success)}.filter-chip--status.active[data-status=failed]{background:#ef4444;background:var(--admin-danger);border-color:#ef4444;border-color:var(--admin-danger)}.filter-chip--status.active[data-status=running]{background:#f59e0b;background:var(--admin-warning);border-color:#f59e0b;border-color:var(--admin-warning)}.filter-chip--status.active[data-status=pending]{background:#6b7280;border-color:#6b7280}.chip-icon{font-size:10px;margin-right:4px}.task-list{display:flex;flex-direction:column;gap:10px}.task-card{background:#12121a;background:var(--admin-surface);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-left:3px solid #0000;border-radius:14px;cursor:pointer;padding:16px 20px;transition:all .2s}.task-card:hover{border-color:#2d2d40;transform:translateY(-1px)}.task-card--running{background:#f59e0b08;border-left-color:#f59e0b;border-left-color:var(--admin-warning)}.task-card--completed{border-left-color:#10b981;border-left-color:var(--admin-success)}.task-card--failed{border-left-color:#ef4444;border-left-color:var(--admin-danger)}.task-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.task-card-badges{align-items:center;display:flex;gap:6px}.task-card-right{align-items:center;display:flex;gap:8px}.task-category{border-radius:6px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.task-batch-badge{background:#ffffff0f;border-radius:6px;font-size:10px;padding:3px 8px}.task-batch-badge,.task-duration{color:#64748b;color:var(--admin-muted);font-weight:600}.task-duration{font-feature-settings:"tnum";align-items:center;display:flex;font-size:12px;font-variant-numeric:tabular-nums;gap:5px}.task-duration--live{color:#f59e0b;color:var(--admin-warning)}.duration-dot{animation:blink 1s infinite;background:#f59e0b;background:var(--admin-warning);border-radius:50%;height:6px;width:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.task-status-badge{border-radius:6px;font-size:11px;font-weight:600;padding:3px 10px}.task-title{color:#e2e8f0;color:var(--admin-text);font-size:14px;font-weight:600;margin:0 0 4px}.task-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.5;margin:0 0 8px;overflow:hidden}.task-desc,.task-meta{color:#64748b;color:var(--admin-muted)}.task-meta{display:flex;font-size:11px;gap:12px;justify-content:space-between}.task-output{background:#00000059;border:1px solid #ffffff0a;border-radius:10px;margin-top:12px;overflow-x:auto;padding:14px}.task-output--error{border-color:#ef444433}.task-output-header{color:#64748b;color:var(--admin-muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.task-output pre{color:#94a3b8;font-size:12px;line-height:1.6;margin:0;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.task-output--error pre{color:#fca5a5}.task-expand-hint{color:#6366f199;font-size:11px;font-style:italic;margin-top:8px}.admin-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:16px 0}.admin-pagination button{background:#12121a;background:var(--admin-surface);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:10px;color:#e2e8f0;color:var(--admin-text);cursor:pointer;font-size:13px;padding:8px 18px;transition:all .15s}.admin-pagination button:hover:not(:disabled){border-color:#6366f1;border-color:var(--admin-primary)}.admin-pagination button:disabled{cursor:not-allowed;opacity:.35}.admin-pagination span{color:#64748b;color:var(--admin-muted);font-size:13px}.admin-empty,.admin-loading{color:#64748b;color:var(--admin-muted);font-size:14px;padding:60px 20px;text-align:center}.admin-loading{align-items:center;background:#0a0a0f;background:var(--admin-bg);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:100vh}.admin-tabs{background:#12121a;background:var(--admin-surface);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:14px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.admin-tab{background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--admin-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.admin-tab:hover{background:#ffffff0a;background:var(--admin-glass);color:#e2e8f0;color:var(--admin-text)}.admin-tab--active{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid #6366f14d;color:#a5b4fc}.tab-section-title{border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--admin-border);color:#e2e8f0;color:var(--admin-text);font-size:15px;font-weight:700;margin:20px 0 12px;padding-bottom:8px}.prayer-status-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.stat-card--warn{border-color:#ef44444d}.prayer-recompute-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.recompute-result{border-radius:10px;font-size:13px;font-weight:500;padding:8px 14px}.result-success{background:#10b9811a;color:#10b981;color:var(--admin-success)}.result-error{background:#ef44441a;color:#ef4444;color:var(--admin-danger)}.prayer-stats-info{background:#12121a;background:var(--admin-surface);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:14px;overflow:hidden}.stat-row{border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--admin-border);display:flex;font-size:13px;justify-content:space-between;padding:10px 16px}.stat-row:last-child{border-bottom:none}.stat-row span{color:#64748b;color:var(--admin-muted)}.stat-row strong{color:#e2e8f0;color:var(--admin-text)}.mini-chart{background:#12121a;background:var(--admin-surface);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:14px;margin-bottom:20px;padding:16px}.mini-chart-bars{align-items:flex-end;display:flex;gap:3px;height:120px}.mini-chart-col{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.mini-chart-bar{background:linear-gradient(0deg,#6366f1,#8b5cf6);border-radius:3px 3px 0 0;min-height:2px;transition:height .3s;width:100%}.mini-chart-col:hover .mini-chart-bar{background:linear-gradient(0deg,#818cf8,#a78bfa)}.mini-chart-label{color:#64748b;color:var(--admin-muted);font-size:8px;margin-top:4px;max-height:40px;overflow:hidden;transform:rotate(180deg);writing-mode:vertical-rl}.analytics-lists{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.analytics-list-card{background:#12121a;background:var(--admin-surface);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:14px;padding:16px}.analytics-list-title{color:#e2e8f0;color:var(--admin-text);font-size:13px;font-weight:700;margin-bottom:12px}.analytics-list-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;font-size:13px;gap:10px;padding:6px 0}.analytics-list-row:last-child{border-bottom:none}.analytics-rank{align-items:center;background:#ffffff0a;background:var(--admin-glass);border-radius:6px;color:#64748b;color:var(--admin-muted);display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.analytics-path{color:#e2e8f0;color:var(--admin-text);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-count{font-feature-settings:"tnum";color:#64748b;color:var(--admin-muted);font-variant-numeric:tabular-nums;font-weight:600}.settings-form{gap:16px;margin-bottom:20px}.settings-field,.settings-form{display:flex;flex-direction:column}.settings-field{gap:6px}.settings-label{color:#64748b;color:var(--admin-muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.settings-input{background:#12121a;background:var(--admin-surface);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:10px;color:#e2e8f0;color:var(--admin-text);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.settings-input:focus{border-color:#6366f1;border-color:var(--admin-primary)}.settings-textarea{min-height:60px;resize:vertical}.settings-actions{align-items:center;display:flex;gap:16px;margin-bottom:24px}.settings-feedback{font-size:13px;font-weight:500}.settings-preview{background:#12121a;background:var(--admin-surface);border:1px solid #1e1e2e;border:1px solid var(--admin-border);border-radius:14px;direction:rtl;margin-bottom:16px;padding:24px;text-align:center}.preview-badge{background:#6366f126;border-radius:20px;color:#a5b4fc;display:inline-block;font-size:12px;margin-bottom:8px;padding:4px 14px}.preview-title{color:#e2e8f0;color:var(--admin-text);font-size:20px;font-weight:700;margin-bottom:6px}.preview-subtitle{color:#64748b;color:var(--admin-muted);font-size:13px;line-height:1.6}.announcement-preview{background:#f59e0b0a;border-color:#f59e0b4d}@media (max-width:768px){.admin-dashboard{padding:16px}.admin-header{align-items:flex-start;flex-direction:column}.admin-tabs{flex-wrap:wrap}.admin-tab{flex:none;font-size:12px;padding:8px 12px}.prayer-status-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-group{align-items:flex-start}.current-task,.filter-group{flex-direction:column}.current-task-spinner{margin:0}.task-card-header{align-items:flex-start;flex-direction:column}.task-card-right{order:-1}.analytics-lists{grid-template-columns:1fr}.mini-chart-label{display:none}}@media (max-width:480px){.admin-login-card{margin:16px;padding:32px 20px}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px 8px}.stat-value{font-size:20px}.filter-chips{gap:4px}.filter-chip{font-size:11px;padding:4px 8px}}
/*# sourceMappingURL=main.92586a57.css.map*/