:root{--p-canvas:#f7f7f7;--p-neutral-0:#fff;--p-neutral-50:#f7f7f7;--p-neutral-100:#f1f1f1;--p-neutral-200:#ebebeb;--p-neutral-300:#dcdcdc;--p-neutral-400:#a0a0a0;--p-neutral-500:#777;--p-neutral-900:#111;--p-green-50:#e7f4ed;--p-green-200:#a8d1be;--p-green-600:#0d8756;--p-green-700:#087a4c;--p-green-800:#06603c;--p-green-dot:#79ed8b;--p-green-900:#0a3d2a;--p-cream:#faf8f3;--p-brass-100:#f3ecdc;--p-brass-500:#9a7b3f;--p-brass-700:#6f5626;--p-amber-50:#fbf3e2;--p-amber-700:#8a5a0b;--p-red-50:#fbeceb;--p-red-600:#b3392f;--p-red-700:#962d25;--p-blue-50:#ebf1f8;--p-blue-700:#2b5c8f;--color-page:var(--p-canvas);--color-page-warm:var(--p-cream);--color-text-body:#3b423e;--color-deep:var(--p-green-900);--color-canvas:var(--p-neutral-100);--color-surface:var(--p-neutral-0);--color-surface-muted:var(--p-neutral-50);--color-surface-sunken:var(--p-neutral-100);--color-skeleton:#e4e4e4;--color-input-fill:#f3f4f3;--color-inverse:var(--p-neutral-900);--color-text:var(--p-neutral-900);--color-text-secondary:var(--p-neutral-500);--color-text-tertiary:var(--p-neutral-400);--color-text-on-primary:#fff;--color-text-on-inverse:var(--p-neutral-0);--color-border:var(--p-neutral-200);--color-border-strong:var(--p-neutral-300);--color-border-input:var(--p-neutral-400);--color-primary:var(--p-green-600);--color-primary-hover:var(--p-green-700);--color-primary-pressed:var(--p-green-800);--color-primary-soft:var(--p-green-50);--color-primary-soft-2:var(--p-green-50);--color-primary-line:var(--p-green-200);--color-chart-muted:var(--p-green-200);--color-live:var(--p-green-dot);--color-quran:var(--p-brass-500);--color-quran-soft:var(--p-brass-100);--color-quran-ink:var(--p-brass-700);--color-success:var(--p-green-700);--color-success-soft:var(--p-green-50);--color-warning:var(--p-amber-700);--color-warning-soft:var(--p-amber-50);--color-danger:var(--p-red-600);--color-danger-hover:var(--p-red-700);--color-danger-soft:var(--p-red-50);--color-info:var(--p-blue-700);--color-info-soft:var(--p-blue-50);--color-focus:var(--p-green-600);--color-scrim:#1111117a;--font-sans:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-arabic:"Amiri Quran", "Amiri", "Noto Naskh Arabic", "Traditional Arabic", serif;--text-display:clamp(2.6rem, 1.6rem + 4vw, 4.5rem);--text-h1:clamp(2rem, 1.5rem + 1.6vw, 2.75rem);--text-h2:clamp(1.5rem, 1.25rem + .9vw, 2rem);--text-h3:1.25rem;--text-body-lg:1.125rem;--text-body:1rem;--text-small:.9375rem;--text-caption:.8125rem;--text-label:.875rem;--leading-tight:1.06;--leading-heading:1.2;--leading-body:1.6;--tracking-display:-.038em;--tracking-heading:-.022em;--space-0-5:4px;--space-1:8px;--space-1-5:12px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--space-16:128px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:999px;--shadow-1:0 1px 2px #1111110d;--shadow-2:0 1px 2px #1111110a, 0 8px 24px -12px #11111124;--shadow-3:0 2px 4px #1111110a, 0 24px 48px -16px #1111113d;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.14s;--dur-fast:.16s;--dur-base:.22s;--dur-sheet:.34s;--pattern-khatam:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.16' stroke-width='1.2'%3E%3Cpath d='M40 12 48.3 31.7 68 40 48.3 48.3 40 68 31.7 48.3 12 40 31.7 31.7Z'/%3E%3Cpath d='M20.2 20.2 40 28.4 59.8 20.2 51.6 40 59.8 59.8 40 51.6 20.2 59.8 28.4 40Z'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3Cpath d='M0 12 8.3 31.7 0 40M80 12 71.7 31.7 80 40M0 68 8.3 48.3 0 40M80 68 71.7 48.3 80 40M12 0 31.7 8.3 40 0 48.3 8.3 68 0M12 80 31.7 71.7 40 80 48.3 71.7 68 80'/%3E%3C/g%3E%3C/svg%3E");--control-h:46px;--container:1380px;--sidebar-w:248px;--topbar-h:64px;--bottomnav-h:68px;--z-sticky:20;--z-nav:40;--z-overlay:100;--z-toast:1000}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:88px}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text);background:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";min-height:100dvh;margin:0}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation}a{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:var(--tracking-heading);font-weight:700;line-height:var(--leading-heading);text-wrap:balance}p{text-wrap:pretty}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}.skip-link{left:var(--space-2);z-index:var(--z-toast);background:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:var(--space-2)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.t-display{font-size:var(--text-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);font-weight:700}.t-h1{font-size:var(--text-h1);letter-spacing:-.03em;font-weight:700;line-height:1.12}.t-h2{font-size:var(--text-h2);letter-spacing:var(--tracking-heading);font-weight:700;line-height:1.18}.t-h3{font-size:var(--text-h3);letter-spacing:-.015em;font-weight:650;line-height:1.3}.t-body-lg{font-size:var(--text-body-lg);line-height:1.6}.t-body{font-size:var(--text-body)}.t-small{font-size:var(--text-small);line-height:1.5}.t-caption{font-size:var(--text-caption);line-height:1.45}.t-label{font-size:var(--text-label);font-weight:600;line-height:1.3}.t-muted{color:var(--color-text-secondary)}.t-subtle{color:var(--color-text-tertiary)}.t-num{font-variant-numeric:tabular-nums}.arabic{font-family:var(--font-arabic);letter-spacing:0;direction:rtl;font-weight:400;line-height:2}.container{width:100%;max-width:var(--container);padding-inline:var(--space-3);margin-inline:auto}@media (width>=1024px){.container{padding-inline:var(--space-5)}}.stack-1>*+*{margin-top:var(--space-1)}.stack-2>*+*{margin-top:var(--space-2)}.stack-3>*+*{margin-top:var(--space-3)}.stack-4>*+*{margin-top:var(--space-4)}.row{align-items:center;gap:var(--space-1-5);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.wrap{flex-wrap:wrap}.grow{flex:auto;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-property:opacity,color,background-color,border-color!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{--btn-h:44px;justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--btn-h);border-radius:var(--radius-sm);font-size:var(--text-label);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out), box-shadow var(--dur-fast) ease;border:1px solid #0000;padding:0 18px;font-weight:650;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}.btn svg{flex:none;width:18px;height:18px}.btn-sm{--btn-h:36px;font-size:var(--text-caption);border-radius:8px;padding:0 12px}.btn-sm svg{width:16px;height:16px}.btn-lg{--btn-h:52px;font-size:var(--text-body);padding:0 24px}.btn-block{width:100%}.btn-icon{width:var(--btn-h);padding:0}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary)}@media (hover:hover){.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}}.btn-primary:active:not(:disabled){background:var(--color-primary-pressed)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-1)}@media (hover:hover){.btn-secondary:hover:not(:disabled){border-color:var(--color-border-input);background:var(--color-surface-muted)}}.btn-soft{background:var(--color-primary-soft);color:var(--color-primary)}@media (hover:hover){.btn-soft:hover:not(:disabled){background:var(--color-primary-soft-2)}}.btn-ghost{color:var(--color-text-secondary);background:0 0}@media (hover:hover){.btn-ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}}.btn-danger{background:var(--color-danger);color:#fff}@media (hover:hover){.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}}.btn-danger-outline{background:var(--color-surface);color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 40%, var(--color-border))}@media (hover:hover){.btn-danger-outline:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:#fff}}.btn-danger-outline[data-loading=true] .spinner{color:var(--color-danger)}.btn-danger-text{color:var(--color-danger);background:0 0;padding-inline:10px}@media (hover:hover){.btn-danger-text:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger-hover)}}.btn-danger-text[data-loading=true] .spinner{color:var(--color-danger)}.btn-link{min-height:auto;color:var(--color-primary);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.btn[data-loading=true]{pointer-events:none;color:#0000!important}.btn[data-loading=true] .spinner{color:var(--btn-spinner,currentColor);margin:auto;position:absolute;inset:0}.btn-primary[data-loading=true] .spinner{color:#fff}.btn-secondary[data-loading=true] .spinner,.btn-ghost[data-loading=true] .spinner,.btn-soft[data-loading=true] .spinner{color:var(--color-text)}.btn[data-success=true]{background:var(--color-success);color:#fff;border-color:#0000}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{align-content:start;gap:8px;min-width:0;display:grid}fieldset.field{border:0;margin:0;padding:0}.field-label{font-size:var(--text-label);letter-spacing:0;color:var(--color-text);font-weight:600;line-height:1.3;display:block}legend.field-label{float:left;width:100%;padding:0}.field-label .req{color:var(--color-danger);margin-left:2px}.field-hint{font-size:var(--text-caption);color:var(--color-text-tertiary)}.field-error{font-size:var(--text-caption);color:var(--color-danger);align-items:flex-start;gap:6px;font-weight:600;display:flex}.field-error svg{flex:none;width:15px;height:15px;margin-top:1px}.field-error:not(:has(>svg)):before{content:"";background:currentColor;flex:none;width:15px;height:15px;margin-top:1px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' x2='12' y1='8' y2='12'/%3E%3Cline x1='12' x2='12.01' y1='16' y2='16'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' x2='12' y1='8' y2='12'/%3E%3Cline x1='12' x2='12.01' y1='16' y2='16'/%3E%3C/svg%3E") 50%/contain no-repeat}.input,.select,.textarea{width:100%;min-height:var(--control-h);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--text-body);color:var(--color-text);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;appearance:none;padding:10px 14px}.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary)}@media (hover:hover){.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--color-border-input)}}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft-2);outline:none}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--color-danger-soft)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-sunken);color:var(--color-text-tertiary);cursor:not-allowed}.textarea{resize:vertical;min-height:96px;line-height:1.5}.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.tselect-trigger{text-align:left;cursor:pointer;font:inherit;font-size:var(--text-body);align-items:center;gap:10px;display:flex}.tselect-trigger:disabled{cursor:not-allowed}.tselect-trigger[aria-expanded=true]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft-2)}.tselect-value{flex:1;min-width:0}.tselect-icon,.tselect-chev{width:18px;height:18px;color:var(--color-text-tertiary);flex:none}.tselect-chev{transition:transform var(--dur-fast) var(--ease-out)}.tselect-trigger[aria-expanded=true] .tselect-chev{color:var(--color-primary);transform:rotate(180deg)}.tselect-meta{font-size:var(--text-caption);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.tselect-sm{min-height:36px;font-size:var(--text-small);width:auto;padding:4px 10px}.tselect-panel{z-index:calc(var(--z-overlay) + 10);background:var(--color-surface);border:1px solid var(--color-border);animation:tselect-in var(--dur-fast) var(--ease-out);border-radius:16px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 2px 4px #1111110a,0 18px 40px -12px #11111138}@keyframes tselect-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@media (prefers-reduced-motion:reduce){.tselect-panel{animation:none}}.tselect-search{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:8px 12px;display:flex}.tselect-search svg{width:16px;height:16px;color:var(--color-text-tertiary);flex:none}.tselect-search input{min-width:0;font:inherit;font-size:var(--text-small);color:var(--color-text);background:0 0;border:0;outline:none;flex:1;padding:6px 0}.tselect-list{overscroll-behavior:contain;padding:6px;overflow-y:auto}.tselect-option{cursor:pointer;min-height:40px;font-size:var(--text-small);color:var(--color-text);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.tselect-option[data-active]{background:var(--color-surface-sunken)}.tselect-option[aria-selected=true]{background:var(--color-primary-soft);color:var(--color-primary-hover);font-weight:600}.tselect-option[aria-selected=true] .tselect-meta{color:var(--color-primary)}.tselect-check{flex:none;place-items:center;width:16px;display:grid}.tselect-check svg{width:16px;height:16px;color:var(--color-primary)}.tselect-badge{border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);margin-left:8px;padding:1px 7px;font-size:11px;font-weight:700}.tselect-grid{gap:6px;padding:10px;display:grid}.tselect-grid .tselect-empty{grid-column:1/-1}.tselect-grid .tselect-option{text-align:center;border:1px solid var(--color-border-strong);min-height:44px;font-size:var(--text-small);font-variant-numeric:tabular-nums;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:10px;justify-content:center;padding:0 6px;font-weight:500}.tselect-grid .tselect-option .grow{flex:none}.tselect-grid .tselect-option[data-active]{background:var(--color-primary-soft);border-color:var(--color-primary-line);color:var(--color-primary-hover)}.tselect-grid .tselect-option[aria-selected=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary);font-weight:600}.tselect-grid .tselect-option[aria-selected=true][data-active]{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.tselect-empty{font-size:var(--text-small);color:var(--color-text-tertiary);text-align:center;padding:14px 10px}.input-wrap{position:relative}.input-wrap .input{padding-left:42px}.input-wrap>svg{width:18px;height:18px;color:var(--color-text-tertiary);pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.input-wrap .input-action{position:absolute;top:50%;right:4px;translate:0 -50%}.choice-grid{gap:var(--space-1-5);display:grid}.choice{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) 18px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;min-height:64px;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);display:flex;position:relative}.choice:active{transform:scale(.99)}@media (hover:hover){.choice:hover{border-color:var(--color-border-input)}}.choice[aria-checked=true],.choice[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.choice-icon{background:var(--color-surface-sunken);width:40px;height:40px;color:var(--color-text-secondary);border-radius:10px;flex:none;place-items:center;display:grid}.choice[aria-checked=true] .choice-icon{background:var(--color-surface);color:var(--color-primary)}.choice-icon svg{width:20px;height:20px}.choice-title{font-weight:650}.choice-desc{font-size:var(--text-caption);color:var(--color-text-secondary)}.choice-check{border:1.5px solid var(--color-border-input);width:22px;height:22px;transition:all var(--dur-fast) ease;border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.choice[aria-checked=true] .choice-check{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.choice-check svg{opacity:0;width:14px;height:14px;transition:opacity var(--dur-fast) ease, transform var(--dur-base) var(--ease-out);transform:scale(.6)}.choice[aria-checked=true] .choice-check svg{opacity:1;transform:scale(1)}.switch{border-radius:var(--radius-full);background:var(--color-border-strong);cursor:pointer;width:44px;height:26px;transition:background-color var(--dur-fast) ease;border:0;flex:none;position:relative}.switch:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-1);transition:transform var(--dur-base) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--color-primary)}.switch[aria-checked=true]:after{transform:translate(18px)}.switch:disabled{opacity:.45;cursor:not-allowed}.check{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.card-pad{padding:var(--space-3)}.card-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);min-height:60px;display:flex}.card-head h2,.card-head h3{font-size:var(--text-body);letter-spacing:-.01em;font-weight:700}.card-body{padding:var(--space-3)}.card-foot{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border)}.card-interactive{cursor:pointer;transition:border-color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);text-align:left;width:100%;font:inherit}@media (hover:hover){.card-interactive:hover{border-color:var(--color-border-input)}}.card-interactive:active{transform:scale(.995)}.badge{border-radius:var(--radius-xs);height:26px;font-size:var(--text-caption);white-space:nowrap;background:var(--color-surface-sunken);color:var(--color-text-secondary);align-items:center;gap:6px;padding:0 10px;font-weight:650;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.badge svg{width:14px;height:14px}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary)}.badge-live .badge-dot{animation:1.6s ease-in-out infinite live}@keyframes live{0%,to{opacity:1}50%{opacity:.35}}.avatar{--size:40px;width:var(--size);height:var(--size);font-weight:700;font-size:calc(var(--size) * .42);letter-spacing:0;color:var(--av-fg,var(--color-primary));background:var(--av-bg,var(--color-primary-soft));border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{--size:32px}.avatar-lg{--size:56px}.avatar-xl{--size:88px}.tabs{background:var(--color-surface-sunken);border-radius:12px;gap:2px;padding:4px;display:inline-flex}.tab{min-height:36px;font-size:var(--text-label);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex}.tab svg{width:16px;height:16px}@media (hover:hover){.tab:hover{color:var(--color-text)}}.tab[aria-selected=true]{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-1)}.tab-count{background:var(--color-border);min-width:20px;height:20px;color:var(--color-text-secondary);border-radius:10px;place-items:center;padding:0 6px;font-size:12px;display:inline-grid}.tab[aria-selected=true] .tab-count{background:var(--color-primary-soft);color:var(--color-primary)}.underline-tabs{gap:var(--space-3);border-bottom:1px solid var(--color-border);scrollbar-width:none;display:flex;overflow-x:auto}.underline-tabs .tab{min-height:44px;box-shadow:none;background:0 0;border-radius:0;padding:0 2px;position:relative}.underline-tabs .tab[aria-selected=true]{color:var(--color-primary);box-shadow:none}.underline-tabs .tab[aria-selected=true]:after{content:"";background:var(--color-primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-small)}.table th{text-align:left;font-size:var(--text-caption);color:var(--color-text-tertiary);padding:12px var(--space-2);border-bottom:1px solid var(--color-border);white-space:nowrap;background:var(--color-surface-muted);font-weight:650}.table th button{all:unset;cursor:pointer;align-items:center;gap:4px;display:inline-flex}.table th button:focus-visible{outline:2px solid var(--color-focus);border-radius:4px}.table th button svg{width:14px;height:14px}.table td{padding:14px var(--space-2);border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr{transition:background-color var(--dur-fast) ease}.table tbody tr.clickable{cursor:pointer}@media (hover:hover){.table tbody tr.clickable:hover{background:var(--color-surface-muted)}}.table tbody tr:last-child td{border-bottom:0}.table th:first-child,.table td:first-child{padding-left:var(--space-3)}.table th:last-child,.table td:last-child{padding-right:var(--space-3)}.overlay{z-index:var(--z-overlay);background:var(--color-scrim);opacity:0;transition:opacity var(--dur-base) ease;position:fixed;inset:0}.overlay[data-open=true]{opacity:1}.modal{z-index:calc(var(--z-overlay) + 1);background:var(--color-surface);border-radius:var(--radius-lg);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-3);opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);position:fixed;top:50%;left:50%;overflow:auto;transform:scale(.96)}.modal[data-open=true]{opacity:1;transform:scale(1)}.drawer{z-index:calc(var(--z-overlay) + 1);background:var(--color-surface);width:min(520px,100vw);box-shadow:var(--shadow-3);transition:transform var(--dur-sheet) var(--ease-drawer);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer[data-open=true]{transform:translate(0)}.drawer-lg{width:min(640px,100vw)}.drawer-head,.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);display:flex}.drawer-body{padding:0 var(--space-3) var(--space-3);flex:1;overflow:auto}.modal-body{padding:0 var(--space-3) var(--space-3)}.modal-lg{width:min(760px,100vw - 32px)}.drawer-foot,.modal-foot{gap:var(--space-1-5);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));justify-content:flex-end;display:flex}.confirm-body{gap:var(--space-2);align-items:flex-start;display:flex}.confirm-icon{background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);border-radius:12px;flex:none;place-items:center;display:grid}.confirm-icon svg{width:20px;height:20px}.confirm-body[data-tone=danger] .confirm-icon{background:var(--color-danger-soft);color:var(--color-danger)}.confirm-body .kv{margin-top:4px}.confirm-foot{gap:var(--space-1-5);justify-content:flex-end;width:100%;display:flex}@media (width<=767px){.confirm-foot{flex-direction:column-reverse}.confirm-foot .btn{width:100%}}.sheet-handle{display:none}@media (width<=767px){.drawer,.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:1;width:100%;max-height:92dvh;inset:auto 0 0;transform:translateY(100%)}.drawer[data-open=true],.modal[data-open=true]{transform:translateY(0)}.modal{transition:transform var(--dur-sheet) var(--ease-drawer)}.sheet-handle{background:var(--color-border-strong);border-radius:2px;width:40px;height:4px;margin:10px auto 0;display:block}.drawer-foot,.modal-foot{flex-direction:column-reverse}.drawer-foot .btn,.modal-foot .btn{width:100%}}.menu-wrap{position:relative}.menu{z-index:var(--z-nav);background:var(--color-surface);border:1px solid var(--color-border);min-width:220px;box-shadow:var(--shadow-2);transform-origin:100% 0;animation:menu-in var(--dur-fast) var(--ease-out);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu[data-align=left]{transform-origin:0 0;left:0;right:auto}@keyframes menu-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}}.menu-item{width:100%;min-height:40px;font-size:var(--text-small);text-align:left;cursor:pointer;color:var(--color-text);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-weight:550;text-decoration:none;display:flex}.menu-item svg{width:17px;height:17px;color:var(--color-text-tertiary)}.menu-item:hover,.menu-item:focus-visible{background:var(--color-surface-sunken);outline:none}.menu-item[data-danger=true],.menu-item[data-danger=true] svg{color:var(--color-danger)}.menu-sep{background:var(--color-border);height:1px;margin:6px 0}.tooltip-wrap{display:inline-flex;position:relative}.tooltip{background:var(--color-inverse);color:var(--color-text-on-inverse);white-space:nowrap;pointer-events:none;opacity:0;transform-origin:bottom;z-index:var(--z-nav);border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:550;transition:opacity .125s ease-out,transform .125s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:scale(.97)translateY(2px)}.tooltip-wrap:hover .tooltip,.tooltip-wrap:focus-within .tooltip{opacity:1;transition-delay:.3s;transform:none}.toaster{z-index:var(--z-toast);right:var(--space-3);bottom:var(--space-3);gap:var(--space-1);width:min(400px,100vw - 32px);display:grid;position:fixed}@media (width<=767px){.toaster{left:50%;right:auto;top:max(12px, env(safe-area-inset-top));bottom:auto;translate:-50%}}.toast{align-items:flex-start;gap:var(--space-1-5);background:var(--color-inverse);color:var(--color-text-on-inverse);box-shadow:var(--shadow-3);font-size:var(--text-small);border-radius:12px;padding:14px 16px;transition:opacity .3s,transform .3s;display:flex}@starting-style{.toast{opacity:0;transform:translateY(12px)}}@media (width<=767px){@starting-style{.toast{opacity:0;transform:translateY(-12px)}}}.toast[data-leaving=true]{opacity:0;transition-duration:.18s;transform:translateY(8px)}.toast svg{flex:none;width:20px;height:20px;margin-top:1px}.toast-title{font-weight:700}.toast-desc{opacity:.8;margin-top:2px}.toast-success svg{color:var(--color-live)}.toast-error svg{color:#f0a29b}.toast-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:6px;margin-left:auto;padding:2px}.toast-close:hover{opacity:1}.state{text-align:center;justify-items:center;gap:var(--space-1);padding:var(--space-6) var(--space-3);display:grid}.state-icon{background:var(--color-surface-sunken);width:48px;height:48px;color:var(--color-text-secondary);margin-bottom:var(--space-1);border-radius:14px;place-items:center;display:grid}.state-icon svg{width:22px;height:22px}.state-error .state-icon{background:var(--color-danger-soft);color:var(--color-danger)}.state h3{font-size:var(--text-body-lg);font-weight:700}.state p{color:var(--color-text-secondary);max-width:42ch;font-size:var(--text-small)}.state .btn{margin-top:var(--space-1-5)}.state-compact{padding:var(--space-4) var(--space-2)}.alert{gap:var(--space-1-5);font-size:var(--text-small);border:1px solid;border-radius:12px;padding:14px 16px;display:flex}.alert svg{flex:none;width:20px;height:20px;margin-top:1px}.alert-title{font-weight:700}.alert-info{background:var(--color-info-soft);border-color:color-mix(in srgb, var(--color-info) 20%, transparent);color:var(--color-text)}.alert-info svg{color:var(--color-info)}.alert-warning{background:var(--color-warning-soft);border-color:color-mix(in srgb, var(--color-warning) 22%, transparent)}.alert-warning svg{color:var(--color-warning)}.alert-danger{background:var(--color-danger-soft);border-color:color-mix(in srgb, var(--color-danger) 22%, transparent)}.alert-danger svg{color:var(--color-danger)}.alert-success{background:var(--color-success-soft);border-color:color-mix(in srgb, var(--color-success) 22%, transparent)}.alert-success svg{color:var(--color-success)}.skel{background:var(--color-skeleton);border-radius:8px;position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.3s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skel-line{height:12px}.skel-circle{border-radius:50%}.pagination{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-caption);color:var(--color-text-secondary);display:flex}.pagination-pages{gap:4px;display:flex}.page-btn{min-width:36px;height:36px;font-weight:600;font-size:var(--text-caption);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.page-btn:hover:not(:disabled){background:var(--color-surface-sunken)}.page-btn[aria-current=page]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.page-btn[aria-current=page]:hover:not(:disabled){background:var(--color-primary-hover)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn svg{width:16px;height:16px}.chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:36px;font-size:var(--text-caption);color:var(--color-text-secondary);cursor:pointer;transition:all var(--dur-fast) ease;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--color-border-input);color:var(--color-text)}.chip[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}@media (hover:hover){.chip[aria-pressed=true]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-on-primary)}}.chip .chip-count{opacity:.7;font-variant-numeric:tabular-nums}.stepper{gap:6px;display:flex}.stepper-seg{background:var(--color-border);border-radius:2px;flex:1;height:4px;overflow:hidden}.stepper-seg:after{content:"";background:var(--color-primary);transform-origin:0;width:100%;height:100%;transition:transform var(--dur-sheet) var(--ease-out);display:block;transform:scaleX(0)}.stepper-seg[data-done=true]:after{transform:scaleX(1)}.cal{-webkit-user-select:none;user-select:none}.cal-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.cal-title{font-weight:700;font-size:var(--text-body)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-dow{text-align:center;color:var(--color-text-tertiary);padding:6px 0;font-size:12px;font-weight:650}.cal-day{aspect-ratio:1;min-height:44px;font-size:var(--text-small);cursor:pointer;color:var(--color-text);font-variant-numeric:tabular-nums;transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;font-weight:600;display:grid;position:relative}.cal-day:active:not(:disabled){transform:scale(.94)}.cal-day:hover:not(:disabled):not([aria-selected=true]){background:var(--color-surface-sunken)}.cal-day[data-available=true]:after{content:"";background:var(--color-primary);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:7px;left:50%}.cal-day[data-today=true]{border-color:var(--color-border-strong)}.cal-day[aria-selected=true]{background:var(--color-primary);color:#fff}.cal-day[aria-selected=true]:after{background:#fff}.cal-day:disabled{color:var(--color-text-tertiary);cursor:not-allowed;opacity:.4}.cal-day[data-outside=true]{visibility:hidden}.slots{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));display:grid}.slot{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:var(--radius-sm);min-height:46px;font-weight:650;font-size:var(--text-small);cursor:pointer;font-variant-numeric:tabular-nums;transition:all var(--dur-fast) ease, transform var(--dur-press) var(--ease-out)}.slot:hover:not(:disabled):not([aria-pressed=true]){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.slot:active:not(:disabled){transform:scale(.96)}.slot[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.slot[aria-pressed=true]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.slot:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.slot-group-label{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:var(--space-2) 0 var(--space-1);font-weight:650}.slot-group-label:first-child{margin-top:0}.tz-note{font-size:var(--text-caption);color:var(--color-text-secondary);align-items:center;gap:6px;font-weight:550;display:inline-flex}.tz-note svg{width:15px;height:15px}.tz-note button{color:var(--color-primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline}.kv{gap:0;display:grid}.kv-row{justify-content:space-between;gap:var(--space-2);border-bottom:1px solid var(--color-border);font-size:var(--text-small);padding:12px 0;display:flex}.kv-row:last-child{border-bottom:0}.kv-row dt{color:var(--color-text-secondary)}.kv-row dd{text-align:right;margin:0;font-weight:600}.bar{background:var(--color-surface-sunken);border-radius:4px;height:8px;overflow:hidden}.bar>span{background:var(--color-primary);transform-origin:0;height:100%;animation:bar-in .7s var(--ease-out) both;border-radius:4px;display:block}@keyframes bar-in{0%{transform:scaleX(0)}}.icon-btn{width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--color-surface-sunken);color:var(--color-text)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:20px;height:20px}.icon-btn .dot{background:var(--color-danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;position:absolute;top:10px;right:10px}.divider{background:var(--color-border);border:0;height:1px}:where(.divider){margin:0}.btn.btn-waiting[aria-disabled=true]{opacity:1;cursor:default;color:var(--color-text-secondary);background:var(--color-surface-muted);box-shadow:none;border-style:dashed}.brand{--brand-fg:#fff;letter-spacing:-.03em;color:var(--color-text);align-items:center;gap:10px;min-height:44px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.brand svg{color:var(--color-primary)}.brand[data-inverse]{color:var(--color-text-on-inverse);--brand-fg:var(--color-inverse)}.brand[data-inverse] svg{color:var(--color-text-on-inverse)}.site{background:var(--color-page-warm);min-height:100dvh}.site-header{z-index:var(--z-nav);transition:background-color var(--dur-base) ease, box-shadow var(--dur-base) ease, border-color var(--dur-base) ease;background:0 0;border-bottom:1px solid #0000;position:sticky;top:0}.site-header[data-tone=dark] .site-nav-link,.site-header[data-tone=dark] .menu-btn{color:#ffffffe6}.site-header[data-tone=dark] .site-nav-link:hover,.site-header[data-tone=dark] .menu-btn:hover{color:#fff;background:#ffffff1a}.site-header[data-tone=dark] .brand{color:#fff;--brand-fg:var(--color-deep)}.site-header[data-tone=dark] .brand svg{color:#fff}.site-header[data-tone=dark] .header-cta{color:var(--color-deep);background:#fff;font-weight:700}@media (hover:hover){.site-header[data-tone=dark] .header-cta:hover{background:#f1efe8}}.site-header[data-tone=dark] :focus-visible{outline-color:#fff}.site-header-inner{transition:transform var(--dur-base) var(--ease-out)}.site-header[data-tone=dark] .site-header-inner{width:calc(100% - 32px);transform:translateY(var(--hero-nav-drop,16px))}@media (width>=1024px){.site-header[data-tone=dark]{--hero-nav-drop:24px}}.site-header[data-scrolled]{background:var(--color-surface);border-bottom-color:var(--color-border);box-shadow:0 6px 24px -12px #1111112e}.site-header-inner{align-items:center;gap:var(--space-4);height:72px;display:flex}.site-nav{gap:2px;margin-inline:auto;display:flex}.site-nav-link{min-height:44px;color:var(--color-text-body);border-radius:10px;align-items:center;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.site-nav-link:hover{color:var(--color-text);background:#1111110d}.site-nav-link.active{color:var(--color-primary)}.site-header-actions{gap:var(--space-1)}.mobile-only{display:none}.mobile-menu{border-top:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;height:calc(100dvh - 64px);display:flex}.mobile-menu[hidden]{display:none}.mobile-menu-nav{padding-top:var(--space-2);flex:1;align-content:start;display:grid;overflow:auto}.mobile-menu-link{letter-spacing:-.02em;border-bottom:1px solid var(--color-border);align-items:center;min-height:56px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.mobile-menu-cta{padding-top:var(--space-2);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);gap:var(--space-1);text-align:center;display:grid}.mobile-menu-cta p{color:var(--color-text-body);font-size:14px}.header-cta{--btn-h:44px;border-radius:12px;padding:0 18px}.header-cta-short{display:none}@media (width<=1180px) and (width>=1024px){.site-nav-link{padding:0 10px}}@media (width<=599px){.header-cta-long{display:none}.header-cta-short{display:inline}}.menu-btn{width:44px;height:44px}.mobile-menu-link.active{color:var(--color-primary)}@media (width>=1024px){.mobile-menu{display:none!important}}@media (width<=1023px){.site-nav,.signin-link{display:none}.mobile-only{display:grid}.site-header-inner{gap:var(--space-2);justify-content:space-between;height:64px}}.site-footer{background:var(--color-inverse);color:var(--color-text-on-inverse);padding:var(--space-10) 0 var(--space-4);margin-top:var(--space-12)}main:has(.home)+.site-footer{margin-top:0}.footer-about{gap:var(--space-2);align-content:start;max-width:340px;display:grid}.footer-about p{color:#ffffffd1;font-size:15px}.footer-social{gap:var(--space-1);display:flex}.footer-social a{color:#fff;background:#ffffff14;border-radius:12px;place-items:center;width:44px;height:44px;transition:background-color .2s;display:grid}.footer-social a:hover{background:#ffffff29}.footer-contact{align-items:center;gap:8px;display:inline-flex!important}.footer-contact svg{flex:none;width:18px;height:18px}.footer-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-col{align-content:start;gap:4px;font-size:15px;display:grid}.footer-col h2{color:#ffffffb3;letter-spacing:0;margin-bottom:4px;font-size:14px;font-weight:700}.footer-col a,.footer-col span{color:inherit;opacity:.88;align-items:center;min-height:36px;text-decoration:none;display:flex}.footer-col a:hover{opacity:1;text-underline-offset:3px;text-decoration:underline}.footer-bottom{justify-content:space-between;gap:var(--space-1);margin-top:var(--space-8);padding-top:var(--space-3);color:#ffffffb8;border-top:1px solid #ffffff1f;flex-wrap:wrap;font-size:14px;display:flex}.auth-shell{background:var(--color-surface);place-items:center;min-height:100dvh;display:grid}@media (width>=1024px){.auth-shell{background:var(--color-page);padding:var(--space-4)}}.auth-frame{background:var(--color-surface);width:100%;min-height:100dvh;display:grid}@media (width>=1024px){.auth-frame{width:min(1200px,100%);min-height:min(760px,100dvh - 64px);box-shadow:var(--shadow-3);border-radius:28px;grid-template-columns:1.1fr 1fr;padding:8px}}.auth-hero{display:none}@media (width>=1024px){.auth-hero{padding:var(--space-5);color:#fff;background:radial-gradient(60% 50% at 30% 20%, #ffffff47, transparent 70%), radial-gradient(55% 45% at 85% 75%, #79ed8b59, transparent 70%), radial-gradient(70% 60% at 100% 100%, var(--p-green-800), transparent 70%), linear-gradient(150deg, var(--p-green-700) 0%, var(--p-green-600) 50%, #2fa673 78%, var(--p-green-800) 100%);border-radius:22px;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";pointer-events:none;background:var(--pattern-khatam) 0 0 / 80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000008c 45%,#0000 75%);mask-image:linear-gradient(#000 0%,#0000008c 45%,#0000 75%)}.auth-hero>*{z-index:1;position:relative}.auth-hero .brand{color:#fff;--brand-fg:var(--color-primary)}.auth-hero .brand svg{color:#fff}}.auth-hero-body{gap:var(--space-2);display:grid}.auth-pill{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--text-small);background:#ffffff2e;justify-self:start;padding:8px 16px;font-weight:600}.auth-hero-title{font-size:clamp(2.5rem,1.6rem + 2vw,3.4rem);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);margin-top:var(--space-1);font-weight:700}.auth-hero-sub{font-size:var(--text-body-lg);color:#ffffffd9}.auth-steps{margin:var(--space-3) 0 0;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;list-style:none;display:grid}.auth-step{justify-content:space-between;gap:var(--space-4);min-height:136px;padding:var(--space-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffd1;font-size:var(--text-small);background:#ffffff24;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;font-weight:600;line-height:1.35;display:flex}.auth-step-num{width:28px;height:28px;font-size:var(--text-caption);border:1px solid #ffffff8c;border-radius:50%;place-items:center;display:grid}.auth-step[data-active]{color:var(--color-text);background:#fff;border-color:#fff}.auth-step[data-active] .auth-step-num{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.auth-main{padding:var(--space-3) var(--space-2);flex-direction:column;align-items:center;display:flex}.auth-header{justify-content:center;align-self:stretch;display:flex}@media (width>=1024px){.auth-header{display:none}}.auth-card{width:min(420px,100%);padding:var(--space-4) 0;margin:auto 0}.auth-head{text-align:center}.auth-head .t-h2{text-wrap:balance;font-size:clamp(1.75rem,1.4rem + 1vw,2.25rem);font-weight:600}.auth-head p{text-wrap:pretty}.auth-card .input{background:var(--color-input-fill);border-color:#0000;border-radius:12px;min-height:52px}@media (hover:hover){.auth-card .input:hover:not(:disabled){border-color:var(--color-border-strong)}}.auth-card .input:focus{background:var(--color-surface);border-color:var(--color-primary)}.auth-card .input[aria-invalid=true]{border-color:var(--color-danger)}.auth-card .btn-lg{--btn-h:56px;border-radius:12px;font-weight:650}.auth-card .btn-secondary{box-shadow:none;border-color:var(--color-border)}.auth-or{align-items:center;gap:var(--space-2);display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-footer{padding-top:var(--space-2);text-align:center;justify-content:center;align-items:center;gap:6px;display:flex}.app{grid-template-columns:1fr;min-height:100dvh;display:grid}@media (width>=1024px){.app{grid-template-columns:var(--sidebar-w) 1fr}}.sidebar{display:none}@media (width>=1024px){.sidebar{height:100dvh;padding:var(--space-2) var(--space-2) var(--space-3);border-right:1px solid var(--color-border);background:var(--color-surface-muted);flex-direction:column;display:flex;position:sticky;top:0}}.sidebar-brand{padding:4px 8px var(--space-3);justify-content:space-between;align-items:center;display:flex}.role-pill{background:var(--color-primary-soft);color:var(--color-primary);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.sidebar-nav{gap:2px;display:grid}.side-link{min-height:42px;font-size:var(--text-small);color:var(--color-text-secondary);cursor:pointer;text-align:left;width:100%;transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-weight:600;text-decoration:none;display:flex}.side-link svg{flex:none;width:19px;height:19px}.side-link:hover{background:var(--color-surface-sunken);color:var(--color-text)}.side-link.active{background:var(--color-primary);color:var(--color-text-on-primary)}.side-link.active:hover{background:var(--color-primary-hover);color:var(--color-text-on-primary)}.side-link.active svg{color:currentColor}.side-link.active .side-count{background:var(--color-surface);color:var(--color-primary)}.side-link-lg{min-height:52px;font-size:var(--text-body)}.side-count{background:var(--color-primary);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:700;display:grid}.sidebar-foot{padding-top:var(--space-2);margin-top:auto}.tz-chip{font-size:var(--text-caption);color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-weight:600;text-decoration:none;display:flex}.tz-chip:hover{border-color:var(--color-border-strong);color:var(--color-text)}.topbar-menu{display:none}@media (width>=1024px){.topbar-menu{width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:background-color var(--dur-fast) ease;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;margin-left:-8px;margin-right:8px;padding:0;display:grid}.topbar-menu svg{width:22px;height:22px}.topbar-menu:hover{background:var(--color-surface-sunken)}.topbar-menu:active{transform:scale(.95)}.topbar-menu:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}}.side-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:opacity var(--dur-fast) ease;overflow:hidden}@media (width>=1024px){.app{transition:grid-template-columns var(--dur-sheet) var(--ease-drawer)}.app[data-sidebar=collapsed]{grid-template-columns:76px 1fr}.sidebar{z-index:calc(var(--z-sticky) + 1)}.app[data-sidebar=collapsed] .sidebar-brand{padding:4px 0 var(--space-3);justify-content:center}.app[data-sidebar=collapsed] .sidebar-brand .brand{gap:0}.app[data-sidebar=collapsed] .sidebar-brand .brand>span,.app[data-sidebar=collapsed] .role-pill{display:none}.app[data-sidebar=collapsed] .side-link{justify-content:center;gap:0;padding:0;position:relative}.app[data-sidebar=collapsed] .side-label{opacity:0;max-width:0}.app[data-sidebar=collapsed] .side-count{min-width:16px;height:16px;padding:0 4px;font-size:10px;position:absolute;top:4px;right:4px}.app[data-sidebar=collapsed] .tz-chip{justify-content:center;gap:0;padding:10px 0}.app[data-sidebar=collapsed] .sidebar [data-tip]{position:relative}.app[data-sidebar=collapsed] .sidebar [data-tip]:after{content:attr(data-tip);background:var(--color-inverse);color:var(--color-text-on-inverse);font-size:var(--text-caption);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) ease, translate var(--dur-fast) var(--ease-out);z-index:1;border-radius:8px;padding:6px 10px;font-weight:600;position:absolute;top:50%;left:calc(100% + 12px);translate:-4px -50%}.app[data-sidebar=collapsed] .sidebar [data-tip]:is(:hover,:focus-visible):after{opacity:1;transition-delay:.3s;translate:0 -50%}}@media (prefers-reduced-motion:reduce){.app,.side-label{transition:none}}.app-col{flex-direction:column;min-width:0;display:flex}.topbar{z-index:var(--z-sticky);height:var(--topbar-h);padding:0 var(--space-2);background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);padding-top:env(safe-area-inset-top);align-items:center;gap:4px;display:flex;position:sticky;top:0}@media (width>=1024px){.topbar{padding:0 var(--space-5)}.topbar-brand{display:none}}.user-btn{cursor:pointer;min-height:44px;font-weight:650;font-size:var(--text-label);background:0 0;border:0;border-radius:22px;align-items:center;gap:8px;padding:0 8px 0 4px;display:inline-flex}.user-btn:hover{background:var(--color-surface-sunken)}@media (width<=767px){.user-btn-name,.user-btn-chev{display:none}}.app-main{padding:var(--space-3) var(--space-2) calc(var(--bottomnav-h) + var(--space-5) + env(safe-area-inset-bottom));outline:none;flex:1;width:100%;min-width:0}@media (width>=768px){.app-main{padding:var(--space-4) var(--space-4) calc(var(--bottomnav-h) + var(--space-5))}}@media (width>=1024px){.app-main{padding:var(--space-5) var(--space-5) var(--space-8)}}.bottom-nav{z-index:var(--z-nav);background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}@media (width>=1024px){.bottom-nav{display:none}}.bottom-link{height:var(--bottomnav-h);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--dur-fast) ease;background:0 0;border:0;align-content:center;justify-items:center;gap:3px;font-size:11.5px;font-weight:650;text-decoration:none;display:grid;position:relative}.bottom-link svg{width:22px;height:22px;transition:transform var(--dur-press) var(--ease-out)}.bottom-link:active svg{transform:scale(.9)}.bottom-link.active{color:var(--color-primary)}.bottom-link.active:before{content:"";background:var(--color-primary);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:30%;right:30%}.bottom-dot{background:var(--color-danger);width:8px;height:8px;box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;position:absolute;top:14px;right:calc(50% - 16px)}.join-bar{align-items:center;gap:var(--space-1-5);background:var(--color-inverse);color:var(--color-text-on-inverse);z-index:var(--z-nav);left:8px;right:8px;bottom:calc(var(--bottomnav-h) + 8px + env(safe-area-inset-bottom));box-shadow:var(--shadow-3);animation:bar-up var(--dur-sheet) var(--ease-drawer);border-radius:14px;padding:10px 12px 10px 16px;display:flex;position:fixed}@keyframes bar-up{0%{opacity:0;transform:translateY(16px)}}.join-bar-pulse{background:var(--color-live);border-radius:50%;flex:none;width:10px;height:10px;animation:1.8s ease-out infinite pulse;box-shadow:0 0 #79ed8b99}@keyframes pulse{70%{box-shadow:0 0 0 8px #79ed8b00}to{box-shadow:0 0 #79ed8b00}}.join-bar-btn.btn-primary{color:var(--color-inverse);background:#fff}@media (width>=1024px){.join-bar{top:var(--topbar-h);box-shadow:none;padding:10px var(--space-5);border-radius:0;animation:none;position:sticky;bottom:auto;left:auto;right:auto}.join-bar[data-hide-desktop]{display:none}}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-head h1{letter-spacing:-.03em;font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);line-height:1.15}.page-head p{color:var(--color-text-secondary);max-width:60ch;margin-top:6px}.back-link{font-size:var(--text-label);color:var(--color-text-secondary);margin-bottom:var(--space-2);align-items:center;gap:6px;min-height:36px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-text)}.back-link svg{width:16px;height:16px}.section-title{font-size:var(--text-body-lg);letter-spacing:-.015em;margin-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);font-weight:700;display:flex}.section-title a{font-size:var(--text-label);color:var(--color-primary);font-weight:650;text-decoration:none}.section-title a:hover{text-underline-offset:3px;text-decoration:underline}.grid-2{gap:var(--space-3);display:grid}@media (width>=1024px){.grid-2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}}.grid-2-even{gap:var(--space-3);display:grid}@media (width>=768px){.grid-2-even{grid-template-columns:1fr 1fr}}.grid-3{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.metrics{gap:var(--space-1-5);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.metrics{grid-template-columns:repeat(4,1fr)}}.metric{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) 20px;color:inherit;gap:2px;text-decoration:none;display:grid}a.metric:hover{border-color:var(--color-border-input)}.metric-label{font-size:var(--text-caption);color:var(--color-text-secondary);align-items:center;gap:6px;font-weight:600;display:flex}.metric-label svg{width:15px;height:15px}.metric-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:750;line-height:1.2}.metric-sub{font-size:var(--text-caption);color:var(--color-text-tertiary)}.metric[data-attention]{border-color:color-mix(in srgb, var(--color-warning) 35%, var(--color-border));background:color-mix(in srgb, var(--color-warning-soft) 50%, var(--color-surface))}.metric[data-attention] .metric-label{color:var(--color-warning)}.desktop-only{display:none}@media (width>=768px){.desktop-only{display:revert}.mobile-cards{display:none}}.auth-loading{min-height:100dvh;padding:var(--space-3);color:var(--color-primary);place-items:center;display:grid}.auth-loading>.spinner{width:28px;height:28px}.app-skeleton .side-link{cursor:default;pointer-events:none}.app-skeleton .side-link:hover{background:0 0}.app-skeleton .sidebar-brand{justify-content:flex-start;gap:10px}.app-skeleton .topbar{gap:12px}.app-skeleton .skel-tiles{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));display:grid}@media (width>=1024px){.app-skeleton[data-sidebar=collapsed] .skel-label{display:none}.app-skeleton[data-sidebar=collapsed] .sidebar-brand{justify-content:center}}.page-skeleton{gap:var(--space-2);padding-top:var(--space-6);padding-bottom:var(--space-6);display:grid}.greet{margin-bottom:var(--space-3)}.greet p{font-size:var(--text-small);margin-bottom:4px;font-weight:600}.sep{color:var(--color-border-input);margin:0 6px}.text-link{color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-primary-line);text-decoration-color:var(--color-primary-line);text-underline-offset:3px;font-weight:650}.text-link:hover{text-decoration-color:currentColor}.t-capitalize{text-transform:capitalize}.next-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-2);gap:var(--space-3);display:grid;position:relative;overflow:hidden}@media (width>=768px){.next-card{padding:var(--space-4)}}.next-card[data-urgent]{border-color:var(--color-primary-line)}.next-card[data-urgent]:before{content:"";background:var(--color-primary);height:3px;position:absolute;inset:0 0 auto}.next-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.next-body{gap:var(--space-3);display:grid}@media (width>=900px){.next-body{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center}}.next-who{align-items:center;gap:var(--space-2);display:flex}.next-who h2{letter-spacing:-.025em;font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem)}.next-facts{gap:var(--space-2) var(--space-3);padding:var(--space-2) 0 0;border-top:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);margin:0;display:grid}@media (width>=600px){.next-facts{grid-template-columns:repeat(4,auto);justify-content:space-between}}@media (width>=900px){.next-facts{padding:0 0 0 var(--space-4);border-top:0;border-left:1px solid var(--color-border)}}.next-facts dt{font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:600}.next-facts dd{letter-spacing:-.02em;white-space:nowrap;margin:2px 0 0;font-size:1.25rem;font-weight:700}.next-actions{gap:var(--space-1-5);display:grid}@media (width>=600px){.next-actions{flex-wrap:wrap;align-items:center;display:flex}}.next-hint{flex-basis:100%}@media (width>=900px){.next-hint{margin-left:var(--space-1);flex-basis:auto}}.class-list>li+li{border-top:1px solid var(--color-border)}.class-row{align-items:center;gap:var(--space-1);padding-right:var(--space-2);display:flex}.class-row-main{align-items:center;gap:var(--space-2);min-width:0;padding:14px var(--space-2) 14px var(--space-3);text-align:left;cursor:pointer;min-height:72px;transition:background-color var(--dur-fast) ease;background:0 0;border:0;border-radius:0;flex:1;display:flex}.class-list>li:first-child .class-row-main{border-top-left-radius:var(--radius-md)}@media (hover:hover){.class-row-main:hover{background:var(--color-surface-muted)}}.class-row-main:focus-visible{outline-offset:-2px}.class-row-title{font-weight:650;font-size:var(--text-small);display:block}.class-row-meta{font-size:var(--text-caption);color:var(--color-text-secondary);display:block}.class-row-time{width:84px;font-weight:700;font-size:var(--text-small);white-space:nowrap;flex:none}.class-row-actions{flex:none}@media (width<=599px){.class-row-status{display:none}.class-row-main{padding-left:var(--space-2)}}.date-tile{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:10px;flex:none;align-content:center;place-items:center;width:48px;height:52px;line-height:1.1;display:grid}.date-tile-m{color:var(--color-text-secondary);font-size:11px;font-weight:700}.date-tile-d{letter-spacing:-.02em;font-size:19px;font-weight:750}.date-tile[data-highlight]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.date-tile[data-highlight] .date-tile-m{color:inherit;opacity:.8}.when-line{gap:var(--space-1) var(--space-3);font-size:var(--text-small);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.when-line span{align-items:center;gap:6px;display:inline-flex}.when-line svg{width:16px;height:16px}.position{gap:var(--space-1-5);display:grid}.position-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.position-surah{font-weight:700;font-size:var(--text-body-lg);letter-spacing:-.015em}.position-range{letter-spacing:-.03em;align-items:center;gap:10px;font-size:clamp(1.6rem,1.3rem + 1vw,2rem);font-weight:750;line-height:1.15;display:flex}.position-dash{background:var(--color-quran);border-radius:1px;width:18px;height:2px;display:inline-block}.position-ar{color:var(--color-quran-ink);margin-top:-4px;font-size:34px;line-height:1.3}.position-track{background:var(--color-quran-soft);border-radius:3px;height:6px;overflow:hidden}.position-track>span{background:var(--color-quran);transform-origin:0;height:100%;animation:bar-in .8s var(--ease-out) both;border-radius:3px;display:block}.ayah-mark{border:1.5px solid var(--color-quran);width:28px;height:28px;color:var(--color-quran-ink);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.juz{gap:8px;display:grid}.juz-strip{direction:ltr;grid-template-columns:repeat(30,1fr);gap:3px;display:grid}.juz-seg{background:var(--color-surface-sunken);border-radius:4px;height:34px;position:relative;overflow:hidden}.juz-compact .juz-seg{border-radius:3px;gap:2px;height:18px}.juz-seg[data-state=done]{background:var(--color-primary)}.juz-seg[data-state=active]{background:var(--color-primary-soft);box-shadow:inset 0 0 0 1.5px var(--color-primary)}.juz-fill{background:var(--color-primary-line);transform-origin:bottom;animation:juz-in .9s var(--ease-out) both;position:absolute;bottom:0;left:0;right:0}@keyframes juz-in{0%{transform:scaleY(0)}}.juz-scale{justify-content:space-between;display:flex}.teacher-note{gap:var(--space-1-5);padding:var(--space-2);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:12px;display:flex}.goal{gap:var(--space-1-5);padding:var(--space-2);background:var(--color-primary-soft);border-radius:12px;align-items:flex-start;display:flex}.goal svg{width:20px;height:20px;color:var(--color-primary);flex:none;margin-top:2px}.timeline{padding:var(--space-1) 0}.tl-item{gap:var(--space-2);padding:var(--space-2) var(--space-3);grid-template-columns:96px 1fr;display:grid;position:relative}.tl-item+.tl-item{border-top:1px solid var(--color-border)}@media (width<=599px){.tl-item{grid-template-columns:1fr;gap:4px}}.today-list{gap:var(--space-1);display:grid}.today-card{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px var(--space-2) 12px var(--space-3);transition:border-color var(--dur-base) ease;grid-template-columns:96px minmax(0,1fr) auto auto;display:grid}.today-card[data-phase=live],.today-card[data-phase=soon]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.today-card[data-done]{background:var(--color-surface-muted)}.today-card[data-done] .today-time{color:var(--color-text-tertiary)}.today-time{letter-spacing:-.02em;white-space:nowrap;font-size:18px;font-weight:750}.today-main{align-items:center;gap:var(--space-1-5);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:0;padding:4px;display:flex}@media (width<=767px){.today-card{padding:var(--space-2);gap:var(--space-1-5);grid-template-columns:auto 1fr;grid-template-areas:"time status""main main""action action"}.today-time{grid-area:time}.today-main{grid-area:main}.today-status{grid-area:status;justify-self:end}.today-action{grid-area:action}.today-action .btn{width:100%;min-height:44px}}.notif-list>li+li{border-top:1px solid var(--color-border)}.notif{gap:var(--space-2);text-align:left;width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;transition:background-color var(--dur-fast) ease;background:0 0;border:0;align-items:flex-start;display:flex}.notif:hover{background:var(--color-surface-muted)}.notif[data-unread]{background:color-mix(in srgb, var(--color-primary-soft) 55%, var(--color-surface))}.notif-icon{background:var(--color-surface-sunken);width:40px;height:40px;color:var(--color-text-secondary);border-radius:10px;flex:none;place-items:center;display:grid}.notif[data-unread] .notif-icon{background:var(--color-surface);color:var(--color-primary)}.notif-icon svg{width:19px;height:19px}.notif-title{font-weight:700;font-size:var(--text-small);display:block}.notif-body{font-size:var(--text-small);color:var(--color-text-secondary);margin:2px 0 4px;display:block}.notif-dot{background:var(--color-primary);border-radius:50%;flex:none;width:9px;height:9px;margin-top:8px}.month{gap:var(--space-3);display:grid}@media (width>=1100px){.month{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start}}.month-head{padding:10px 12px 10px var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.month-grid{grid-template-columns:repeat(7,1fr);display:grid}.month-dow{color:var(--color-text-tertiary);text-align:center;border-bottom:1px solid var(--color-border);padding:8px;font-size:12px;font-weight:650}.month-cell{border:0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);text-align:left;cursor:pointer;min-height:56px;transition:background-color var(--dur-fast) ease;flex-direction:column;gap:4px;padding:6px;display:flex;position:relative}.month-cell:nth-child(7n){border-right:0}@media (width>=768px){.month-cell{min-height:96px}}.month-cell:hover{background:var(--color-surface-muted)}.month-cell[aria-selected=true]{background:var(--color-primary-soft);box-shadow:inset 0 0 0 2px var(--color-primary)}.month-cell:focus-visible{outline-offset:-3px}.month-blank{cursor:default;background:var(--color-surface-muted)}.month-n{border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:650;display:grid}.month-cell[data-today] .month-n{background:var(--color-primary);color:#fff}.month-cell[data-past] .month-n{color:var(--color-text-tertiary)}.month-chips{flex-direction:column;gap:2px;display:none}@media (width>=768px){.month-chips{display:flex}.month-dots{display:none!important}}.month-chip{background:var(--color-primary-soft);color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:650;overflow:hidden}.month-chip[data-status=completed]{background:var(--color-surface-sunken);color:var(--color-text-secondary)}.month-chip[data-status=missed],.month-chip[data-status=cancelled]{background:var(--color-surface-sunken);color:var(--color-text-tertiary);text-decoration:line-through}.month-more{color:var(--color-text-tertiary);font-size:11px;font-weight:650}.month-dots{gap:3px;margin-top:auto;padding-left:4px;display:flex}.month-dots i{background:var(--color-primary);border-radius:50%;width:5px;height:5px}.month-dots i[data-status=completed]{background:var(--color-border-input)}.booking-grid{gap:var(--space-3);display:grid}@media (width>=900px){.booking-grid{grid-template-columns:minmax(300px,380px) 1fr;align-items:start}}.booking-slots{min-height:200px}.booking-slots>.tselect-trigger{margin-bottom:var(--space-3)}.slots-day{font-size:var(--text-body-lg);letter-spacing:-.01em;margin-bottom:4px;font-weight:650}.booking-slots .slot-group-label{font-size:var(--text-small);color:var(--color-text-secondary);margin:var(--space-3) 0 12px;font-weight:500}.booking-slots .slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.booking-slots .slot{font-size:var(--text-body);color:var(--color-text);border-color:var(--color-border-strong);font-weight:500}.booking-slots .slot[aria-pressed=true]{color:#fff;font-weight:600}.booking-slots .slot:disabled{opacity:1;background:var(--color-surface-sunken);border-color:var(--color-surface-sunken);color:var(--color-text-tertiary);text-decoration:line-through}.slots-skeleton{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;display:grid}.slots-skeleton .skel{border-radius:var(--radius-md);height:52px}.summary-chip{gap:var(--space-1-5);padding:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);align-items:center;display:flex}.summary-chip>svg{width:22px;height:22px;color:var(--color-primary);flex:none}.summary-chip>div{flex:1}.current-class{padding:var(--space-2) var(--space-3);gap:var(--space-1);display:grid}.current-when{font-size:var(--text-small);align-items:center;gap:8px;display:flex}.time-change{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);grid-template-columns:1fr auto 1fr;display:grid}.time-change>div{gap:2px;display:grid}.tc-old{color:var(--color-text-tertiary)}.tc-old strong{text-decoration:line-through;text-decoration-thickness:1px}.tc-new strong{color:var(--color-primary);font-size:1.15rem}.tc-new .t-num{font-size:1.15rem;font-weight:700}.tc-arrow{width:22px;height:22px;color:var(--color-text-tertiary)}.what-next{gap:10px;display:grid}.what-next li,.check-list li{align-items:flex-start;gap:10px;display:flex}.what-next svg,.check-list svg{width:18px;height:18px;color:var(--color-success);flex:none;margin-top:2px}.check-list{gap:8px;display:grid}.sticky-actions{justify-content:space-between;gap:var(--space-1-5);padding:var(--space-2) 0;margin-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}@media (width<=767px){.sticky-actions{bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));background:var(--color-canvas);margin-inline:calc(var(--space-2) * -1);padding:12px var(--space-2);z-index:5;position:sticky}.sticky-actions .btn-lg{flex:1}}.flow-shell{flex-direction:column;min-height:100dvh;display:flex}.flow-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-canvas);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.flow-main{padding:var(--space-5) var(--space-2) var(--space-8);flex:1}.flow{width:min(820px,100%);margin:0 auto}.flow-progress{margin-bottom:var(--space-5);gap:10px;max-width:560px;display:grid}.flow-title{margin-bottom:var(--space-3);outline:none}.flow-step{animation:step-in var(--dur-sheet) var(--ease-out)}.flow-step[data-dir="-1"]{animation-name:step-back}@keyframes step-in{0%{opacity:0;transform:translate(16px)}}@keyframes step-back{0%{opacity:0;transform:translate(-16px)}}.flow-step>.stack-2,.flow-step>.stack-3{max-width:560px}.flow-step:has(.booking-grid)>.stack-3{max-width:none}.flow-actions{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}@media (width<=767px){.flow-actions{background:var(--color-canvas);padding-bottom:max(16px, env(safe-area-inset-bottom));margin-inline:-16px;padding-inline:16px;position:sticky;bottom:0}.flow-actions .btn-lg{flex:1}}.bk-shell{background:var(--color-canvas);min-height:100dvh;padding:12px}.bk-frame{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;width:min(1240px,100%);margin:0 auto;display:grid}.bk-side,.bk-main{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;box-shadow:0 1px 2px #11111108,0 12px 32px -12px #11111114}.bk-side{gap:var(--space-2);padding:12px var(--space-2) var(--space-2);display:grid}.bk-side-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.bk-side-head{gap:4px;display:grid}.bk-side-title{letter-spacing:var(--tracking-heading);font-size:22px;font-weight:700;line-height:var(--leading-heading)}.bk-steps,.bk-help{display:none}.bk-mobile-progress{gap:10px;display:grid}.bk-main{flex-direction:column;min-width:0;display:flex}.bk-body{padding:var(--space-4) var(--space-2) var(--space-3);flex:1;min-width:0}.bk-head{margin-bottom:var(--space-4);gap:6px;display:grid}.bk-title{letter-spacing:var(--tracking-heading);font-size:clamp(1.75rem,1.4rem + 1vw,2.375rem);font-weight:700;line-height:var(--leading-heading);text-wrap:balance;outline:none}.bk-step-panel>.stack-2,.bk-step-panel>.stack-3{max-width:none}.bk-main{--bk-control-h:52px;--bk-radius:var(--radius-md)}.bk-main .input,.bk-main .select,.bk-main .tselect-trigger{min-height:var(--bk-control-h);border-radius:var(--bk-radius)}.bk-main .choice{min-height:var(--bk-control-h);border-radius:var(--bk-radius);border-color:var(--color-border-strong);gap:10px;padding:0 14px 0 16px}.bk-main .choice:has(.choice-icon,.avatar,.choice-desc){min-height:76px;padding:14px 16px}.bk-main .choice-title{font-size:var(--text-body);font-weight:500}.bk-main .choice:has(.choice-desc,.choice-icon,.avatar) .choice-title{font-weight:600}.bk-main .choice-check{width:22px;height:22px}.bk-main .choice-grid{gap:10px}.bk-main .slot{min-height:var(--bk-control-h);border-radius:var(--bk-radius)}.bk-main .otp-box{border-radius:var(--bk-radius);min-height:56px}.bk-main .summary-chip,.bk-main .card{border-radius:var(--bk-radius)}.bk-main .btn-lg{--btn-h:var(--bk-control-h);border-radius:var(--bk-radius)}.bk-main .dob-age{min-height:var(--bk-control-h);border-radius:var(--bk-radius);padding:0 16px}.bk-form{display:grid}.bk-fsec{gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-border);animation:step-in var(--dur-sheet) var(--ease-out);display:grid}.bk-fsec:first-child{border-top:0;padding-top:0;animation:none}.bk-fsec:last-child{padding-bottom:0}.bk-fsec-head{align-content:start;gap:4px;display:grid}.bk-fsec-title{font-size:var(--text-body);letter-spacing:-.01em;color:var(--color-text);font-weight:650}.bk-fsec-desc{font-size:var(--text-caption);color:var(--color-text-secondary);text-wrap:pretty;line-height:1.5}.bk-fsec-body{gap:var(--space-3);min-width:0;display:grid}@media (prefers-reduced-motion:reduce){.bk-fsec{animation:none}}.bk-actions{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);padding-bottom:max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface);border-radius:0 0 24px 24px;display:flex;position:sticky;bottom:0}@media (width<=767px){.bk-actions .btn-lg{flex:1}.bk-actions>span:empty{display:none}}.bk-main .confirm{margin:0 auto}@media (width>=768px){.bk-body{padding:var(--space-6) var(--space-6) var(--space-4)}.bk-actions{padding:20px var(--space-6)}}@media (width>=1024px){.bk-shell{padding:var(--space-4)}.bk-frame{gap:var(--space-3);grid-template-columns:340px minmax(0,1fr)}.bk-main{min-height:calc(100dvh - 64px)}.bk-side{top:var(--space-4);gap:var(--space-4);min-height:min(680px,100dvh - 64px);padding:var(--space-3) var(--space-4) var(--space-4);grid-template-rows:auto auto 1fr auto;position:sticky}.bk-side-top{margin-inline:-8px}.bk-side-title{font-size:28px}.bk-mobile-progress{display:none}.bk-steps{margin:0;padding:0;list-style:none;display:block}.bk-help{display:flex}}.bk-step{padding-bottom:32px;position:relative}.bk-step:last-child{padding-bottom:0}.bk-step:not(:last-child):after{content:"";background:var(--color-border);width:2px;transition:background-color var(--dur-base) ease;border-radius:1px;position:absolute;top:58px;bottom:6px;left:23px}.bk-step[data-state=done]:after{background:var(--color-primary-line)}.bk-step-btn{width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:16px;padding:0;display:flex}button.bk-step-btn{cursor:pointer}button.bk-step-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@media (hover:hover){button.bk-step-btn:hover .bk-step-label{color:var(--color-primary)}}.bk-step-dot{background:var(--color-surface);border:1.5px solid var(--color-border-strong);width:48px;height:48px;color:var(--color-text-tertiary);transition:background-color var(--dur-base) ease, border-color var(--dur-base) ease, color var(--dur-base) ease, box-shadow var(--dur-base) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.bk-step-dot svg{width:20px;height:20px}.bk-step[data-state=current] .bk-step-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 0 3px var(--color-surface), 0 0 0 5px var(--color-primary)}.bk-step[data-state=done] .bk-step-dot{background:var(--color-primary-soft);border-color:var(--color-primary-line);color:var(--color-primary)}.bk-step-text{gap:2px;min-width:0;display:grid}.bk-step-num{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:11.5px;font-weight:700}.bk-step-label{font-size:var(--text-body);color:var(--color-text-secondary);transition:color var(--dur-fast) ease;font-weight:650}.bk-step[data-state=current] .bk-step-label{color:var(--color-text)}.bk-step[data-state=current] .bk-step-num{color:var(--color-primary)}.bk-step[data-state=done] .bk-step-label{color:var(--color-text)}.bk-help{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:inherit;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;align-self:end;align-items:center;gap:12px;padding:14px;text-decoration:none}.bk-help:hover{border-color:var(--color-primary-line);background:var(--color-primary-soft)}.bk-help:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.bk-help-icon{background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);border-radius:12px;flex:none;place-items:center;display:grid}.bk-help:hover .bk-help-icon{background:var(--color-surface)}.bk-help-icon svg{width:20px;height:20px;display:block}.bk-help-text{flex:1;gap:2px;min-width:0;line-height:1.3;display:grid}.bk-help-title{font-size:var(--text-small);color:var(--color-text);font-weight:600}.bk-help-sub{font-size:var(--text-caption);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bk-help-arrow{width:18px;height:18px;color:var(--color-text-tertiary);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) ease;flex:none}.bk-help:hover .bk-help-arrow{color:var(--color-primary);transform:translate(2px)}.bk-children{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.bk-children .avatar{--size:44px;font-size:16px}.bk-add{width:100%;min-height:var(--bk-control-h,52px);border:1.5px dashed var(--color-border-strong);border-radius:var(--bk-radius,var(--radius-md));font:inherit;color:var(--color-primary);cursor:pointer;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:650;display:flex}.bk-add svg{width:18px;height:18px}@media (hover:hover){.bk-add:hover{border-color:var(--color-primary-line);background:var(--color-primary-soft)}}.bk-add:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.dob-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dob-selects{flex:320px;grid-template-columns:minmax(72px,.8fr) minmax(112px,1.5fr) minmax(92px,1fr);gap:10px;display:grid}.dob-age{border-radius:var(--radius-full);background:var(--color-primary-soft);min-height:36px;color:var(--color-primary-hover);font-size:var(--text-small);white-space:nowrap;font-variant-numeric:tabular-nums;animation:dob-age-in var(--dur-base) var(--ease-out);align-items:center;gap:7px;padding:0 14px;font-weight:700;display:inline-flex}.dob-age svg{flex:none;width:16px;height:16px}.dob-age[data-empty]{background:var(--color-surface-sunken);color:var(--color-text-tertiary);font-weight:600;animation:none}@keyframes dob-age-in{0%{opacity:0;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.dob-age{animation:none}}.level-list{gap:6px;display:grid}.level-opt{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;text-align:left;min-height:50px;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;align-items:center;gap:12px;padding:0 16px;font-weight:600;display:flex}.level-opt:hover{border-color:var(--color-border-input)}.level-opt[aria-checked=true]{border-color:var(--color-primary);background:var(--color-primary-soft)}.level-radio{border:1.5px solid var(--color-border-input);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.level-opt[aria-checked=true] .level-radio{border-color:var(--color-primary);transition:border-width var(--dur-base) var(--ease-out);border-width:6px}.confirm{text-align:center;justify-items:center;gap:var(--space-2);max-width:560px;display:grid}.confirm h1{outline:none}.confirm-mark{background:var(--color-primary);color:#fff;width:64px;height:64px;animation:mark-in .5s var(--ease-out) both;border-radius:50%;place-items:center;display:grid}.confirm-mark svg{width:30px;height:30px}@keyframes mark-in{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}}.confirm-card{text-align:left;width:100%;margin-top:var(--space-1)}.confirm-actions{margin-top:var(--space-1);justify-content:center}.next-steps{gap:var(--space-1-5);text-align:left;margin-top:var(--space-2);width:100%;display:grid}.next-steps li{font-size:var(--text-small);color:var(--color-text-secondary);gap:12px;display:flex}.next-steps svg{width:20px;height:20px;color:var(--color-primary);flex:none}.detail-person{gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:12px;display:grid}.note-block{padding:var(--space-2);border-left:3px solid var(--color-quran);background:var(--color-surface-muted);border-radius:0 10px 10px 0;gap:6px;display:grid}.history-item{border:1px solid var(--color-border);border-radius:10px;gap:2px;padding:12px 14px;display:grid}.teacher-profile .tp-head{gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.tp-facts{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tp-facts h3{align-items:center;gap:6px;margin-bottom:4px;font-weight:600;display:flex}.toolbar{gap:var(--space-1-5);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.simple-list>li+li,.mini-list>li+li,.attention-list>li+li{border-top:1px solid var(--color-border)}.simple-row{align-items:center;gap:var(--space-1-5);padding:14px var(--space-3);color:inherit;min-height:64px;text-decoration:none;display:flex}.simple-row:hover{background:var(--color-surface-muted)}.mini-list>li{justify-content:space-between;align-items:center;gap:var(--space-2);padding:12px var(--space-3);display:flex}.attention{align-items:center;gap:var(--space-1-5);padding:14px var(--space-3);display:flex}.attention-icon{background:var(--color-warning-soft);width:36px;height:36px;color:var(--color-warning);border-radius:10px;flex:none;place-items:center;display:grid}.attention[data-tone=danger] .attention-icon{background:var(--color-danger-soft);color:var(--color-danger)}.attention-icon svg{width:18px;height:18px}@media (width<=599px){.attention{flex-wrap:wrap}.attention .btn{width:100%}}.mobile-cards{display:grid}@media (width>=768px){.mobile-cards{display:none}}.mobile-cards>li+li{border-top:1px solid var(--color-border)}.m-card{padding:var(--space-2);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:6px;width:100%;min-height:64px;text-decoration:none;display:grid}.m-card:active{background:var(--color-surface-muted)}.metrics-admin{grid-template-columns:repeat(2,1fr)}@media (width>=768px){.metrics-admin{grid-template-columns:repeat(4,1fr)}}@media (width>=1280px){.metrics-admin{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.avail-list>li+li{border-top:1px solid var(--color-border)}.avail-day{padding:var(--space-2) var(--space-3);gap:var(--space-1-5);display:grid}@media (width>=900px){.avail-day{grid-template-columns:200px 1fr;align-items:start}}.avail-day-head{align-items:center;gap:var(--space-1-5);min-height:44px;display:flex}.avail-name{min-width:92px}.avail-ranges{gap:var(--space-1);display:grid}.avail-range{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.select-sm{width:auto;min-width:128px;min-height:42px;padding-top:6px;padding-bottom:6px}.sticky-foot{background:var(--color-surface);border-radius:0 0 var(--radius-md) var(--radius-md);position:sticky;bottom:0}@media (width<=1023px){.sticky-foot{bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom))}}.assign-summary{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.assign-summary>div{gap:2px;display:grid}.assign-list{gap:var(--space-1);display:grid}.assign-card{gap:var(--space-2);text-align:left;width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);align-items:flex-start;display:flex}.assign-card:active{transform:scale(.995)}.assign-card:hover:not(:disabled){border-color:var(--color-border-input)}.assign-card[aria-checked=true]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.assign-card:disabled{opacity:.55;cursor:not-allowed}.assign-card .choice-check{margin:14px 0 0}.assign-card[aria-checked=true] .choice-check{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.assign-card[aria-checked=true] .choice-check svg{opacity:1;transform:scale(1)}.assign-checks{flex-wrap:wrap;gap:6px 14px;margin-top:10px;display:flex}.assign-checks span{font-size:var(--text-caption);color:var(--color-success);align-items:center;gap:4px;font-weight:600;display:inline-flex}.assign-checks span[data-ok=false]{color:var(--color-danger)}.assign-checks svg{width:14px;height:14px}.timeline-grid-wrap{overflow-x:auto}.tgrid{min-width:760px}.tgrid-row{grid-template-columns:200px 1fr;align-items:center;min-height:56px;display:grid}.tgrid-row+.tgrid-row{border-top:1px solid var(--color-border)}.tgrid-head{background:var(--color-surface-muted);min-height:40px}.tgrid-name{padding:0 var(--space-2);align-items:center;gap:10px;min-width:0;display:flex}.tgrid-track{border-left:1px solid var(--color-border);background-image:repeating-linear-gradient(90deg, transparent 0 calc(100% / 24 - 1px), var(--color-border) calc(100% / 24 - 1px) calc(100% / 24));background-size:100% 100%;height:100%;min-height:40px;position:relative}.tgrid-head .tgrid-track{background:0 0}.tgrid-head .tgrid-track span{color:var(--color-text-tertiary);font-size:11.5px;font-weight:650;position:absolute;top:50%;translate:4px -50%}.tgrid-block{background:var(--color-primary);border-radius:5px;min-width:6px;position:absolute;top:12px;bottom:12px}.tgrid-block[data-status=completed]{background:var(--color-border-input)}.tgrid-block[data-status=rescheduled]{background:var(--color-info)}.tgrid-block[data-status=missed]{background:var(--color-danger)}.tgrid-now{background:var(--color-danger);width:2px;position:absolute;top:0;bottom:0}.bars{gap:var(--space-2);grid-template-columns:repeat(4,1fr);align-items:end;height:200px;display:grid}.bars-col{text-align:center;grid-template-rows:1fr auto;gap:8px;height:100%;display:grid}.bars-stack{transform-origin:bottom;min-height:4px;animation:juz-in .7s var(--ease-out) both;border-radius:6px 6px 2px 2px;flex-direction:column-reverse;align-self:end;display:flex;overflow:hidden}.bars-stack span[data-k=done],.legend i[data-k=done]{background:var(--color-primary)}.bars-stack span[data-k=missed],.legend i[data-k=missed]{background:var(--color-danger)}.bars-stack span[data-k=cancelled],.legend i[data-k=cancelled]{background:var(--color-border-input)}.legend{gap:var(--space-2);flex-wrap:wrap;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px}.demo-accounts{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);gap:10px;display:grid}.demo-account-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.demo-account{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);justify-items:start;gap:6px;padding:12px;display:grid}.demo-account:hover{border-color:var(--color-primary)}.demo-account:active{transform:scale(.97)}.demo-account svg{width:20px;height:20px;color:var(--color-primary)}.demo-account span{font-size:12.5px;line-height:1.35;display:grid}.demo-account strong{font-size:14px}.demo-account span span{color:var(--color-text-secondary)}.pw-meter{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.pw-meter span{background:var(--color-border);height:4px;transition:background-color var(--dur-base) ease;border-radius:2px}.pw-meter[data-strength="1"] span:nth-child(-n+1){background:var(--color-danger)}.pw-meter[data-strength="2"] span:nth-child(-n+2){background:var(--color-warning)}.pw-meter[data-strength="3"] span{background:var(--color-success)}.otp{border:0;grid-template-columns:repeat(6,1fr);gap:8px;margin:0;padding:0;display:grid}.otp-box{text-align:center;font-variant-numeric:tabular-nums;min-height:56px;padding:0;font-size:22px;font-weight:700}@media (width<=599px){.next-actions .tooltip-wrap{display:flex}.next-actions .btn{width:100%}}.review-body{padding:4px 24px}.review-edit{gap:var(--space-2);border-top:1px solid var(--color-border);flex-wrap:wrap;padding:12px 24px;display:flex}.review-where{align-items:center;gap:6px;display:inline-flex}.review-where svg{width:17px;height:17px;color:var(--color-primary)}.verify-head{align-items:flex-start;gap:12px;display:flex}.verify-head>svg{width:22px;height:22px;color:var(--color-primary);flex:none;margin-top:2px}.confirm-when{gap:4px;display:grid}.confirm-date{font-size:var(--text-h3);color:var(--color-text);font-weight:700}.confirm-actions .menu{text-align:left}@media (width<=480px){.review-body,.review-edit{padding-inline:var(--space-2)}.confirm-actions{width:100%}.confirm-actions>*{flex:100%}.confirm-actions .btn{width:100%}}.dash-start,.dash-steps{gap:var(--space-2);display:grid}.dash-steps li{align-items:flex-start;gap:12px;display:flex}.dash-steps li>span:last-child{min-width:0}.dash-step-icon{background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);border-radius:10px;flex:none;place-items:center;display:grid}.dash-step-icon svg{width:18px;height:18px}.dash-step-text{margin-top:2px;display:block}.dash-pending{align-items:center;gap:6px;display:inline-flex}.dash-pending svg{width:15px;height:15px;color:var(--color-text-secondary)}.dash-row{cursor:default}.demo-card{gap:var(--space-3);display:grid}.demo-card .next-facts dd{white-space:normal;overflow-wrap:anywhere}.demo-card .kv{border-top:1px solid var(--color-border)}.learner-switch{max-width:320px;margin-top:var(--space-2)}.learner-line{overflow-wrap:anywhere;margin-top:6px}.path-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.path-card{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.path-eyebrow{font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);font-weight:700}.path-foot{padding-top:var(--space-1);flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.lp-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding-bottom:0;display:flex}.lp-body{padding:0 var(--space-3)}.lp-body .kv-row dd{text-align:right;overflow-wrap:anywhere;min-width:0}.lp-foot{border-top:1px solid var(--color-border)}.gs-list{gap:var(--space-1-5);display:grid}.gs-list li{align-items:center;gap:12px;display:flex}.gs-icon svg{width:20px;height:20px;display:block}.gs-list li[data-status=done] .gs-icon{color:var(--color-success)}.gs-list li[data-status=todo] .gs-icon{color:var(--color-primary)}.gs-list li[data-status=optional] .gs-icon,.gs-list li[data-status=later] .gs-icon{color:var(--color-text-tertiary)}.gs-text{flex:1;min-width:0;display:grid}.gs-status{color:var(--color-text-secondary);flex:none;font-weight:600}.dash-stack{gap:var(--space-3);display:grid}.check-chips{gap:var(--space-1);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.check-chip{cursor:pointer;position:relative}.check-chip input{opacity:0;width:1px;height:1px;position:absolute}.check-chip:has(input:checked){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.check-chip:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.check-chip[data-disabled]{cursor:not-allowed;opacity:.45}.check-chip svg{width:15px;height:15px}.dash-lead{margin:calc(var(--space-2) * -1) 0 var(--space-3)}.children-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.child-card{flex-direction:column;min-width:0;height:100%;display:flex}.child-head{padding-bottom:var(--space-1);justify-items:start;gap:8px;display:grid}.child-name{overflow-wrap:anywhere}.child-body{padding:0 var(--space-3)}.child-body .kv-row dd{overflow-wrap:anywhere;min-width:0}.child-body-empty{padding-top:0}.child-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.child-saved{padding:0 var(--space-3);color:var(--color-success);align-items:center;gap:6px;display:flex}.child-edit{border-top:1px solid var(--color-border)}.child-form{max-width:560px}.learner-switch .text-link{margin-top:6px;display:inline-block}.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.metric-link{color:inherit;text-decoration:none}.metric-link:hover{border-color:var(--color-primary-line)}.admin-list>li+li{border-top:1px solid var(--color-border)}.admin-row{align-items:center;gap:var(--space-2);padding:14px var(--space-3);color:inherit;min-width:0;text-decoration:none;display:flex}a.admin-row:hover{background:var(--color-surface-sunken)}.admin-row .grow{display:grid}.admin-filters{align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.admin-filters .field{min-width:min(100%,260px)}.admin-filters .chip{min-height:var(--control-h);font-size:var(--text-label);padding:0 18px}.admin-table td .btn-link{text-align:left}.avail-summary{gap:8px;display:grid}.avail-summary li{grid-template-columns:48px 1fr;gap:12px;display:grid}@media (width<=640px){.admin-table thead{display:none}.admin-table tr{padding:12px var(--space-2);border-bottom:1px solid var(--color-border);gap:4px;display:grid}.admin-table td{border:0;padding:0}}.metric-arrow{opacity:.45;width:14px;height:14px;margin-left:auto}.readiness-summary{border-bottom:1px solid var(--color-border);font-size:var(--text-small);color:var(--color-text-secondary);flex-wrap:wrap;gap:8px 20px;display:flex}.readiness-summary strong{color:var(--color-text);margin-right:4px;font-size:1.05rem}.quick-actions{flex-wrap:wrap;gap:8px;display:flex}.overview-when{flex:none;width:92px;display:grid}.overview-view{flex:none}@media (width<=640px){.overview-demo{flex-wrap:wrap}.overview-view{width:100%}}.profile-photo{align-items:center;gap:var(--space-3);min-width:0;display:flex}.profile-photo-pic{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.profile-photo-pic:disabled{cursor:progress;opacity:.7}.profile-photo-pic:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.profile-photo-cam{background:var(--color-primary);width:30px;height:30px;color:var(--color-text-on-primary);border:2px solid var(--color-surface);transition:background-color var(--dur-fast) ease;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.profile-photo-cam svg{width:15px;height:15px}@media (hover:hover){.profile-photo-pic:hover:not(:disabled) .profile-photo-cam{background:var(--color-primary-hover)}}.tprofile{gap:var(--space-3);display:grid}.tprofile-hero{background:var(--color-surface);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 1px 2px #11111108,0 12px 32px -12px #1111111a}.tprofile-cover{background:radial-gradient(60% 120% at 20% 0%, #ffffff38, transparent 70%), linear-gradient(120deg, var(--p-green-700), var(--p-green-600) 55%, #34a876);height:132px;position:relative}.tprofile-cover:after{content:"";background:var(--pattern-khatam) 0 0 / 80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 8%,#000 55%);mask-image:linear-gradient(90deg,#0000 8%,#000 55%)}.tprofile-id{align-items:flex-start;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-4) 0;flex-wrap:wrap;display:flex}.tprofile-avatar{margin-top:-60px}.tprofile-avatar .avatar{box-shadow:0 0 0 5px var(--color-surface), 0 10px 24px -8px #11111140}.tprofile-name{flex:1;gap:4px;min-width:min(100%,240px);padding-top:4px;display:grid}.tprofile-name h1{letter-spacing:-.025em;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:700;line-height:1.15}.tprofile-email{font-size:var(--text-small);color:var(--color-text-secondary);justify-self:start;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.tprofile-email svg{width:15px;height:15px}.tprofile-email:hover{color:var(--color-primary)}.tprofile-actions{gap:8px;padding-top:4px;display:flex}.tprofile-deactivate{color:var(--color-danger)}@media (hover:hover){.btn.tprofile-deactivate:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-on-primary)}}.btn.tprofile-deactivate:focus-visible{border-color:var(--color-danger)}.btn.tprofile-deactivate[data-loading=true] .spinner{color:var(--color-danger)}.tprofile-facts{padding:var(--space-2) var(--space-4) var(--space-3);flex-wrap:wrap;gap:8px;display:flex}.tprofile-facts li{border-radius:var(--radius-full);background:var(--color-surface-sunken);font-size:var(--text-small);color:var(--color-text);align-items:center;gap:8px;padding:8px 14px;font-weight:600;display:inline-flex}.tprofile-facts svg{width:16px;height:16px;color:var(--color-primary)}@media (width<=640px){.tprofile-id{padding:0 var(--space-3)}.tprofile-facts{padding:var(--space-2) var(--space-3) var(--space-3)}}.tprofile-stats{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));display:grid}.tprofile-stats li{padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:20px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;display:grid;box-shadow:0 1px 2px #11111108}.tprofile-stat-icon{background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);border-radius:14px;grid-row:span 2;place-items:center;display:grid}.tprofile-stat-icon svg{width:20px;height:20px}.tprofile-stats li>span:not(.tprofile-stat-icon){font-size:var(--text-small);color:var(--color-text-secondary)}.tprofile-stats b{letter-spacing:-.02em;color:var(--color-text);font-size:24px;font-weight:700}.tprofile-stats small{font-size:var(--text-caption);color:var(--color-text-secondary)}.tprofile-grid{gap:var(--space-3);align-items:start;display:grid}@media (width>=1100px){.tprofile-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}}.tprofile-col{gap:var(--space-3);display:grid}.tprofile .card{border:0;border-radius:24px;box-shadow:0 1px 2px #11111108,0 12px 32px -12px #11111114}.tprofile-bio{font-size:var(--text-body);color:var(--color-text-secondary);white-space:pre-line;line-height:1.65}.tprofile .tprofile-tags li{background:var(--color-primary-soft);color:var(--color-primary-hover)}.tprofile-journey{gap:0;display:grid}.tprofile-journey li{padding:0 0 var(--space-2) 28px;gap:2px;display:grid;position:relative}.tprofile-journey li:last-child{padding-bottom:0}.tprofile-journey li+li:before{content:"";background:var(--color-border);width:2px;position:absolute;top:-100%;bottom:calc(100% - 4px);left:6px}.tprofile-journey li[data-done]+li[data-done]:before{background:var(--color-primary)}.tprofile-dot{border:2px solid var(--color-border-strong);background:var(--color-surface);border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:0}.tprofile-journey li[data-done] .tprofile-dot{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.tprofile-journey li[data-tone=off] .tprofile-dot{border-color:var(--color-text-tertiary);background:var(--color-text-tertiary);box-shadow:0 0 0 4px var(--color-surface-sunken)}.week-tl{gap:10px;display:grid}.week-tl-axis,.week-tl-days li{grid-template-columns:44px 1fr;align-items:center;gap:12px;display:grid}.week-tl-axis{color:var(--color-text-tertiary);font-size:11px;font-weight:600}.week-tl-ticks{height:14px;position:relative}.week-tl-ticks span{position:absolute;top:0;translate:-50%}.week-tl-ticks span:first-child{translate:0}.week-tl-ticks span:last-child{translate:-100%}.week-tl-days{gap:8px;display:grid}.week-tl-day{font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:700}.week-tl-days li[data-today] .week-tl-day{color:var(--color-primary)}.week-tl-track{background:linear-gradient(90deg, transparent calc(25% - 1px), var(--color-border) calc(25% - 1px) 25%, transparent 25%) 0 0 / 100% 100%, linear-gradient(90deg, transparent calc(50% - 1px), var(--color-border) calc(50% - 1px) 50%, transparent 50%) 0 0 / 100% 100%, linear-gradient(90deg, transparent calc(75% - 1px), var(--color-border) calc(75% - 1px) 75%, transparent 75%) 0 0 / 100% 100%, var(--color-surface-sunken);border-radius:10px;height:30px;position:relative;overflow:hidden}.week-tl-slot{background:linear-gradient(180deg, #2fa673, var(--color-primary));border-radius:7px;position:absolute;top:4px;bottom:4px;box-shadow:inset 0 1px #ffffff40}.week-tl-now{background:var(--color-text);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.week-tl-now:before{content:"";background:var(--color-text);border-radius:50%;width:8px;height:8px;position:absolute;top:-1px;left:-3px}.week-tl-legend{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.week-tl-key{background:var(--color-primary);border-radius:3px;width:14px;height:10px}.week-tl-key-now{background:var(--color-text);border-radius:1px;width:2px;height:12px;margin-left:12px}.mfa-mark{background:var(--color-primary-soft);width:56px;height:56px;color:var(--color-primary);border-radius:16px;place-items:center;margin:0 auto 8px;display:grid}.mfa-mark svg{width:28px;height:28px}.totp-steps{color:var(--color-text-secondary);gap:6px;padding-left:1.2em;list-style:decimal;display:grid}.totp-setup{gap:var(--space-3);flex-wrap:wrap;align-items:flex-start;display:flex}.totp-qr{border:1px solid var(--color-border);background:#fff;border-radius:16px;flex:none;width:184px;height:184px;padding:10px}.totp-key{background:var(--color-surface-sunken);border-radius:12px;align-items:center;gap:8px;min-width:0;padding:6px 6px 6px 14px;display:flex}.totp-key code{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-small);letter-spacing:.04em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:1}.totp-setup .otp{max-width:360px}.totp-page>p{text-align:center}.totp-page .totp-setup{align-items:stretch;gap:var(--space-3);flex-direction:column}.totp-page .totp-qr{align-self:center}.totp-page .totp-setup .otp{max-width:none}.totp-page .totp-steps{background:var(--color-surface-sunken);border-radius:12px;padding:14px 16px 14px 34px}.totp-page.totp-setup{flex-direction:column;align-items:center}.totp-page.totp-setup>.stack-2{width:100%}@media (width<=520px){.totp-qr{margin:0 auto}.totp-setup>.stack-2{flex-basis:100%}}.mfa-factors{gap:8px;display:grid}.mfa-factors li{border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.mfa-factor-icon{background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);border-radius:10px;flex:none;place-items:center;display:grid}.mfa-factor-icon svg{width:18px;height:18px}.mfa-recovery .btn-link{font-size:var(--text-small);align-items:center;gap:6px;display:inline-flex}.mfa-recovery .btn-link svg{width:16px;height:16px}.mfa-recovery>div{margin-top:8px}.lprofile-grid{gap:var(--space-3);align-items:start;display:grid}.tprofile,.lprofile-wrap{container-type:inline-size}@container (width>=900px){.lprofile-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}}.tprofile-stats li[data-attention] .tprofile-stat-icon{background:var(--color-warning-soft);color:var(--color-warning)}.lp-card{background:var(--color-surface);border-radius:24px;overflow:hidden;box-shadow:0 1px 2px #11111108,0 12px 32px -12px #11111114}.lp-card-head{padding:18px var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;display:flex}.lp-card-head h2{letter-spacing:-.015em;font-size:17px;font-weight:700}.lp-card-meta{border-radius:var(--radius-full);background:var(--color-surface-sunken);font-size:var(--text-caption);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;padding:2px 10px;font-weight:700}.lp-card-body{padding:var(--space-3)}.lp-card-body>.kv{margin:0}.lp-card-body>.kv .kv-row:first-child{padding-top:0}.lp-card-body>.kv .kv-row:last-child{border-bottom:0;padding-bottom:0}.lp-rows li{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 0;display:flex}.lp-rows li:first-child{padding-top:0}.lp-rows li:last-child{border-bottom:0;padding-bottom:0}.lcourse{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;display:grid;container-type:inline-size}.lcourse-head{align-items:flex-start;gap:var(--space-2);display:flex}.lcourse-icon{width:40px;height:40px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:12px;flex:none;place-items:center;display:grid}.lcourse-icon svg{width:20px;height:20px}.lcourse-title{flex:1;gap:2px;min-width:0;display:grid}.lcourse-name{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:19px;font-weight:600;line-height:1.3}.lcourse-meta{font-size:var(--text-caption);color:var(--color-text-secondary)}.lcourse-status{flex:none;padding-top:2px}.lcourse-status .badge{font-size:12px;font-weight:600}.lcourse-details{gap:20px var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.lcourse-details>div{align-content:start;gap:6px;min-width:0;display:grid}.lcourse-details dt{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-size:11px;font-weight:700}.lcourse-details dd{font-size:var(--text-small);color:var(--color-text);overflow-wrap:anywhere;gap:2px;margin:0;font-weight:600;display:grid}.lcourse-line{display:block}.lcourse-sub{font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:500}.teach{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) 20px;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:14px;flex-wrap:wrap;display:flex}.teach[data-state=needed]{background:color-mix(in srgb, var(--color-warning-soft) 55%, var(--color-surface));border-color:color-mix(in srgb, var(--color-warning) 22%, var(--color-border))}.teach-info{flex:1;gap:8px;min-width:min(100%,240px);display:grid}.teach-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-size:11px;font-weight:700}.teach-empty{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.teach-person{align-items:center;gap:12px;min-width:0;display:flex}.teach-name{font-size:var(--text-small);color:var(--color-text);overflow-wrap:anywhere;font-weight:650;text-decoration:none;display:block}.teach-name:hover{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.teach-meta{font-size:var(--text-caption);color:var(--color-text-secondary);display:block}.teach-note{font-size:var(--text-caption);color:var(--color-text-secondary);align-items:flex-start;gap:6px;display:flex}.teach-note svg{flex:none;width:14px;height:14px;margin-top:2px}.teach-note-warn{color:var(--color-danger)}.teach-cta{--btn-h:44px;flex:none}.lprofile-demos{gap:8px;display:grid}.lprofile-demos li{border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.lprofile-demo-icon{background:var(--color-primary-soft);width:34px;height:34px;color:var(--color-primary);border-radius:10px;flex:none;place-items:center;display:grid}.lprofile-demo-icon svg{width:17px;height:17px}a.learner-open{text-decoration:none}.course-actions-wrap{gap:var(--space-1-5);padding-top:var(--space-2);border-top:1px solid var(--color-border);margin-top:calc(var(--space-1) * -1);display:grid}.course-actions{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.course-actions-main{flex-wrap:wrap;align-items:center;gap:12px;min-height:36px;display:flex}.course-actions>.btn:only-child{margin-left:auto}@container (width<=620px){.lcourse-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=520px){.teach{flex-direction:column;align-items:stretch}.teach-cta{width:100%}}@container (width<=420px){.lcourse-head{flex-wrap:wrap}.lcourse-status{flex-basis:100%;order:3;padding:0 0 0 56px}.lcourse-details{gap:16px 20px}}@container (width<=340px){.lcourse-details{grid-template-columns:1fr}}.course-admin-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(460px,100%),1fr));display:grid}.course-admin-grid>li{min-width:0;display:flex}.course-admin{gap:var(--space-2);min-width:0;padding:var(--space-3);background:var(--color-surface);border-radius:24px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #11111108,0 12px 32px -12px #1111111a}.course-admin:before{content:"";background:var(--color-border);height:4px;position:absolute;inset:0 0 auto}.course-admin[data-state=sale]:before{background:linear-gradient(90deg, var(--p-green-700), #34a876)}.course-admin[data-state=noplans]:before{background:var(--color-warning);opacity:.6}.course-admin[data-state=hidden] .course-admin-icon{background:var(--color-surface-sunken);color:var(--color-text-tertiary)}.course-admin[data-state=hidden] h2{color:var(--color-text-secondary)}.course-admin-head{align-items:flex-start;gap:14px;display:flex}.course-admin-head>.badge{flex:none;margin-left:auto}.course-admin-icon{color:#fff;background:linear-gradient(135deg, var(--p-green-700), #34a876);border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 18px -10px #087a4cb3}.course-admin-icon svg{width:24px;height:24px}.course-admin-id{gap:4px;min-width:0;display:grid}.course-admin-id h2{letter-spacing:-.02em;font-size:19px;font-weight:700;line-height:1.25}.course-admin-slug{background:var(--color-surface-sunken);color:var(--color-text-secondary);border-radius:6px;justify-self:start;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.course-admin-desc{font-size:var(--text-small);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.course-admin-meta{gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.course-admin-meta>div{align-content:start;gap:6px;display:grid}.course-admin-meta .teacher-tags li{padding:4px 10px}.course-admin-learners b{letter-spacing:-.01em;font-size:18px}@media (width<=560px){.course-admin-meta{grid-template-columns:1fr}}.plan-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.plan-tile{text-align:left;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface-muted);width:100%;height:100%;font:inherit;color:inherit;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;border-radius:16px;align-content:start;gap:2px;padding:14px;display:grid}.plan-tile[data-active]{background:var(--color-surface);border-color:var(--color-primary-line)}@media (hover:hover){.plan-tile:hover{border-color:var(--color-primary)}}.plan-tile:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.plan-tile-price{letter-spacing:-.02em;font-size:20px;font-weight:700}.plan-tile-name{font-size:var(--text-caption);color:var(--color-text);margin-top:6px;font-weight:600}.plan-tile-foot{justify-content:space-between;align-items:center;gap:6px;margin-top:10px;display:flex}.plan-tile-status{color:var(--color-text-tertiary);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.plan-tile-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.plan-tile-status.is-on{color:var(--color-primary)}.plan-tile-add{border-style:dashed;border-color:var(--color-border-strong);min-height:48px;color:var(--color-text-secondary);font-size:var(--text-small);background:0 0;justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex}.plan-tile-add svg{width:20px;height:20px}@media (hover:hover){.plan-tile-add:hover{color:var(--color-primary);background:var(--color-primary-soft)}}.course-admin-foot{justify-content:flex-end;margin-top:auto;display:flex}.ov{gap:var(--space-4);max-width:1480px;display:grid;container-type:inline-size}.ov-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.ov-head .page-head{margin-bottom:0}.ov-date{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--text-caption);color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:8px;padding:8px 14px;font-weight:600;display:inline-flex}.ov-date svg{width:15px;height:15px;color:var(--color-primary)}.ov-cards{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ov-card{--accent:var(--color-primary);--accent-soft:var(--color-primary-soft);text-align:left;width:100%;height:100%;color:inherit;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(140% 90% at 0% 0%, color-mix(in srgb, var(--accent-soft) 70%, transparent) 0%, transparent 55%), var(--color-surface);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;align-content:start;padding:18px 20px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018140a}.ov-card[data-accent=info]{--accent:var(--color-info);--accent-soft:var(--color-info-soft)}.ov-card[data-accent=quran]{--accent:var(--color-quran);--accent-soft:var(--color-quran-soft)}.ov-card[data-accent=success]{--accent:var(--color-success);--accent-soft:var(--color-success-soft)}@media (hover:hover){.ov-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--color-border));box-shadow:var(--shadow-2)}.ov-card:hover .ov-card-arrow{background:var(--accent);border-color:var(--accent);color:#fff}}.ov-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ov-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.ov-card-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:12px;place-items:center;display:grid}.ov-card-icon svg{width:19px;height:19px}.ov-card-arrow{border-radius:var(--radius-full);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-tertiary);background:var(--color-surface);transition:background var(--dur-fast) ease, color var(--dur-fast) ease, border-color var(--dur-fast) ease;place-items:center;display:grid}.ov-card-arrow svg{width:14px;height:14px}.ov-card-label{font-size:var(--text-caption);color:var(--color-text-secondary);letter-spacing:.01em;font-weight:600}.ov-card-value{letter-spacing:-.03em;color:var(--color-text);margin-top:4px;font-size:32px;font-weight:700;line-height:1.1}.ov-card-sub{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-top:6px;line-height:1.4}.ov-section{align-content:start;gap:12px;min-width:0;display:grid}.ov-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ov-section-head h2{letter-spacing:-.01em;align-items:center;gap:8px;font-size:17px;font-weight:650;display:flex}.ov-count{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;min-width:24px;height:24px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 14%, transparent);place-items:center;padding:0 8px;font-size:12.5px;font-weight:700;line-height:1;display:inline-grid}.ov-section-head .ov-count{margin-right:auto}.ov-link{font-size:var(--text-small);color:var(--color-primary);white-space:nowrap;align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.ov-link svg{width:15px;height:15px;transition:translate var(--dur-fast) var(--ease-out)}.ov-link:hover svg{translate:2px}.ov-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;padding:16px 20px}.ov-panel-flush{padding:0;overflow:hidden}.ov-pad{padding:16px 20px}.ov-partial{font-size:var(--text-caption);color:var(--color-warning);margin-bottom:10px}.ov-fatal{border-color:color-mix(in srgb, var(--color-danger) 30%, var(--color-border));flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ov-fatal>svg{width:20px;height:20px;color:var(--color-danger);flex:none}.ov-fatal>div{gap:1px;min-width:0;display:grid}.ov-fatal strong{font-size:var(--text-small)}.ov-fatal span{font-size:var(--text-caption);color:var(--color-text-secondary)}.ov-attn-list{display:grid}.ov-attn{border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;display:grid}.ov-attn:first-child{padding-top:2px}.ov-attn:last-child{border-bottom:0;padding-bottom:2px}.ov-attn-icon{background:var(--color-warning-soft);width:34px;height:34px;color:var(--color-warning);border-radius:10px;place-items:center;display:grid}.ov-attn[data-tone=danger] .ov-attn-icon{background:var(--color-danger-soft);color:var(--color-danger)}.ov-attn-icon svg{width:17px;height:17px}.ov-attn-text{gap:2px;min-width:0;display:grid}.ov-attn-title{font-size:var(--text-small);color:var(--color-text);flex-wrap:wrap;align-items:center;gap:4px 8px;font-weight:650;display:flex}.ov-attn-badge{padding-block:1px;font-size:11px}.ov-attn-context{font-size:var(--text-caption);color:var(--color-text-secondary);overflow-wrap:anywhere}.ov-attn-cta{white-space:nowrap}.ov-attn-more{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:4px;padding-top:12px;display:flex}.ov-ok{align-items:center;gap:12px;display:flex}.ov-ok>div{gap:1px;display:grid}.ov-ok strong{font-size:var(--text-small)}.ov-ok span:not(.ov-ok-icon){font-size:var(--text-caption);color:var(--color-text-secondary)}.ov-ok-icon{background:var(--color-success-soft);width:34px;height:34px;color:var(--color-success);border-radius:10px;place-items:center;display:grid}.ov-ok-icon svg{width:18px;height:18px}.ov-table{display:grid}.ov-tr{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.1fr) 64px;align-items:center;gap:16px;padding:12px 20px;display:grid}.ov-tr:last-child{border-bottom:0}.ov-tr>span{gap:2px;min-width:0;display:grid}.ov-th{background:var(--color-surface-muted);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);padding-block:10px;font-size:11px;font-weight:700}.ov-td-action{justify-items:end}.ov-warn-text{color:var(--color-danger)}.ov-empty{flex-wrap:wrap;align-items:center;gap:14px;padding:18px 20px;display:flex}.ov-empty>div{gap:1px;min-width:0;display:grid}.ov-empty strong{font-size:var(--text-small)}.ov-empty span:not(.ov-empty-icon){font-size:var(--text-caption);color:var(--color-text-secondary)}.ov-empty-icon{background:var(--color-surface-sunken);width:36px;height:36px;color:var(--color-text-secondary);border-radius:10px;flex:none;place-items:center;display:grid}.ov-empty-icon svg{width:18px;height:18px}.ov-empty-tight{padding:0}.ov-lower{gap:var(--space-3);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}.ov-partial:only-child{margin-bottom:0}.ov-stats{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px;padding-bottom:14px;display:grid}.ov-stats li{align-content:start;gap:2px;min-width:0;padding:2px 16px;display:grid}.ov-stats li:first-child{padding-left:0}.ov-stats li+li{border-left:1px solid var(--color-border)}.ov-stats b{color:var(--color-text);font-size:24px;font-weight:650;line-height:1.2}.ov-stats span{font-size:var(--text-caption);color:var(--color-text-secondary)}.ov-stats li[data-tone=ok] b{color:var(--color-success)}.ov-stats li[data-tone=warn] b{color:var(--color-warning)}.ov-foot-note{margin-top:10px}.ov-ok-line{font-size:var(--text-small);color:var(--color-text-secondary);align-items:center;gap:8px;display:flex}.ov-ok-line svg{width:16px;height:16px;color:var(--color-success)}.ov-mini-list{display:grid}.ov-mini-list a{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-small);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 0;font-weight:600;text-decoration:none;display:flex}.ov-mini-list li:last-child a{border-bottom:0}.ov-mini-list a:hover{color:var(--color-primary)}.ov-actions{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;display:grid}.ov-actions .btn{justify-content:center;width:100%}@container (width<=1100px){.ov-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=900px){.ov-lower{grid-template-columns:1fr}.ov-th{display:none}.ov-tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who when""teacher meeting""action action";gap:6px 12px}.ov-tr>span:first-child{grid-area:who}.ov-tr>span:nth-child(2){text-align:right;grid-area:when;justify-items:end}.ov-tr>span:nth-child(3){grid-area:teacher}.ov-tr>span:nth-child(4){grid-area:meeting;justify-items:end}.ov-tr>span:nth-child(5){grid-area:action;justify-items:start}}@container (width<=640px){.ov-attn{grid-template-columns:auto minmax(0,1fr)}.ov-stats li{padding-inline:10px}.ov-attn-cta{grid-column:1/-1;width:100%}}@container (width<=420px){.ov-cards{grid-template-columns:1fr}.ov-date{white-space:normal}.ov-stats b{font-size:20px}}.db{gap:var(--space-3);min-width:0;display:grid;container-type:inline-size}.db .page-head{margin-bottom:0}.db-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.db-tz{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--text-caption);color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:7px;padding:7px 12px;font-weight:600;display:inline-flex}.db-tz svg{width:14px;height:14px;color:var(--color-primary)}.db-notice{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-danger-soft) 70%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-danger) 22%, var(--color-border));font-size:var(--text-small);color:var(--color-text);align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.db-notice svg{width:17px;height:17px;color:var(--color-danger);flex:none;margin-top:2px}.db-notice strong{font-weight:650}.db-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 2px #1018140a}.db-pad{padding:16px 20px}.db-foot{border-top:1px solid var(--color-border);padding:4px 20px}.db-foot:has(>:empty){display:none}.db-group+.db-group{border-top:1px solid var(--color-border)}.db-day{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);font-size:var(--text-caption);letter-spacing:.02em;color:var(--color-text-secondary);align-items:center;gap:8px;padding:10px 20px;font-weight:700;display:flex}.db-day[data-today]{color:var(--color-primary)}.db-day-count{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);min-width:20px;height:20px;color:var(--color-text-secondary);place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.db-live{background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-primary) 45%, transparent);border-radius:50%;animation:2s ease-out infinite db-pulse}@keyframes db-pulse{70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.db-live{animation:none}}.db-list{display:grid}.db-row{cursor:pointer;transition:background var(--dur-fast) ease;grid-template-columns:50px minmax(0,1.4fr) minmax(0,1.25fr) minmax(0,1.1fr) minmax(0,1fr) 128px;grid-template-areas:"date who time teacher state cta";align-items:center;gap:8px 18px;padding:14px 20px;display:grid;position:relative}.db-row+.db-row{border-top:1px solid var(--color-border)}@media (hover:hover){.db-row:hover{background:var(--color-surface-muted)}}.db-row:before{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.db-row[data-flag=warn]:before{background:var(--color-warning)}.db-row[data-flag=danger]:before{background:var(--color-danger)}.db-row[data-flag=muted] .db-name,.db-row[data-flag=muted] .db-time>.t-num{color:var(--color-text-tertiary);text-decoration:line-through;text-decoration-thickness:1px}.db-date{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-area:date;align-content:center;justify-items:center;width:50px;padding:6px 0 7px;line-height:1.1;display:grid}.db-date span{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:10.5px;font-weight:700}.db-date b{color:var(--color-text);margin:1px 0;font-size:19px;font-weight:700}.db-row[data-flag=warn] .db-date{border-color:color-mix(in srgb, var(--color-warning) 35%, var(--color-border))}.db-row[data-flag=danger] .db-date{border-color:color-mix(in srgb, var(--color-danger) 35%, var(--color-border))}.db-who{grid-area:who;gap:2px;min-width:0;display:grid}.db-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:650;overflow:hidden}.db-sub{font-size:var(--text-caption);color:var(--color-text-tertiary);overflow-wrap:anywhere;line-height:1.4}.db-bad{color:var(--color-danger);font-weight:600}.db-time{grid-area:time;gap:2px;min-width:0;display:grid}.db-time>.t-num{font-size:var(--text-small);color:var(--color-text);font-weight:600}.db-teacher{grid-area:teacher;align-items:center;gap:10px;min-width:0;display:flex}.db-person{min-width:0;font-size:var(--text-small);color:var(--color-text);gap:1px;font-weight:600;display:grid}.db-person .db-sub{font-weight:500}.db-state{grid-area:state;justify-items:start;gap:4px;min-width:0;display:grid}.db-cta{grid-area:cta;justify-self:end}.db-cta .btn{white-space:nowrap}@container (width<=1040px){.db-row{grid-template-columns:50px minmax(0,1fr) minmax(0,1fr) 128px;grid-template-areas:"date who time cta""date teacher state cta";row-gap:10px}}@container (width<=620px){.db-row{grid-template-columns:46px minmax(0,1fr) auto;grid-template-areas:"date who who""date time time"".teacher state"".cta cta";column-gap:12px;padding:14px 16px}.db-date{width:46px}.db-state{text-align:right;justify-items:end}.db-cta{justify-self:stretch}.db-cta .btn{width:100%}.db-day{padding-inline:16px}.db-tz{white-space:normal}}.bd{gap:14px;display:grid;container-type:inline-size}.bd-hero{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary-soft) 85%, var(--color-surface)), var(--color-surface) 70%);align-items:flex-start;gap:16px;padding:16px;display:flex}.bd-date{width:60px;padding:8px 0 9px}.bd-date b{font-size:24px}.bd-hero-main{gap:2px;min-width:0;display:grid}.bd-when{font-size:var(--text-caption);color:var(--color-primary);letter-spacing:.01em;font-weight:700}.bd-time{letter-spacing:-.02em;color:var(--color-text);font-size:21px;font-weight:700}.bd-zone{font-size:var(--text-caption);letter-spacing:0;color:var(--color-text-tertiary);margin-left:8px;font-weight:600}.bd-sub{font-size:var(--text-caption);color:var(--color-text-secondary);overflow-wrap:anywhere}.bd-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.bd-badges .badge svg{width:12px;height:12px}.bd-facts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.bd-facts>div{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:12px;min-width:0;padding:10px 12px}.bd-facts dt{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:11px;font-weight:700}.bd-facts dd{font-size:var(--text-small);color:var(--color-text);overflow-wrap:anywhere;margin:2px 0 0;font-weight:600}.bd-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0}.bd-card[data-tone=warn]{border-color:color-mix(in srgb, var(--color-warning) 35%, var(--color-border))}.bd-card[data-tone=danger]{border-color:color-mix(in srgb, var(--color-danger) 35%, var(--color-border))}.bd-card-head{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:12px 16px;display:flex}.bd-card-head h3{min-width:0;color:var(--color-text);flex:1;font-size:15px;font-weight:650}.bd-card-icon{background:var(--color-surface-sunken);width:30px;height:30px;color:var(--color-text-secondary);border-radius:9px;flex:none;place-items:center;display:grid}.bd-card-icon svg{width:16px;height:16px}.bd-card[data-tone=warn] .bd-card-icon{background:var(--color-warning-soft);color:var(--color-warning)}.bd-card[data-tone=danger] .bd-card-icon{background:var(--color-danger-soft);color:var(--color-danger)}.bd-card-aside{flex:none;align-items:center;max-width:55%;display:inline-flex}.bd-card-body{gap:12px;min-width:0;padding:14px 16px 16px;display:grid}.bd-card-body .kv{margin:0}.bd-card-body>.kv>.kv-row:first-child{padding-top:0}.bd-card-body>.kv>.kv-row:last-child{padding-bottom:0}.bd-card-body .kv-row dd{overflow-wrap:anywhere;min-width:0}.bd-person{align-items:center;gap:12px;display:flex}.bd-person>.grow{gap:1px;display:grid}.bd-person-name{font-size:var(--text-body,15px);color:var(--color-text);font-weight:650;text-decoration:none}.bd-person-name:hover{color:var(--color-primary);text-decoration:underline}.bd-meet{background:var(--color-primary-soft);border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);border-radius:12px;align-items:center;gap:10px;min-width:0;padding:8px 8px 8px 12px;display:flex}.bd-meet-icon{color:var(--color-primary);flex:none;display:grid}.bd-meet-icon svg{width:17px;height:17px}.bd-meet-url{min-width:0;font-size:var(--text-small);color:var(--color-primary);flex:1;font-weight:600;text-decoration:none}.bd-meet-url:hover{text-decoration:underline}.bd-notify{display:grid}.bd-notify li{align-items:center;gap:10px;min-width:0;padding:9px 0;display:flex}.bd-notify li+li{border-top:1px solid var(--color-border)}.bd-notify li>.grow{gap:1px;display:grid}.bd-notify-dot{background:var(--color-text-tertiary);border-radius:50%;flex:none;width:8px;height:8px}.bd-notify li[data-tone=success] .bd-notify-dot{background:var(--color-success)}.bd-notify li[data-tone=warning] .bd-notify-dot{background:var(--color-warning)}.bd-notify li[data-tone=danger] .bd-notify-dot{background:var(--color-danger)}.bd-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.bd-sub-block{border-top:1px solid var(--color-border);gap:6px;padding-top:12px;display:grid}.bd-sub-title{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:11px;font-weight:700}@container (width<=440px){.bd-hero{flex-direction:column;gap:12px}.bd-meet{flex-wrap:wrap}.bd-meet-url{flex-basis:calc(100% - 30px)}.bd-actions .btn{flex:auto}}.section{padding-top:var(--space-12)}.section-tight{padding-top:var(--space-3)}@media (width<=767px){.section{padding-top:var(--space-10)}}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.section-head h2{max-width:22ch}.page-intro{padding-top:var(--space-8);padding-bottom:var(--space-4);gap:var(--space-2);display:grid}.page-intro h1{font-size:var(--text-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight)}.page-intro p{max-width:60ch}.hero{padding:var(--space-8) 0 var(--space-6)}@media (width>=1024px){.hero{padding:var(--space-10) 0 var(--space-8)}}.hero-grid{gap:var(--space-8);align-items:center;display:grid}@media (width>=1024px){.hero-grid{gap:var(--space-6);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.hero-copy h1{max-width:11ch;animation:hero-in .7s var(--ease-out) both}.hero-sub{margin-top:var(--space-3);max-width:46ch;color:var(--color-text-secondary);animation:hero-in .7s 80ms var(--ease-out) both}.hero-ctas{margin-top:var(--space-4);gap:var(--space-1-5);animation:hero-in .7s .16s var(--ease-out) both}@keyframes hero-in{0%{opacity:0;transform:translateY(10px)}}.trust{gap:var(--space-1-5) var(--space-3);margin-top:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;display:grid}.trust li{font-size:var(--text-small);color:var(--color-text-secondary);align-items:center;gap:10px;font-weight:600;display:flex}.trust svg{width:18px;height:18px;color:var(--color-primary);flex:none}.hero-art{min-height:560px;animation:hero-in .9s .12s var(--ease-out) both;position:relative}.hero-art:before{content:"";background:var(--color-primary-soft);border:1px solid var(--color-primary-line);border-radius:28px;position:absolute;inset:6% 0 0 10%}.ha-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);padding:var(--space-3);gap:var(--space-2);display:grid;position:absolute}.ha-kicker{font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:700}.ha-next{width:min(380px,88%);top:0;left:0}.ha-when{padding-top:var(--space-2);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ha-when>div{display:grid}.ha-when strong{letter-spacing:-.02em;font-size:17px}.ha-join{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;min-height:48px;font-weight:700;font-size:var(--text-label);justify-content:center;align-items:center;gap:8px;display:flex}.ha-focus{z-index:1;width:min(320px,70%);top:318px;right:0}.ha-ayah{color:var(--color-quran-ink);text-align:center;font-size:26px;line-height:1.7}.ha-note{width:min(200px,36%);padding:var(--space-2);box-shadow:var(--shadow-2);gap:6px;top:330px;left:0}@media (width<=1023px){.hero-art{max-width:560px;min-height:560px}}@media (width<=520px){.hero-art{gap:var(--space-2);min-height:auto;display:grid}.hero-art:before{inset:24px -12px -12px 24px}.ha-card{width:100%;position:relative;inset:auto}.ha-focus{width:92%;margin-left:auto}.ha-note{display:none}}.steps{gap:var(--space-2);counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid;position:relative}.step{gap:var(--space-1);padding:var(--space-3) var(--space-3) var(--space-4);border-top:2px solid var(--color-text);align-content:start;display:grid}.step:first-child{border-top-color:var(--color-primary)}.step-n{color:var(--color-primary);margin-bottom:var(--space-2);font-size:15px;font-weight:800}.feature-split{gap:var(--space-6);padding:var(--space-6) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:28px;align-items:center;display:grid}@media (width>=1024px){.feature-split{padding:var(--space-8);grid-template-columns:1fr 1fr}}.feature-list{gap:var(--space-2);display:grid}.feature-list li{gap:var(--space-2);align-items:flex-start;display:flex}.feature-list svg{width:22px;height:22px;color:var(--color-primary);flex:none;margin-top:2px}.product-shot{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-1);gap:6px;display:grid}.ps-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:14px var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:flex}.ps-head{padding:8px var(--space-2) 2px;background:0 0;border:0}.ps-day{letter-spacing:-.02em;font-size:18px;font-weight:750}.course-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.course-card{gap:var(--space-1-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);grid-template-rows:auto auto 1fr auto auto;align-content:start;display:grid}.course-icon{background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);border-radius:12px;place-items:center;margin-bottom:4px;display:grid}.course-icon svg{width:22px;height:22px}.course-meta{padding-top:var(--space-1-5);border-top:1px solid var(--color-border);gap:8px;margin:4px 0 8px;display:grid}.course-meta div{font-size:var(--text-small);align-items:center;gap:10px;display:flex}.course-meta dt svg{width:16px;height:16px;color:var(--color-text-tertiary)}.course-meta dd{color:var(--color-text-secondary);margin:0}.teacher-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));display:grid}.teacher-card{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);transition:box-shadow var(--dur-base) var(--ease-out);border-radius:24px;flex-direction:column;display:flex;box-shadow:0 1px 2px #11111108,0 12px 32px -12px #1111111a}@media (hover:hover){.teacher-card:hover{box-shadow:var(--shadow-3)}.teacher-card-link:hover{box-shadow:0 1px 2px #11111108,0 12px 32px -12px #1111111a}}.teacher-head{align-items:center;gap:var(--space-2);display:flex}.teacher-head .avatar{--size:64px;box-shadow:0 0 0 4px var(--color-surface), 0 6px 16px -4px #1111112e}.teacher-main{gap:2px;min-width:0;display:grid}.teacher-name{letter-spacing:-.02em;font-size:19px;font-weight:700;line-height:1.25}.teacher-role{font-size:var(--text-small);color:var(--color-text-secondary)}.teacher-proof{font-size:var(--text-small);color:var(--color-text);gap:8px;font-weight:600;display:grid}.teacher-proof li{align-items:center;gap:8px;min-width:0;display:flex}.teacher-proof svg{width:16px;height:16px;color:var(--color-text-secondary);flex:none}.teacher-proof .t-muted{font-weight:500}.teacher-bio{font-size:var(--text-small);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.teacher-tags{flex-wrap:wrap;gap:8px;display:flex}.teacher-tags li{border-radius:var(--radius-full);background:var(--color-surface-sunken);color:var(--color-text-secondary);font-size:var(--text-caption);white-space:nowrap;padding:6px 14px;font-weight:600}.teacher-tags .teacher-tag-more{box-shadow:inset 0 0 0 1px var(--color-border-strong);color:var(--color-text);cursor:default;background:0 0}.teacher-foot{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;display:flex}.teacher-price{letter-spacing:-.01em;font-size:17px;font-weight:700}.teacher-grid>li{min-width:0;display:flex}.teacher-grid>li>.teacher-card{flex:1;min-width:0}.teacher-card-link{color:inherit;text-decoration:none}.teacher-card-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.teacher-status{flex:none;align-self:flex-start;margin-left:auto}.teacher-view{border-radius:var(--radius-full);background:var(--color-primary-soft);height:40px;color:var(--color-primary-hover);font-size:var(--text-small);transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;align-items:center;gap:6px;padding:0 18px;font-weight:650;display:inline-flex}.teacher-view svg{width:16px;height:16px;transition:translate var(--dur-fast) var(--ease-out)}@media (hover:hover){.teacher-card-link:hover .teacher-view{background:var(--color-primary);color:var(--color-text-on-primary)}.teacher-card-link:hover .teacher-view svg{translate:3px}}.learner-grid{grid-template-columns:1fr}@media (width>=900px){.learner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.learner-card{position:relative}.learner-open{font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:100%;padding:0;overflow:hidden}.learner-open:after{content:"";border-radius:inherit;z-index:1;position:absolute;inset:0}.learner-open:focus-visible{outline:none}.learner-card:has(.learner-open:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.learner-card .teacher-proof span{min-width:0}.learner-card .learner-warn{color:var(--color-warning)}.learner-card .learner-warn svg{color:currentColor}.learner-card[data-attention]{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--color-warning) 45%, transparent), 0 12px 32px -12px #1111111a}@media (hover:hover){.learner-card:hover .teacher-view{background:var(--color-primary);color:var(--color-text-on-primary)}.learner-card:hover .teacher-view svg{translate:3px}}.teacher-cta{--btn-h:48px;border-radius:var(--radius-full);flex:none;padding:0 28px}.faq-split{gap:var(--space-4);display:grid}@media (width>=1024px){.faq-split{grid-template-columns:1fr 1.4fr;align-items:start}.faq-split h2{max-width:14ch;position:sticky;top:104px}}.faq{border-top:1px solid var(--color-border)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item summary{justify-content:space-between;align-items:center;gap:var(--space-2);font-weight:650;font-size:var(--text-body-lg);cursor:pointer;letter-spacing:-.01em;padding:20px 0;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline-offset:4px}.faq-plus{flex:none;width:16px;height:16px;position:relative}.faq-plus:before,.faq-plus:after{content:"";background:var(--color-text-secondary);height:2px;transition:transform var(--dur-base) var(--ease-out);border-radius:1px;position:absolute;top:7px;left:0;right:0}.faq-plus:after{transform:rotate(90deg)}.faq-item[open] .faq-plus:after{transform:rotate(0)}.faq-item p{max-width:64ch;padding:0 0 20px}.cta-band{margin-top:var(--space-12);background:var(--color-inverse);color:var(--color-text-on-inverse);padding:var(--space-6) var(--space-3);gap:var(--space-4);border-radius:28px;align-items:end;display:grid;position:relative;overflow:hidden}@media (width>=900px){.cta-band{padding:var(--space-8);grid-template-columns:1.4fr auto}}.cta-band:after{content:"";pointer-events:none;border:1.5px solid #ffffff1a;border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-80px;box-shadow:0 0 0 40px #ffffff06,0 0 0 80px #ffffff05}.btn-on-dark.btn-primary{background:var(--color-surface);color:var(--color-inverse)}@media (hover:hover){.btn-on-dark.btn-primary:hover:not(:disabled){background:var(--color-surface-sunken)}}.cta-band-link{color:inherit;opacity:.85;text-underline-offset:4px;align-items:center;min-height:52px;padding:0 12px;font-weight:650;display:inline-flex}.cta-band-link:hover{opacity:1}.how-list{display:grid}.how-item{gap:var(--space-2) var(--space-4);padding:var(--space-5) 0;border-top:1px solid var(--color-border);display:grid}@media (width>=900px){.how-item{grid-template-columns:96px 1.2fr 1fr;align-items:start}}.how-n{letter-spacing:-.04em;color:var(--color-primary);font-size:40px;font-weight:800;line-height:1}.how-detail{gap:var(--space-1-5);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.how-detail svg{width:22px;height:22px;color:var(--color-primary);flex:none}.plan-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;display:grid}.plan{gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-rows:auto auto auto 1fr auto;display:grid;position:relative}.plan[data-recommended]{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary), var(--shadow-2)}.plan-flag{top:-12px;left:var(--space-3);background:var(--color-primary);color:#fff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute}.plan-price{align-items:baseline;gap:8px;display:flex}.plan-price>span:first-child{letter-spacing:-.04em;font-size:44px;font-weight:800;line-height:1}.plan-list{padding:var(--space-2) 0;border-top:1px solid var(--color-border);gap:10px;display:grid}.plan-list li{gap:10px;display:flex}.plan-list svg{width:18px;height:18px;color:var(--color-primary);flex:none;margin-top:2px}.plan-grid-admin .card{border-radius:var(--radius-md)}.about-grid{gap:var(--space-6);display:grid}@media (width>=1024px){.about-grid{grid-template-columns:1.4fr 1fr}}.about-grid p{max-width:60ch}.about-facts{gap:var(--space-3);margin:0;display:grid}.about-facts>div{padding-top:var(--space-2);border-top:2px solid var(--color-text)}.about-facts dt{font-size:var(--text-small);color:var(--color-text-secondary);font-weight:650}.about-facts dd{letter-spacing:-.04em;margin:4px 0;font-size:44px;font-weight:800;line-height:1.05}.values{gap:var(--space-2);margin-top:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.value{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:8px;display:grid}.value svg{width:22px;height:22px;color:var(--color-primary)}.ds-main{padding-top:var(--space-6);padding-bottom:var(--space-12)}.ds-section{padding:var(--space-6) 0;border-top:1px solid var(--color-border);gap:var(--space-3);display:grid}.ds-section-head{gap:6px;display:grid}.ds-section-head p{max-width:64ch}.ds-grid{gap:var(--space-2);display:grid}.ds-cols{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.ds-span{grid-column:1/-1}.ds-states{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.swatches{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.swatch{gap:6px;display:grid}.swatch>span{border:1px solid var(--color-border);border-radius:12px;height:64px}.type-specimen{display:grid}.type-row{gap:var(--space-2);border-bottom:1px solid var(--color-border);grid-template-columns:110px 1fr;align-items:baseline;padding:14px 0;display:grid}@media (width<=599px){.type-row{grid-template-columns:1fr;gap:4px}}.home{--hp-ink:var(--color-text);--hp-body:var(--color-text-body);--hp-line:#e6e1d6;--hp-radius:20px;--hp-gap:32px;--pattern-khatam-green:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%230d8756' stroke-opacity='.09' stroke-width='1.2'%3E%3Cpath d='M40 12 48.3 31.7 68 40 48.3 48.3 40 68 31.7 48.3 12 40 31.7 31.7Z'/%3E%3Cpath d='M20.2 20.2 40 28.4 59.8 20.2 51.6 40 59.8 59.8 40 51.6 20.2 59.8 28.4 40Z'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3Cpath d='M0 12 8.3 31.7 0 40M80 12 71.7 31.7 80 40M0 68 8.3 48.3 0 40M80 68 71.7 48.3 80 40M12 0 31.7 8.3 40 0 48.3 8.3 68 0M12 80 31.7 71.7 40 80 48.3 71.7 68 80'/%3E%3C/g%3E%3C/svg%3E");color:var(--hp-ink);overflow-x:clip}@media (width>=1024px){.home{--hp-gap:48px}}.home svg.lucide{stroke-width:1.5px}.home .t-muted{color:var(--hp-body)}.hp-replace{color:#5c4400;letter-spacing:0;white-space:normal;background:#fff3c4;border:1px dashed #b8902a;border-radius:6px;padding:0 6px;font-size:.85em;font-weight:700}.hp-h1{letter-spacing:-.04em;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;text-wrap:balance;font-size:clamp(2.375rem,1.6rem + 3.4vw,4rem);font-weight:800;line-height:1.05}.hp-h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.875rem,1.45rem + 1.7vw,2.75rem);font-weight:800;line-height:1.1}.hp-h3{letter-spacing:-.02em;font-size:1.25rem;font-weight:700;line-height:1.3}.hp-lead{color:var(--hp-body);max-width:56ch;font-size:1.125rem;line-height:1.6}.hp-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-hover);font-size:14px;font-weight:700}.hp-head{gap:var(--space-2);margin-bottom:var(--space-5);max-width:720px;display:grid}.hp-head[data-align=center]{text-align:center;justify-items:center;margin-inline:auto}.hp-head-row{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.hp-head-row .hp-head{margin-bottom:0}.hp-center{margin-top:var(--space-5);justify-content:center;display:flex}.hp-section{padding-block:var(--hp-gap)}.hp-section-tight{padding-block:var(--space-2)}.hp-card{background:var(--color-surface);border:1px solid var(--hp-line);border-radius:var(--hp-radius)}.home .btn-lg{--btn-h:54px;transition:background-color .2s ease, border-color .2s ease, transform var(--dur-press) var(--ease-out), box-shadow .2s ease;border-radius:14px;padding:0 24px;font-weight:700}.home .btn-primary{box-shadow:inset 0 1px #ffffff26,0 8px 20px -10px #0d8756b3}.home .btn-secondary{border-color:#d6d0c3}.home .btn svg.lucide{width:18px;height:18px}.hp-wa-btn svg{color:#128c4b}.hp-link{min-height:44px;color:var(--color-primary-hover);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.hp-link svg{width:18px;height:18px;transition:translate .2s var(--ease-out)}.hp-link:hover{text-underline-offset:4px;text-decoration:underline}.hp-link:hover svg{translate:3px}.hp-inline-link{color:var(--color-primary-hover);text-underline-offset:3px;font-weight:700}.hp-badge{background:var(--color-primary-soft);min-height:28px;color:var(--p-green-800);white-space:nowrap;border-radius:8px;align-items:center;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.hp-icon-tile{background:var(--color-primary-soft);width:48px;height:48px;color:var(--color-primary-hover);border-radius:14px;flex:none;place-items:center;display:grid}.hp-icon-tile svg{width:24px;height:24px}.hp-checks{gap:10px;display:grid}.hp-checks li{color:var(--hp-body);align-items:flex-start;gap:10px;display:flex}.hp-checks svg{width:20px;height:20px;color:var(--color-primary);flex:none;margin-top:3px;stroke-width:2px!important}.hp-stars{color:#c9c2b2;gap:2px;display:inline-flex}.hp-stars svg[data-on],.hp-rating svg[data-on],.hp-plan-flag svg[data-on]{color:#d99a06;fill:currentColor}.hp-pattern{isolation:isolate;position:relative}.hp-pattern:before{content:"";z-index:-1;pointer-events:none;background:var(--pattern-khatam-green) 0 0 / 80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 85% 0,#000 0%,#0000 70%);mask-image:radial-gradient(120% 90% at 85% 0,#000 0%,#0000 70%)}.hp-pattern-dark{isolation:isolate;background-color:var(--color-deep);color:#fff;position:relative}.hp-pattern-dark:before{content:"";z-index:-1;pointer-events:none;background:var(--pattern-khatam) 0 0 / 80px 80px;opacity:.7;position:absolute;inset:0}.hp-hero{--hp-gold:#f3d27a;isolation:isolate;color:#fff;padding-top:calc(64px + var(--space-4));background:radial-gradient(55% 60% at 78% 35%,#79ed8b29,#0000 65%),radial-gradient(60% 70% at 0 100%,#062b1e,#0000 70%),linear-gradient(165deg,#0e6a47 0%,#0a4a33 55%,#072f21 100%);border-radius:24px;margin:-48px 16px 16px;position:relative;overflow:hidden}@media (width>=1024px){.hp-hero{padding-top:calc(72px + 8px + var(--space-6));margin-top:-56px}}.hp-hero:before{content:"";z-index:-1;pointer-events:none;background:var(--pattern-khatam) 0 0 / 80px 80px;opacity:.55;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 70% 30%,#000 10%,#0000 75%);mask-image:radial-gradient(90% 80% at 70% 30%,#000 10%,#0000 75%)}.hp-hero:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000,#041e158c);height:120px;position:absolute;bottom:0;left:0;right:0}.hp-hero-grid{z-index:1;gap:var(--space-5);align-items:end;display:grid;position:relative}@media (width>=1024px){.hp-hero-grid{gap:var(--space-6);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:min(640px,100dvh - 72px)}}.hp-hero-copy{gap:var(--space-3);padding-bottom:var(--space-2);align-self:center;justify-items:start;display:grid}@media (width>=1024px){.hp-hero-copy{padding-bottom:var(--space-10)}}.hp-hero-copy>*{animation:hp-in .6s var(--ease-out) both}.hp-hero-copy>:nth-child(2){animation-delay:60ms}.hp-hero-copy>:nth-child(3){animation-delay:.12s}.hp-hero-copy>:nth-child(n+4){animation-delay:.18s}@keyframes hp-in{0%{opacity:0;transform:translateY(8px)}}.hp-pill{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:10px;min-height:36px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-flex}.hp-pill-dot{background:var(--color-live);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #79ed8b33}.hp-h1{color:#fff;max-width:16ch}.hp-h1-accent{color:var(--hp-gold)}.hp-hero-sub{color:#ffffffe0;max-width:48ch;font-size:1.1875rem;line-height:1.6}.hp-ctas{gap:var(--space-1-5);flex-wrap:wrap;width:100%;display:flex}@media (width<=479px){.hp-ctas .btn{width:100%}}.home .hp-btn-light{color:var(--color-deep);background:#fff;font-weight:700;box-shadow:0 10px 24px -12px #00000080}@media (hover:hover){.home .hp-btn-light:hover:not(:disabled){background:#f1efe8}}.home .hp-btn-light:active{background:#e8e5dc}.home .hp-btn-outline{color:#fff;box-shadow:none;background:0 0;border:1.5px solid #fff9}@media (hover:hover){.home .hp-btn-outline:hover{background:#ffffff1a;border-color:#fff}}.home .hp-btn-outline svg{color:#fff}.hp-hero .btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.hp-proof{align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid #ffffff29;flex-wrap:wrap;width:100%;max-width:520px;display:flex}.hp-avatars{flex:none;display:flex}.hp-avatars span{width:40px;height:40px;color:var(--color-primary-hover);border:2px solid #0b4c34;border-radius:50%;place-items:center;display:grid}.hp-avatars span+span{margin-left:-12px}.hp-avatars svg{width:20px;height:20px}.hp-proof-text{color:#ffffffd9;gap:2px;font-size:15px;display:grid}.hp-proof-rating{color:#fff;flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.hp-hero .hp-stars{color:#ffffff4d}.hp-micro{margin-top:calc(var(--space-1) * -1);color:#ffffffd9;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:15px;font-weight:600;display:flex}.hp-micro>span{white-space:nowrap}.hp-micro>span+span:before{content:"·";margin-right:8px}@media (width<=479px){.hp-micro>span+span:before{content:none}.hp-micro{gap:4px 14px}}.hp-micro svg{width:18px;height:18px;color:var(--color-live);stroke-width:2px!important}.hp-lanterns{z-index:0;pointer-events:none;fill:none;width:min(440px,60vw);height:auto;stroke:var(--hp-gold);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;opacity:.75;position:absolute;top:96px;right:2%}@media (width<=1023px){.hp-lanterns{opacity:.4;width:min(300px,50vw);top:64px}}@media (width<=767px){.hp-lanterns{display:none}}.hp-lantern{transform-origin:0 0;animation:6s ease-in-out infinite alternate hp-sway}.hp-lantern-glass{fill:#f3d27a24}@keyframes hp-sway{0%{transform:translate(var(--x), 0) rotate(-2.5deg)}to{transform:translate(var(--x), 0) rotate(2.5deg)}}.hp-media{animation:hp-in .8s .12s var(--ease-out) both;justify-content:center;align-self:end;display:flex;position:relative}.hp-arch-photo{padding:10px 10px 0}.hp-arch-photo img{object-fit:cover;object-position:center top;border-radius:999px 999px 0 0;width:100%;height:100%;display:block}.hp-arch-chip{border-radius:var(--radius-full);min-height:40px;color:var(--color-deep);white-space:nowrap;background:#fffffff2;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;bottom:22%;left:50%;translate:-50%;box-shadow:0 12px 28px -12px #00000080}.hp-arch-chip .hp-live-dot{background:var(--color-primary);box-shadow:0 0 0 4px #0d87562e}.hp-media-framed{padding-bottom:var(--space-8)}.hp-media-el{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;box-shadow:var(--shadow-3);background:var(--color-deep);border-radius:28px}.hp-arch{aspect-ratio:4/5;background:linear-gradient(#ffffff12,#ffffff05);border:1.5px solid #f3d27a80;border-bottom:0;border-radius:999px 999px 0 0;width:min(440px,88%);padding:12px 12px 0;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.hp-arch-inner{align-content:center;justify-items:center;gap:var(--space-3);height:100%;padding:var(--space-8) var(--space-3) var(--space-6);background:radial-gradient(70% 50% at 50% 30%,#f3d27a24,#0000 70%);border:1px solid #f3d27a4d;border-bottom:0;border-radius:999px 999px 0 0;display:grid}.hp-bismillah{color:var(--hp-gold);text-align:center;font-size:clamp(1.5rem,1.1rem + 1.4vw,2rem);line-height:1.8}.hp-mushaf{width:100%;max-width:340px;color:var(--color-quran-ink);padding:var(--space-3) var(--space-2) var(--space-2);text-align:center;background:#fffdf6;border-radius:18px;box-shadow:0 0 0 6px #ffffff14,0 24px 40px -20px #0009}.hp-ayah{color:#3e2f12;font-size:clamp(1.5rem,1rem + 1.6vw,2.125rem);line-height:1.9}.hp-mushaf-ref{color:var(--color-quran-ink);font-size:14px;font-weight:600}.hp-arch-live{border-radius:var(--radius-full);background:#ffffff1f;align-items:center;gap:8px;min-height:36px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.hp-live-dot{background:var(--color-live);border-radius:50%;width:8px;height:8px}.hp-media-tag{left:50%;bottom:var(--space-8);white-space:nowrap;font-size:13px;position:absolute;translate:-50%}@media (width<=479px){.hp-media-tag{white-space:normal;text-align:center;width:88%}}.hp-defs{width:0;height:0;position:absolute}.hp-visual{aspect-ratio:27/31;width:min(100%,540px);margin-inline:auto;display:block}.hp-visual-star{fill:none;stroke:#f3d27a52;stroke-width:.5px;width:84%;height:auto;animation:140s linear infinite hp-spin;position:absolute;top:2%;left:8%}@keyframes hp-spin{to{transform:rotate(360deg)}}.hp-visual-arch{position:absolute;inset:9% 15% 0;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.hp-visual-arch img{object-fit:cover;object-position:center 18%;clip-path:url(#hp-arch-clip);width:100%;height:100%;display:block}.hp-visual-outline{fill:none;width:calc(100% + 20px);height:calc(100% + 10px);stroke:var(--hp-gold);stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 12px #f3d27a59);position:absolute;inset:-10px}.hp-visual-outline path{vector-effect:non-scaling-stroke}.hp-vcard{z-index:1;color:var(--hp-ink);background:#fffffff7;border-radius:18px;align-items:center;gap:12px;padding:12px 16px 12px 12px;font-size:14px;animation:7s ease-in-out infinite alternate hp-bob;display:flex;position:absolute;box-shadow:0 20px 40px -18px #0000008c}@keyframes hp-bob{0%{translate:0 -5px}to{translate:0 5px}}.hp-vcard-body{line-height:1.35;display:grid}.hp-vcard-body strong{align-items:center;gap:6px;font-size:15px;display:inline-flex}.hp-vcard-body span{color:var(--hp-body);white-space:nowrap}.hp-vcard .hp-live-dot{background:#e5484d;box-shadow:0 0 0 3px #e5484d2e}.hp-vcard-icon{background:var(--color-primary-soft);width:42px;height:42px;color:var(--color-primary-hover);border-radius:12px;flex:none;place-items:center;display:grid}.hp-vcard-icon svg{width:20px;height:20px}.hp-vcard-live{top:14%;left:0}.hp-vcard-progress{animation-delay:-3.5s;bottom:10%;right:0}.hp-vcard-rating{border-radius:var(--radius-full);gap:6px;padding:8px 14px;animation-delay:-1.5s;top:46%;right:0}.hp-vcard-rating svg{color:#d99a06;fill:currentColor;width:16px;height:16px}.hp-vcard-rating span{color:var(--hp-body)}.hp-wave{align-items:center;gap:3px;height:22px;margin-left:4px;display:flex}.hp-wave i{background:var(--color-primary);transform-origin:50%;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite alternate hp-wave}.hp-wave i:first-child{animation-delay:-.2s}.hp-wave i:nth-child(2){animation-delay:-.6s}.hp-wave i:nth-child(3){animation-delay:-.1s}.hp-wave i:nth-child(4){animation-delay:-.45s}.hp-wave i:nth-child(5){animation-delay:-.75s}@keyframes hp-wave{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.hp-ring{flex:none;width:52px;height:52px}.hp-ring circle{fill:none;stroke-width:5px}.hp-ring-track{stroke:var(--color-primary-soft)}.hp-ring-fill{stroke:var(--color-primary);stroke-linecap:round;transform-origin:26px 26px;transform:rotate(-90deg)}.hp-ring text{fill:var(--hp-ink);font-size:12px;font-weight:800;font-family:var(--font-sans)}@media (width<=639px){.hp-vcard{gap:10px;padding:10px 12px 10px 10px;font-size:13px}.hp-vcard-body strong{font-size:14px}.hp-vcard-icon{width:36px;height:36px}.hp-ring{width:44px;height:44px}.hp-vcard-live{top:10%}.hp-vcard-progress{bottom:6%}.hp-vcard-rating{display:none}}.hp-float-meter{background:var(--color-primary-soft);border-radius:4px;height:8px;overflow:hidden}.hp-float-meter span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.hp-trust{padding-block:var(--hp-gap)}.hp-stats{background:var(--color-surface);border:1px solid var(--hp-line);border-radius:var(--hp-radius);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid;overflow:hidden}@media (width>=768px){.hp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.hp-stats>div{padding:var(--space-3);border-color:var(--hp-line);border-style:solid;border-width:0 0 1px;flex-direction:column-reverse;justify-content:flex-end;gap:4px;display:flex}.hp-stats>div:nth-child(odd){border-right-width:1px}@media (width<=767px){.hp-stats>div:nth-last-child(-n+2){border-bottom-width:0}}@media (width>=768px){.hp-stats>div{border-width:0 1px 0 0}.hp-stats>div:last-child{border-right-width:0}}.hp-stats dt{color:var(--hp-body);font-size:15px;font-weight:600}.hp-stats dd{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);font-weight:800;line-height:1.1}.hp-stats dd .hp-replace{vertical-align:middle;font-size:15px}.hp-countries{justify-content:center;align-items:center;gap:var(--space-1) var(--space-2);margin-top:var(--space-3);color:var(--hp-body);flex-wrap:wrap;font-size:15px;display:flex}.hp-countries p{font-weight:600}.hp-countries ul{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hp-countries li{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--hp-line);min-height:36px;color:var(--hp-ink);align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.hp-countries li span{font-size:18px;line-height:1}.hp-aud-grid{gap:var(--space-2);display:grid}@media (width>=768px){.hp-aud-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}}.hp-aud{flex-direction:column;display:flex;overflow:hidden}.hp-aud-art{aspect-ratio:16/9;place-items:center;display:grid;overflow:hidden}.hp-aud-art>svg{color:#fff;width:56px;height:56px;stroke-width:1.25px!important}.hp-aud:nth-child(2) .hp-aud-art{background-color:#0e5c3f}.hp-aud:nth-child(3) .hp-aud-art{background-color:#6f5626}.hp-aud-art img{object-fit:cover;width:100%;height:100%}.hp-aud-body{gap:var(--space-2);padding:var(--space-3);flex-direction:column;flex:1;display:flex}.hp-aud-body .hp-link{margin-top:auto}.hp-steps{gap:0;max-width:1080px;margin-inline:auto;display:grid}.hp-step{gap:var(--space-2);padding-bottom:var(--space-4);grid-template-columns:48px 1fr;display:grid;position:relative}.hp-step:last-child{padding-bottom:0}.hp-step:before{content:"";background:var(--hp-line);width:2px;position:absolute;top:52px;bottom:4px;left:23px}.hp-step:last-child:before{display:none}.hp-step-n{background:var(--color-surface);border:2px solid var(--color-primary);width:48px;height:48px;color:var(--color-primary-hover);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:grid}.hp-step:first-child .hp-step-n{background:var(--color-primary);color:#fff}.hp-step-body{gap:6px;padding-top:10px;display:grid}.hp-step-body p{color:var(--hp-body)}@media (width>=1024px){.hp-steps{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.hp-step{text-align:center;grid-template-rows:auto 1fr;grid-template-columns:1fr;justify-items:center;padding:0}.hp-step:before{left:calc(50% + 36px);right:calc(-50% - var(--space-3) + 36px);width:auto;height:2px;top:23px;bottom:auto}.hp-step-body{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--hp-line);border-radius:var(--hp-radius);align-content:start;height:100%}}.hp-filters{background:#efebe1;border-radius:14px;flex-wrap:wrap;gap:6px;padding:4px;display:flex}.hp-filters button,.hp-seg button{min-width:64px;min-height:44px;color:var(--hp-body);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 16px;font-size:15px;font-weight:700;transition:background-color .2s,color .2s,box-shadow .2s}.hp-filters button:hover,.hp-seg button:hover{color:var(--hp-ink)}.hp-filters button[aria-pressed=true],.hp-seg button[aria-checked=true]{background:var(--color-surface);color:var(--hp-ink);box-shadow:0 1px 2px #11111114,0 4px 10px -6px #1113}.hp-seg{background:#efebe1;border-radius:14px;gap:4px;padding:4px;display:inline-flex}.hp-course-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));display:grid}@media (width>=1024px){.hp-course-grid{gap:var(--space-3)}}.hp-course-grid>li{display:flex}.hp-course{gap:var(--space-1-5);padding:var(--space-3);color:inherit;transition:border-color .2s ease, box-shadow .2s ease, transform .2s var(--ease-out);flex-direction:column;flex:1;text-decoration:none;display:flex}@media (hover:hover){.hp-course:hover{border-color:var(--color-primary-line);box-shadow:var(--shadow-2);transform:translateY(-2px)}.hp-course:hover .hp-course-price svg{translate:3px}}.hp-course:active{transform:scale(.99)}.hp-course:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--hp-radius)}.hp-course-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.hp-course-desc{color:var(--hp-body)}.hp-course-meta{padding-top:var(--space-1-5);border-top:1px solid var(--hp-line);gap:8px;margin:0;display:grid}.hp-course-meta div{align-items:flex-start;gap:10px;font-size:15px;display:flex}.hp-course-meta dt svg{width:18px;height:18px;color:var(--color-primary);margin-top:2px}.hp-course-meta dd{color:var(--hp-body);margin:0}.hp-course-price{padding-top:var(--space-1-5);color:var(--hp-body);align-items:center;gap:4px;margin-top:auto;font-size:15px;display:flex}.hp-course-price strong{color:var(--hp-ink);margin-left:2px;font-size:18px}.hp-course-price svg{width:20px;height:20px;color:var(--color-primary-hover);transition:translate .2s var(--ease-out);margin-left:auto}.hp-teach-intro{gap:var(--space-3);margin-bottom:var(--space-5);display:grid}.hp-teach-intro .hp-head{margin-bottom:0}@media (width>=1024px){.hp-teach-intro{align-items:end;gap:var(--space-6);grid-template-columns:1.3fr 1fr}}.hp-vetting{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;display:grid}.hp-vetting li{background:var(--color-surface);border:1px solid var(--hp-line);border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:0 14px;font-size:15px;font-weight:600;display:flex}.hp-vetting svg{width:22px;height:22px;color:var(--color-primary);flex:none}.hp-teacher-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));align-items:stretch;display:grid}@media (width>=1024px){.hp-teacher-grid{gap:var(--space-3)}}.hp-teacher{gap:var(--space-2);padding:var(--space-3);flex-direction:column;display:flex}.hp-teacher-head{align-items:center;gap:var(--space-2);display:flex}.hp-teacher-head .avatar{--size:72px;box-shadow:0 0 0 4px var(--color-surface), 0 0 0 5px var(--hp-line);flex:none}.hp-teacher-id{gap:6px;min-width:0;display:grid}.hp-teacher-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hp-rating{align-items:center;gap:4px;font-size:15px;font-weight:700;display:inline-flex}.hp-rating svg{width:16px;height:16px}.hp-teacher-facts{gap:8px;font-size:15px;display:grid}.hp-teacher-facts li{color:var(--hp-body);align-items:flex-start;gap:10px;display:flex}.hp-teacher-facts svg{width:18px;height:18px;color:var(--color-primary);flex:none;margin-top:2px}.hp-chips{flex-wrap:wrap;gap:8px;display:flex}.hp-chips li{border-radius:var(--radius-full);min-height:32px;color:var(--hp-ink);background:#f3f0e8;align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.hp-teacher-foot{gap:var(--space-1-5);padding-top:var(--space-2);border-top:1px solid var(--hp-line);margin-top:auto;display:grid}.hp-teacher-foot .btn{--btn-h:48px;border-radius:12px;font-weight:700}.hp-audio{color:var(--hp-body);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.hp-audio-btn{background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary-hover);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:background-color .2s,color .2s;display:grid}.hp-audio-btn:hover,.hp-audio-btn[aria-pressed=true]{background:var(--color-primary);color:#fff}.hp-audio-btn svg{width:18px;height:18px}.hp-product{gap:var(--space-6);padding:var(--space-4) var(--space-3);background:var(--color-surface);border:1px solid var(--hp-line);border-radius:28px;align-items:center;display:grid}@media (width>=1024px){.hp-product{padding:var(--space-8);gap:var(--space-8);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.hp-product-copy .hp-head{margin-bottom:var(--space-4)}.hp-benefits{gap:var(--space-3);display:grid}.hp-benefits li{gap:var(--space-2);color:var(--hp-body);align-items:flex-start;display:flex}.hp-benefits strong{color:var(--hp-ink)}.hp-dash{border:1px solid var(--hp-line);padding:var(--space-1-5);background:#f3f1ec;border-radius:24px;gap:8px;display:grid;box-shadow:0 30px 60px -32px #11111159}@media (width>=768px){.hp-dash{padding:var(--space-2)}}.hp-dash-head{justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 4px;font-size:18px;display:flex}.hp-dash-head span{color:var(--hp-body);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.hp-dash-head svg{width:16px;height:16px}.hp-dash-row{background:var(--color-surface);border:1px solid var(--hp-line);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;padding:14px 16px;display:flex}.hp-dash-row[data-live]{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.hp-dash-when{font-size:16px;font-weight:700}.hp-dash-what{color:var(--hp-body);font-size:14px}.hp-dash-act{align-items:center;gap:8px;display:flex}.hp-dash-join{background:var(--color-primary);color:#fff;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.hp-dash-join svg{width:16px;height:16px}.hp-status{white-space:nowrap;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.hp-status svg{width:16px;height:16px;stroke-width:2px!important}.hp-status[data-s=live]{background:var(--color-success-soft);color:var(--p-green-800)}.hp-status[data-s=upcoming]{background:var(--color-info-soft);color:var(--color-info)}.hp-status[data-s=moved]{background:var(--color-warning-soft);color:#6e4708}.hp-dash-report{background:var(--color-surface);border:1px solid var(--hp-line);border-radius:16px;gap:10px;padding:16px;display:grid}.hp-dash-report-title{align-items:center;gap:8px;font-weight:700;display:flex}.hp-dash-report-title svg{width:18px;height:18px;color:var(--color-primary)}.hp-dash-kv{color:var(--hp-body);justify-content:space-between;gap:12px;font-size:15px;display:flex}.hp-dash-kv strong{color:var(--hp-ink);text-align:right}.hp-dash-note{color:var(--hp-body);font-size:15px;font-style:italic}.hp-videos{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));display:grid}.hp-video figure{gap:10px;margin:0;display:grid}.hp-video video{aspect-ratio:9/12;object-fit:cover;border-radius:var(--hp-radius);background:var(--color-deep);width:100%;height:auto}.hp-video figcaption{color:var(--hp-body);font-size:15px;display:grid}.hp-video figcaption strong{color:var(--hp-ink)}.hp-video-ph{aspect-ratio:9/12;border-radius:var(--hp-radius);width:100%;max-height:420px;padding:var(--space-3);text-align:center;background:#f3f0e8;border:2px dashed #d6d0c3;align-content:center;place-items:center;gap:12px;display:grid}.hp-video-play{background:var(--color-surface);width:64px;height:64px;color:var(--color-primary-hover);box-shadow:var(--shadow-2);border-radius:50%;place-items:center;display:grid}.hp-video-play svg{width:26px;height:26px;margin-left:3px}.hp-video-meta{color:var(--hp-body);font-size:14px}.hp-reviews{columns:1;column-gap:var(--space-2)}@media (width>=768px){.hp-reviews{columns:2}}@media (width>=1024px){.hp-reviews{columns:3;column-gap:var(--space-3)}}.hp-review{break-inside:avoid;margin-bottom:var(--space-2);padding:var(--space-3);position:relative}@media (width>=1024px){.hp-review{margin-bottom:var(--space-3)}}.hp-review figure{gap:var(--space-2);margin:0;display:grid}.hp-quote{right:var(--space-3);top:var(--space-3);width:28px;height:28px;color:var(--color-primary-line);position:absolute}.hp-review-rating{color:var(--hp-body);align-items:center;gap:8px;font-size:14px;display:flex}.hp-review blockquote{color:var(--hp-ink);margin:0;font-size:17px;line-height:1.6}.hp-review figcaption{color:var(--hp-body);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:15px;display:flex}.hp-review figcaption strong{color:var(--hp-ink)}.hp-plans{gap:var(--space-2);align-items:stretch;display:grid}@media (width>=900px){.hp-plans{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));padding-top:14px}}.hp-plan{gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-3);flex-direction:column;display:flex;position:relative}.hp-plan .hp-checks{padding-top:var(--space-2);border-top:1px solid var(--hp-line)}.hp-plan .btn{margin-top:auto}.hp-plan[data-popular]{border:2px solid var(--color-primary);box-shadow:var(--shadow-3)}@media (width>=900px){.hp-plan[data-popular]{transform:translateY(-12px)}}.hp-plan-flag{top:-15px;left:var(--space-3);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;align-items:center;gap:6px;min-height:30px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex;position:absolute}.hp-plan-flag svg{width:14px;height:14px;color:#ffd66b!important}.hp-plan-price{color:var(--hp-body);flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.hp-plan-amount{letter-spacing:-.04em;color:var(--hp-ink);font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.hp-plan-amount .hp-replace{vertical-align:middle;letter-spacing:0;font-size:16px}.hp-plan-notes{gap:var(--space-1-5);margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--hp-radius);background:#f3f0e8;display:grid}@media (width>=900px){.hp-plan-notes{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}}.hp-plan-notes li{color:var(--hp-body);align-items:flex-start;gap:10px;font-size:15px;display:flex}.hp-plan-notes strong{color:var(--hp-ink)}.hp-plan-notes svg{width:20px;height:20px;color:var(--color-primary);flex:none;margin-top:2px}.hp-guarantee{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--hp-radius);background:var(--color-primary-soft);border:1px solid var(--color-primary-line);display:flex}@media (width>=768px){.hp-guarantee{align-items:center;gap:var(--space-3);padding:var(--space-4)}}.hp-guarantee>div{gap:6px;display:grid}.hp-guarantee p{color:var(--hp-body)}.hp-guarantee-icon{background:var(--color-primary);color:#fff;border-radius:16px;flex:none;place-items:center;width:56px;height:56px;display:grid}.hp-guarantee-icon svg{width:28px;height:28px}.hp-faq{gap:var(--space-4);display:grid}@media (width>=1024px){.hp-faq{gap:var(--space-8);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.hp-faq-side{position:sticky;top:104px}}.hp-faq-side .hp-head{margin-bottom:var(--space-2)}.hp-faq-list{border-top:1px solid var(--hp-line)}.hp-faq-item{border-bottom:1px solid var(--hp-line)}.hp-faq-item h3{font-size:inherit;letter-spacing:inherit}.hp-faq-item button{justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;letter-spacing:-.01em;width:100%;min-height:64px;color:var(--hp-ink);cursor:pointer;background:0 0;border:0;padding:16px 0;font-size:1.125rem;font-weight:700;display:flex}.hp-faq-item button:hover{color:var(--color-primary-hover)}.hp-faq-item button svg{width:22px;height:22px;color:var(--hp-body);transition:transform .2s var(--ease-out);flex:none}.hp-faq-item[data-open] button svg{transform:rotate(180deg)}.hp-faq-a p{max-width:64ch;color:var(--hp-body);padding:0 0 20px}.hp-final{margin-top:var(--hp-gap);padding-block:var(--space-8)}@media (width>=1024px){.hp-final{padding-block:var(--space-12)}}.hp-final-grid{gap:var(--space-5);align-items:center;display:grid}@media (width>=1024px){.hp-final-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,480px)}}.hp-final-copy{gap:var(--space-2);display:grid}.hp-final-copy .hp-lead{color:#ffffffe0}.hp-eyebrow-dark{color:#9fe3b8}.hp-checks-dark li{color:#ffffffeb}.hp-checks-dark svg{color:#9fe3b8}.hp-form-card{background:var(--color-surface);color:var(--hp-ink);padding:var(--space-3);border-radius:24px;box-shadow:0 30px 60px -24px #00000080}@media (width>=768px){.hp-form-card{padding:var(--space-4)}}.hp-form{gap:var(--space-2);display:grid}.hp-form .field-label,.hp-fieldset legend{color:var(--hp-ink);font-size:15px;font-weight:700}.hp-form .input,.hp-form .select{border-radius:12px;min-height:50px;font-size:16px}.hp-form .field-hint{color:var(--hp-body);font-size:14px}.hp-fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.hp-fieldset legend{margin-bottom:8px;padding:0}.hp-pills{flex-wrap:wrap;gap:8px;display:flex}.hp-pill-opt{flex:auto;position:relative}.hp-pill-opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.hp-pill-opt span{border:1.5px solid var(--color-border-strong);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:0 14px;font-size:15px;font-weight:600;transition:border-color .2s,background-color .2s,color .2s;display:flex}.hp-pill-opt span svg{opacity:0;width:0;height:18px;transition:width .2s var(--ease-out), opacity .2s ease;stroke-width:2.25px!important}.hp-pill-opt:hover span{border-color:var(--color-border-input)}.hp-pill-opt input:checked+span{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--p-green-800)}.hp-pill-opt input:checked+span svg{opacity:1;width:18px}.hp-pill-opt input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.hp-fieldset[aria-invalid=true] .hp-pill-opt span{border-color:var(--color-danger)}.hp-tz{color:var(--hp-body);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.hp-tz svg{width:16px;height:16px;color:var(--color-primary)}.hp-form-micro{color:var(--hp-body);text-align:center;font-size:14px}.hp-form .btn-lg{margin-top:4px}.hp-done{gap:var(--space-2);display:grid}.hp-done h3:focus{outline:none}.hp-done-icon{background:var(--color-primary-soft);width:56px;height:56px;color:var(--color-primary-hover);border-radius:50%;place-items:center;display:grid}.hp-done-icon svg{width:28px;height:28px;stroke-width:2.25px!important}.hp-done-steps{color:var(--hp-body);gap:8px;padding-left:22px;list-style:decimal;display:grid}.hp-done-steps strong{color:var(--hp-ink)}.hp-text-btn{min-height:44px;color:var(--color-primary-hover);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 12px;font-weight:700;text-decoration:underline}.hp-wa-float{right:max(16px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:var(--z-sticky);color:#fff;width:56px;height:56px;transition:transform .2s var(--ease-out), opacity .2s ease, bottom .2s var(--ease-out), background-color .2s ease;background:#128c4b;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 10px 24px -8px #0006}.hp-wa-float:hover{background:#0e7a40}.hp-wa-float:active{transform:scale(.95)}.hp-wa-float:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:50%}.hp-wa-float[data-hidden]{opacity:0;pointer-events:none;visibility:hidden;transition:transform .2s var(--ease-out), opacity .2s ease, visibility 0s .2s;transform:scale(.8)}.hp-sticky-cta{display:none}@media (width<=767px){.hp-sticky-cta{z-index:var(--z-sticky);padding:10px max(16px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--color-surface);border-top:1px solid var(--hp-line);visibility:hidden;transition:transform .22s var(--ease-out), visibility 0s .22s;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -8px 24px -12px #1113}.hp-sticky-cta[data-show]{visibility:visible;transition:transform .22s var(--ease-out);transform:none}.hp-sticky-cta>div{font-size:15px;line-height:1.3;display:grid}.hp-sticky-cta span{color:var(--hp-body);font-size:14px}.hp-sticky-cta .btn{--btn-h:48px;border-radius:12px;padding:0 20px;font-weight:700}.hp-wa-float[data-lifted]{bottom:calc(84px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.hp-course:hover,.hp-plan[data-popular]{transform:none}}