@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/plus-jakarta-sans-latin-var.woff2) format("woff2-variations")}:root{--sl-brand-950: #052e27;--sl-brand-900: #08453c;--sl-brand-800: #0b574d;--sl-brand-700: #0d695c;--sl-brand-600: #0d9488;--sl-brand-500: #2a8772;--sl-brand-400: #52b788;--sl-brand-200: #a7d8cd;--sl-brand-100: #d3ece6;--sl-brand-50: #ecfdf5;--sl-bg: #f7f9fa;--sl-surface: #ffffff;--sl-surface-2: #f1f5f4;--sl-border: #e2e8f0;--sl-text: #0f172a;--sl-text-muted: #64748b;--sl-text-faint: #94a3b8;--sl-on-brand: #ffffff;--sl-accent-amber: #f59e0b;--sl-accent-gold: #d97706;--sl-accent-red: #e11d48;--sl-success: #059669;--sl-font-sans: "Plus Jakarta Sans Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--sl-text-xs: .75rem;--sl-text-sm: .8125rem;--sl-text-base: .875rem;--sl-text-md: 1rem;--sl-text-lg: 1.125rem;--sl-text-xl: 1.25rem;--sl-text-2xl: 1.5rem;--sl-text-3xl: 2rem;--sl-text-hero: 3.5rem;--sl-leading-tight: 1.15;--sl-leading-normal: 1.55;--sl-space-1: 4px;--sl-space-2: 8px;--sl-space-3: 12px;--sl-space-4: 16px;--sl-space-5: 20px;--sl-space-6: 24px;--sl-space-8: 32px;--sl-space-10: 40px;--sl-space-12: 48px;--sl-radius-sm: 10px;--sl-radius-md: 14px;--sl-radius-lg: 18px;--sl-radius-xl: 24px;--sl-radius-pill: 999px;--sl-shadow-card: 0 4px 20px -2px rgb(15 23 42 / .05);--sl-shadow-raised: 0 10px 30px -8px rgb(8 69 60 / .25);--sl-transition: .15s ease-out;--sl-sidebar-w: 260px;--sl-bottomnav-h: 64px;--sl-content-max: 1200px}[data-theme=dark]{--sl-bg: #0d1926;--sl-surface: #12233a;--sl-surface-2: #182c47;--sl-border: #22385a;--sl-text: #e6edf5;--sl-text-muted: #93a4bd;--sl-text-faint: #64748b;--sl-shadow-card: 0 4px 20px -2px rgb(0 0 0 / .35)}html{color-scheme:light}[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sl-font-sans);font-size:var(--sl-text-base);line-height:var(--sl-leading-normal);color:var(--sl-text);background:var(--sl-bg);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:inherit;text-decoration:none}.sl-num{font-variant-numeric:tabular-nums}.sl-muted{color:var(--sl-text-muted)}.sl-faint{color:var(--sl-text-faint);font-size:var(--sl-text-xs)}.sl-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sl-shell{min-height:100dvh;display:flex}.sl-sidebar{display:none}.sl-main{flex:1;min-width:0;display:flex;flex-direction:column}.sl-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sl-space-4);padding:var(--sl-space-5) var(--sl-space-6) var(--sl-space-3)}.sl-topbar-title{font-size:var(--sl-text-lg);font-weight:700}.sl-topbar-sub{font-size:var(--sl-text-sm);color:var(--sl-text-muted)}.sl-content{width:100%;max-width:var(--sl-content-max);margin-inline:auto;padding:0 var(--sl-space-6) calc(var(--sl-bottomnav-h) + var(--sl-space-8))}.sl-page-grid{display:grid;gap:var(--sl-space-5)}@media(min-width:1024px){.sl-sidebar{display:flex;flex-direction:column;gap:var(--sl-space-1);width:var(--sl-sidebar-w);flex-shrink:0;position:sticky;top:0;height:100dvh;padding:var(--sl-space-6) var(--sl-space-4);border-right:1px solid var(--sl-border);background:var(--sl-surface)}.sl-content{padding-bottom:var(--sl-space-12)}.sl-with-panel{grid-template-columns:minmax(0,1fr) 340px;align-items:start}}.sl-brand{display:flex;align-items:center;gap:var(--sl-space-3);padding:0 var(--sl-space-3) var(--sl-space-6)}.sl-brand-name{font-size:var(--sl-text-xl);font-weight:800;letter-spacing:-.01em}.sl-brand-tag{display:block;font-size:var(--sl-text-xs);font-weight:500;color:var(--sl-text-muted)}.sl-nav-group-label{font-size:var(--sl-text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sl-text-faint);padding:var(--sl-space-4) var(--sl-space-3) var(--sl-space-2)}.sl-nav-item{display:flex;align-items:center;gap:var(--sl-space-3);width:100%;padding:var(--sl-space-3);border-radius:var(--sl-radius-md);font-weight:600;color:var(--sl-text-muted);transition:background var(--sl-transition),color var(--sl-transition)}.sl-nav-item:hover{background:var(--sl-surface-2);color:var(--sl-text)}.sl-nav-item.active{background:var(--sl-brand-50);color:var(--sl-brand-900)}[data-theme=dark] .sl-nav-item.active{background:#52b78824;color:var(--sl-brand-200)}.sl-sidebar-promo{margin-top:auto;padding:var(--sl-space-4);border-radius:var(--sl-radius-lg);background:linear-gradient(160deg,var(--sl-brand-900),var(--sl-brand-700));color:var(--sl-on-brand)}.sl-sidebar-promo p{font-size:var(--sl-text-sm);opacity:.9;margin:var(--sl-space-2) 0 var(--sl-space-3)}.sl-bottomnav{position:fixed;inset-inline:0;bottom:0;z-index:20;display:flex;height:var(--sl-bottomnav-h);padding-bottom:env(safe-area-inset-bottom);background:var(--sl-surface);border-top:1px solid var(--sl-border)}.sl-bottomnav .sl-nav-item{flex-direction:column;gap:2px;justify-content:center;flex:1;border-radius:0;font-size:var(--sl-text-xs);padding:var(--sl-space-2)}.sl-bottomnav .sl-nav-item.active{color:var(--sl-brand-700);background:transparent}[data-theme=dark] .sl-bottomnav .sl-nav-item.active{color:var(--sl-brand-400)}@media(min-width:1024px){.sl-bottomnav{display:none}}.sl-card{background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--sl-radius-lg);box-shadow:var(--sl-shadow-card);padding:var(--sl-space-5)}.sl-card-title{font-size:var(--sl-text-md);font-weight:700;margin-bottom:var(--sl-space-3)}.sl-chip{display:inline-flex;align-items:center;gap:var(--sl-space-2);padding:6px var(--sl-space-3);border-radius:var(--sl-radius-pill);border:1px solid var(--sl-border);background:var(--sl-surface);font-size:var(--sl-text-sm);font-weight:600}.sl-badge-active{background:var(--sl-brand-100);color:var(--sl-brand-900);border-color:transparent}[data-theme=dark] .sl-badge-active{background:#52b78829;color:var(--sl-brand-200)}.sl-callout{display:flex;gap:var(--sl-space-3);padding:var(--sl-space-3) var(--sl-space-4);border-radius:var(--sl-radius-md);background:var(--sl-brand-50);border:1px solid var(--sl-brand-100);font-size:var(--sl-text-sm);color:var(--sl-brand-900)}[data-theme=dark] .sl-callout{background:#52b7881a;border-color:#52b78840;color:var(--sl-brand-200)}.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sl-space-2);padding:10px var(--sl-space-5);border-radius:var(--sl-radius-pill);font-weight:700;font-size:var(--sl-text-base);border:1px solid transparent;transition:filter var(--sl-transition),background var(--sl-transition),transform var(--sl-transition)}.sl-btn:active{transform:scale(.98)}.sl-btn-primary{background:var(--sl-brand-900);color:var(--sl-on-brand)}.sl-btn-primary:hover{filter:brightness(1.15)}.sl-btn-accent{background:var(--sl-brand-600);color:var(--sl-on-brand)}.sl-btn-ghost{border-color:var(--sl-border);background:var(--sl-surface);color:var(--sl-text)}.sl-btn-ghost:hover{background:var(--sl-surface-2)}.sl-btn-light{background:#ffffff24;color:#fff;border-color:#ffffff40}.sl-btn[disabled],.sl-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.sl-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--sl-radius-pill);border:1px solid var(--sl-border);background:var(--sl-surface);color:var(--sl-text-muted);transition:background var(--sl-transition)}.sl-iconbtn:hover{background:var(--sl-surface-2)}.sl-hero{position:relative;overflow:hidden;border-radius:var(--sl-radius-xl);padding:var(--sl-space-8) var(--sl-space-6);background:radial-gradient(120% 140% at 85% -10%,rgb(82 183 136 / .35),transparent 55%),linear-gradient(150deg,var(--sl-brand-900),var(--sl-brand-700));color:var(--sl-on-brand)}.sl-hero:after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:72px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90V64h48V46h10v18h30l6-26c1-5-3-7-8-9-7-3-11-8-11-14h6c0 4 3 6 8 6s8-2 8-6h6c0 6-4 11-11 14-5 2-9 4-8 9l6 26h44l16-40h18L184 90h1016V70h-60l22-34c2-4 0-6-4-8-8-3-13-9-13-16h7c0 5 3 8 8 8s8-3 8-8h7c0 7-5 13-13 16-4 2-6 4-4 8l22 34h-52v20h266V56h36V38h12v18h28v34h180V60h44l20-30c2-4 1-7-3-9-7-3-11-8-11-14h6c0 4 3 7 8 7s8-3 8-7h6c0 6-4 11-11 14-4 2-5 5-3 9l20 30h58v34z' fill='%23052e27' fill-opacity='.45'/%3E%3C/svg%3E") bottom / cover no-repeat;pointer-events:none}.sl-hero-label{font-size:var(--sl-text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.sl-hero-prayer{font-size:var(--sl-text-3xl);font-weight:800;margin-top:var(--sl-space-1)}.sl-hero-countdown{font-size:var(--sl-text-hero);font-weight:800;line-height:var(--sl-leading-tight);letter-spacing:-.02em;margin-top:var(--sl-space-2)}.sl-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sl-space-3);margin-top:var(--sl-space-5);font-size:var(--sl-text-sm);opacity:.92}.sl-greeting-hi{font-size:var(--sl-text-xl);font-weight:800}.sl-greeting-sub{font-size:var(--sl-text-sm);color:var(--sl-text-muted)}.sl-prayer-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--sl-space-3)}.sl-prayer-card{background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--sl-radius-md);padding:var(--sl-space-4);text-align:center;transition:border-color var(--sl-transition),box-shadow var(--sl-transition)}.sl-prayer-card.active{border:1.5px solid var(--sl-brand-600);box-shadow:var(--sl-shadow-raised);background:var(--sl-brand-50)}[data-theme=dark] .sl-prayer-card.active{background:#52b7881f}.sl-prayer-card.past{opacity:.62}.sl-prayer-name{font-size:var(--sl-text-sm);font-weight:600;color:var(--sl-text-muted)}.sl-prayer-time{font-size:var(--sl-text-xl);font-weight:800;margin-top:2px}.sl-prayer-note{font-size:var(--sl-text-xs);margin-top:2px;color:var(--sl-text-faint)}.sl-prayer-card.active .sl-prayer-note{color:var(--sl-brand-700);font-weight:700}[data-theme=dark] .sl-prayer-card.active .sl-prayer-note{color:var(--sl-brand-300, var(--sl-brand-400))}.sl-table{width:100%;border-collapse:collapse;font-size:var(--sl-text-base)}.sl-table th{text-align:left;font-size:var(--sl-text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sl-text-faint);padding:var(--sl-space-2) var(--sl-space-3);border-bottom:1px solid var(--sl-border)}.sl-table td{padding:var(--sl-space-3);border-bottom:1px solid var(--sl-border);vertical-align:middle}.sl-table tr:last-child td{border-bottom:none}.sl-table tr.active-row td{background:var(--sl-brand-50)}[data-theme=dark] .sl-table tr.active-row td{background:#52b7881a}.sl-date-strip{display:flex;gap:var(--sl-space-2);overflow-x:auto;padding-bottom:var(--sl-space-2)}.sl-date-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:var(--sl-space-3) var(--sl-space-2);border-radius:var(--sl-radius-md);border:1px solid var(--sl-border);background:var(--sl-surface);font-size:var(--sl-text-xs);font-weight:600;color:var(--sl-text-muted);transition:all var(--sl-transition)}.sl-date-item b{font-size:var(--sl-text-lg);color:var(--sl-text)}.sl-date-item.active{background:var(--sl-brand-900);border-color:var(--sl-brand-900);color:var(--sl-brand-100)}.sl-date-item.active b{color:#fff}.sl-field{display:flex;flex-direction:column;gap:6px;margin-top:var(--sl-space-4)}.sl-field:first-child{margin-top:0}.sl-field>label,.sl-field-label{font-size:var(--sl-text-sm);font-weight:600;color:var(--sl-text-muted)}.sl-select,.sl-input{width:100%;padding:10px var(--sl-space-3);border-radius:var(--sl-radius-sm);border:1px solid var(--sl-border);background:var(--sl-surface);transition:border-color var(--sl-transition)}.sl-select:focus,.sl-input:focus{outline:none;border-color:var(--sl-brand-600)}.sl-segmented{display:inline-flex;padding:3px;gap:3px;border-radius:var(--sl-radius-pill);background:var(--sl-surface-2);border:1px solid var(--sl-border)}.sl-seg-btn{padding:7px var(--sl-space-4);border-radius:var(--sl-radius-pill);font-size:var(--sl-text-sm);font-weight:700;color:var(--sl-text-muted)}.sl-seg-btn.active{background:var(--sl-surface);color:var(--sl-brand-800);box-shadow:var(--sl-shadow-card)}[data-theme=dark] .sl-seg-btn.active{background:var(--sl-brand-800);color:#fff}.sl-switch{position:relative;width:44px;height:24px;flex-shrink:0;border-radius:var(--sl-radius-pill);background:var(--sl-border);transition:background var(--sl-transition)}.sl-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform var(--sl-transition)}.sl-switch[aria-checked=true]{background:var(--sl-success)}.sl-switch[aria-checked=true]:after{transform:translate(20px)}.sl-stepper{display:inline-flex;align-items:center;gap:var(--sl-space-2)}.sl-stepper button{width:30px;height:30px;border-radius:var(--sl-radius-sm);border:1px solid var(--sl-border);background:var(--sl-surface);font-weight:800;line-height:1}.sl-stepper button:hover{background:var(--sl-surface-2)}.sl-setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sl-space-4);padding:var(--sl-space-3) 0;border-bottom:1px solid var(--sl-border)}.sl-setting-row:last-child{border-bottom:none}.sl-setting-row .sl-setting-desc{font-size:var(--sl-text-xs);color:var(--sl-text-faint)}.sl-compass-panel{background:radial-gradient(110% 130% at 80% -10%,rgb(82 183 136 / .18),transparent 50%),#0d1926;color:#e6edf5;border-radius:var(--sl-radius-xl);padding:var(--sl-space-8) var(--sl-space-6);text-align:center}.sl-dial{--needle: 0deg;position:relative;width:min(280px,70vw);aspect-ratio:1;margin:var(--sl-space-6) auto;border-radius:50%;border:2px solid rgb(255 255 255 / .14);background:radial-gradient(circle at 50% 42%,#182c47,#0d1926 75%)}.sl-dial-tick{position:absolute;inset:0;transform:rotate(var(--tick))}.sl-dial-tick:before{content:"";position:absolute;top:6px;left:50%;width:2px;height:10px;margin-left:-1px;background:#ffffff40}.sl-dial-label{position:absolute;font-size:var(--sl-text-xs);font-weight:700;color:#ffffff8c}.sl-dial-n{top:22px;left:50%;transform:translate(-50%);color:var(--sl-brand-400)}.sl-dial-e{right:22px;top:50%;transform:translateY(-50%)}.sl-dial-s{bottom:22px;left:50%;transform:translate(-50%)}.sl-dial-w{left:22px;top:50%;transform:translateY(-50%)}.sl-needle{position:absolute;inset:0;transform:rotate(var(--needle));transition:transform .4s ease-out}.sl-needle:before{content:"";position:absolute;left:50%;top:12%;width:3px;height:38%;margin-left:-1.5px;border-radius:3px;background:linear-gradient(var(--sl-accent-gold),var(--sl-accent-amber))}.sl-kaaba{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:var(--sl-radius-sm);background:linear-gradient(#1f2937,#111827);border:2px solid var(--sl-accent-gold);display:grid;place-items:center;font-size:22px}.sl-stack{display:grid;gap:var(--sl-space-5);align-content:start}.sl-mini-list{display:grid;gap:var(--sl-space-2);font-size:var(--sl-text-sm)}.sl-mini-row{display:flex;justify-content:space-between;gap:var(--sl-space-3)}.sl-progress{height:8px;border-radius:var(--sl-radius-pill);background:var(--sl-surface-2);overflow:hidden}.sl-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sl-brand-600),var(--sl-brand-400))}.sl-empty{text-align:center;padding:var(--sl-space-10) var(--sl-space-6)}.sl-empty h2{font-size:var(--sl-text-lg);margin:var(--sl-space-3) 0 var(--sl-space-1)}.sl-toast{position:fixed;left:50%;bottom:calc(var(--sl-bottomnav-h) + 16px);transform:translate(-50%);z-index:50;padding:10px var(--sl-space-5);border-radius:var(--sl-radius-pill);background:var(--sl-text);color:var(--sl-bg);font-size:var(--sl-text-sm);font-weight:600;box-shadow:var(--sl-shadow-raised);animation:sl-toast-in .2s ease-out}@media(min-width:1024px){.sl-toast{bottom:32px}}@keyframes sl-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.sl-grid-2{display:grid;gap:var(--sl-space-5)}@media(min-width:720px){.sl-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.sl-map-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--sl-space-4);background:#0f172a8c}.sl-map-dialog{width:min(640px,100%);max-height:min(88dvh,720px);overflow:auto;display:flex;flex-direction:column;gap:var(--sl-space-3);padding:var(--sl-space-5);border-radius:var(--sl-radius-lg);background:var(--sl-surface);box-shadow:var(--sl-shadow-raised)}.sl-map-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--sl-text-lg);font-weight:800}.sl-map-searchrow{display:flex;gap:var(--sl-space-2)}.sl-map-searchrow .sl-input{flex:1}.sl-map-canvas{position:relative;z-index:0;height:min(46dvh,380px);border-radius:var(--sl-radius-md);border:1px solid var(--sl-border);background:var(--sl-surface-2)}.sl-map-actions{display:flex;justify-content:flex-end;gap:var(--sl-space-2)}.sl-map-pin span{display:block;width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--sl-brand-600, #0d9488);border:3px solid #ffffff;box-shadow:0 2px 8px #0f172a59}