:root{--brand-emerald-900: #0B5751;--brand-emerald-800: #0F766E;--brand-emerald-700: #149086;--brand-emerald-600: #2BA89D;--brand-emerald-50: #E8F2F0;--brand-sand-700: #B8A584;--brand-sand-500: #D6C3A5;--brand-sand-200: #ECE2CE;--brand-gold-600: #B0935C;--brand-gold-500: #C8A96B;--brand-gold-200: #E8DCC0;--light-bg: #F8F7F4;--light-surface: #FFFFFF;--light-surface-2: #F1EEE8;--light-divider: rgba(15, 23, 32, .06);--light-divider-strong: rgba(15, 23, 32, .1);--light-fg-1: #14201D;--light-fg-2: #4A5854;--light-fg-3: #8A938F;--light-fg-4: #B7BDB9;--dark-bg: #0F1720;--dark-surface: #111827;--dark-surface-2: #1A2433;--dark-surface-3: #233044;--dark-divider: rgba(255, 255, 255, .07);--dark-divider-strong: rgba(255, 255, 255, .12);--dark-fg-1: #F2EFE8;--dark-fg-2: #B6BCC4;--dark-fg-3: #7C8593;--dark-fg-4: #4D5666;--color-bg: var(--light-bg);--color-surface: var(--light-surface);--color-surface-2: var(--light-surface-2);--color-divider: var(--light-divider);--color-divider-strong: var(--light-divider-strong);--color-fg-1: var(--light-fg-1);--color-fg-2: var(--light-fg-2);--color-fg-3: var(--light-fg-3);--color-fg-4: var(--light-fg-4);--color-accent: var(--brand-emerald-800);--color-accent-soft: var(--brand-emerald-50);--color-sand: var(--brand-sand-500);--color-gold: var(--brand-gold-500);--atm-fajr-1: #1B2A3F;--atm-fajr-2: #3E5B7A;--atm-sunrise-1: #E8C9A0;--atm-sunrise-2: #C99E7A;--atm-dhuhr-1: #F4E6CC;--atm-dhuhr-2: #E8D4AE;--atm-asr-1: #D9B679;--atm-asr-2: #B58F4F;--atm-maghrib-1: #C76A4E;--atm-maghrib-2: #4F6E6B;--atm-isha-1: #0F1A2A;--atm-isha-2: #1F2C44;--font-ios: -apple-system, "SF Pro Display", "SF Pro Text", "Inter", system-ui, sans-serif;--font-android: "Roboto", "Manrope", "Inter", system-ui, sans-serif;--font-display: "Fraunces", "New York", Georgia, serif;--font-arabic: "Amiri", serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-display-xl: 64px;--text-display-l: 48px;--text-display-m: 36px;--text-h1: 28px;--text-h2: 22px;--text-h3: 18px;--text-body-l: 17px;--text-body: 15px;--text-caption: 13px;--text-micro: 11px;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.45;--leading-relaxed: 1.6;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .12em;--tracking-tv-label: .2em;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--space-10: 72px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--radius-tv-card: 24px;--radius-tv-row: 18px;--shadow-xs: 0 1px 2px rgba(15, 23, 32, .04);--shadow-sm: 0 2px 8px rgba(15, 23, 32, .05), 0 1px 2px rgba(15, 23, 32, .03);--shadow-md: 0 8px 24px rgba(15, 23, 32, .07), 0 2px 6px rgba(15, 23, 32, .04);--shadow-lg: 0 24px 60px rgba(15, 23, 32, .1), 0 6px 14px rgba(15, 23, 32, .05);--shadow-glow-emerald: 0 0 60px rgba(15, 118, 110, .18);--shadow-glow-sunset: 0 0 80px rgba(199, 106, 78, .22);--shadow-tv-hero: 0 24px 60px rgba(11, 87, 81, .26);--elev-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.05);--elev-2: 0 2px 4px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06);--elev-3: 0 4px 8px rgba(0,0,0,.08), 0 8px 16px rgba(0,0,0,.06);--ease-calm: cubic-bezier(.22, .61, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-rise: cubic-bezier(.16, 1, .3, 1);--dur-quick: .16s;--dur-base: .28s;--dur-slow: .52s;--dur-ambient: 6s}[data-appearance=dark]{--color-bg: var(--dark-bg);--color-surface: var(--dark-surface);--color-surface-2: var(--dark-surface-2);--color-divider: var(--dark-divider);--color-divider-strong: var(--dark-divider-strong);--color-fg-1: var(--dark-fg-1);--color-fg-2: var(--dark-fg-2);--color-fg-3: var(--dark-fg-3);--color-fg-4: var(--dark-fg-4);--color-accent: var(--brand-emerald-600);--color-accent-soft: rgba(43, 168, 157, .14);--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.5);--shadow-lg: 0 24px 60px rgba(0,0,0,.55)}@property --panel-veil{syntax: "<color>"; inherits: false; initial-value: transparent;}:root{--panel-amber: #8A6A21;--panel-amber-tint: #FDFAF3;--panel-amber-border: rgba(138, 106, 33, .32);--panel-clay: #9A3B2A;--panel-clay-tint: rgba(154, 59, 42, .08);--panel-parchment: #F4F2ED;--panel-veil-hover: rgba(15, 23, 32, .05);--panel-veil-press: rgba(15, 23, 32, .1);--panel-veil-duration: var(--dur-quick);--panel-veil-ease: var(--ease-soft);--panel-administering-bg: #14201D;--panel-administering-fg: #C9D1DA;--panel-administering-accent: var(--brand-emerald-600);--panel-on-fill: var(--light-surface);--panel-scrim: rgb(15 23 32 / .32);--panel-rail-width: 264px;--panel-rail-item-padding: 10px var(--space-3);--panel-rail-item-gap: 2px;--panel-sheet-width: min(80vw, 360px);--panel-sheet-item-padding: 14px var(--space-3);--panel-sheet-item-gap: 14px;--panel-sheet-icon-size: 20px;--panel-top-bar-height: 56px;--panel-top-bar-avatar: 28px;--panel-thumb-zone-inset: var(--space-4);--panel-thumb-zone-bottom: calc(var(--panel-thumb-zone-inset) + env(safe-area-inset-bottom, 0px));--panel-thumb-zone-room: calc( var(--panel-button-height) + var(--panel-thumb-zone-inset) + var(--panel-thumb-zone-bottom) );--panel-monogram-bg: var(--color-accent);--panel-monogram-size: 32px;--panel-monogram-radius: var(--radius-sm);--panel-account-fg: var(--color-fg-1);--panel-account-fg-2: var(--color-fg-3);--panel-account-tint: var(--color-surface-2);--panel-account-menu-bg: var(--color-surface);--panel-account-menu-border: none;--panel-account-menu-radius: var(--radius-lg);--panel-account-accent: var(--color-accent);--panel-account-accent-soft: var(--color-accent-soft);--panel-button-height: 40px;--panel-field-bg: var(--color-surface);--panel-field-border: var(--color-divider-strong)}[data-appearance=dark]{--panel-field-bg: var(--color-surface-2);--panel-parchment: var(--dark-surface-2);--panel-veil-hover: rgba(255, 255, 255, .06);--panel-veil-press: rgba(255, 255, 255, .12);--panel-amber-tint: rgba(138, 106, 33, .16);--panel-clay-tint: rgba(154, 59, 42, .18)}[data-density=jamaat]{--panel-row-height: 64px;--panel-card-radius: var(--radius-lg);--panel-button-radius: var(--radius-pill);--panel-separation-shadow: var(--shadow-sm);--panel-separation-border: none;--panel-list-gap: var(--space-4);--panel-list-corner: var(--panel-card-radius);--panel-list-clip: visible;--panel-list-primary: var(--text-h3);--panel-list-ground: transparent;--panel-status-height: 28px;--panel-status-padding: 0 var(--space-3);--panel-status-radius: var(--radius-pill);--panel-status-dot: 8px;--panel-status-accent-fg: var(--color-accent);--panel-status-accent-bg: var(--color-accent-soft);--panel-status-behind-fg: var(--panel-amber);--panel-status-behind-bg: var(--panel-amber-tint);--panel-status-quiet-fg: var(--panel-amber);--panel-status-quiet-bg: var(--panel-amber-tint);--panel-status-muted-fg: var(--color-fg-3);--panel-status-muted-bg: var(--color-surface-2);--panel-destructive-bg: var(--panel-clay);--panel-destructive-border: transparent;--panel-destructive-fg: var(--panel-on-fill)}[data-density=platform]{--panel-row-height: 44px;--panel-card-radius: var(--radius-md);--panel-button-radius: 8px;--panel-separation-shadow: none;--panel-separation-border: 1px solid var(--color-divider-strong);--panel-list-gap: 0px;--panel-list-corner: 0px;--panel-list-clip: hidden;--panel-list-primary: var(--text-body);--panel-list-ground: var(--color-surface);--panel-status-height: auto;--panel-status-padding: 0;--panel-status-radius: 0;--panel-status-dot: 6px;--panel-status-accent-fg: var(--color-fg-2);--panel-status-accent-bg: transparent;--panel-status-behind-fg: var(--color-fg-2);--panel-status-behind-bg: transparent;--panel-status-quiet-fg: var(--panel-amber);--panel-status-quiet-bg: transparent;--panel-status-muted-fg: var(--color-fg-3);--panel-status-muted-bg: transparent;--panel-destructive-bg: transparent;--panel-destructive-border: var(--panel-clay);--panel-destructive-fg: var(--panel-clay)}[data-irreversible]{--panel-destructive-bg: var(--panel-clay);--panel-destructive-border: transparent;--panel-destructive-fg: var(--panel-on-fill)}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-Variable.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-Italic-Variable.ttf) format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-bg);color-scheme:light}html[data-appearance=dark]{color-scheme:dark}body{margin:0;background:var(--color-bg);color:var(--color-fg-1);font-family:Inter,system-ui,sans-serif;font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.tabular{font-variant-numeric:tabular-nums}.eyebrow{text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:var(--text-micro);font-weight:var(--weight-semibold);color:var(--color-fg-3)}.surface{border:var(--panel-separation-border);border-radius:var(--panel-card-radius);background:var(--color-surface);box-shadow:var(--panel-separation-shadow);overflow:hidden}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pressable,tbody tr:has(a[rowLink]){background-image:linear-gradient(var(--panel-veil),var(--panel-veil))}.pressable,.pressable-text,tbody tr:has(a[rowLink]){cursor:pointer}@media(prefers-reduced-motion:no-preference){.pressable,.pressable-text,tbody tr:has(a[rowLink]){transition:--panel-veil var(--panel-veil-duration) var(--panel-veil-ease),color var(--panel-veil-duration) var(--panel-veil-ease)}}@media(hover:hover){.pressable:hover:not(:disabled,[aria-disabled=true]),tbody tr:has(a[rowLink]):hover{--panel-veil: var(--panel-veil-hover)}.pressable-text:hover:not(:disabled){color:var(--panel-text-lift, var(--color-fg-1))}}.pressable:active:not(:disabled,[aria-disabled=true]),tbody tr:has(a[rowLink]):active{--panel-veil: var(--panel-veil-press)}.pressable-text:active:not(:disabled){color:var(--panel-text-lift, var(--color-fg-1))}.pressable:disabled,.pressable[aria-disabled=true],.pressable-text:disabled{cursor:default}.panel-segment{display:inline-flex;align-items:center;height:var(--panel-segment-height, var(--space-8));gap:var(--space-2);padding:var(--space-1) var(--panel-segment-inset, var(--space-3));border:1px solid var(--color-divider);border-radius:var(--panel-button-radius);background-color:var(--panel-segment-ground, transparent);color:var(--panel-segment-fg, var(--color-fg-4))}.panel-segment[data-chosen]{border-color:var(--color-accent);background-color:var(--color-accent-soft);color:var(--color-fg-1)}.panel-shell{display:grid;grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr;grid-template-areas:"strip strip" "rail  body";min-height:100vh}.panel-shell>main{grid-area:body;padding:var(--space-7);max-width:1100px}@media(min-width:900px){.panel-shell{height:100vh;min-height:0;overflow:hidden}.panel-shell>main{min-height:0;overflow-y:auto}}@media(max-width:899px){.panel-shell{grid-template-columns:1fr;grid-template-rows:min-content min-content 1fr;grid-template-areas:"strip" "bar" "body"}.panel-shell>main{padding:var(--space-5) var(--space-4)}}@media(max-width:899px){main:not(:has(panel-empty-state>[action])) panel-page-header [action]{position:fixed;inset:auto var(--panel-thumb-zone-inset) var(--panel-thumb-zone-bottom) var(--panel-thumb-zone-inset);z-index:5}main:not(:has(panel-empty-state>[action])) panel-page-header :is(button[action],[action] button){width:100%;box-shadow:var(--shadow-lg)}main:has(panel-page-header [action]):not(:has(panel-empty-state>[action])){padding-bottom:var(--panel-thumb-zone-room)}}