/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-leading:initial;--tw-border-style:solid;--tw-duration:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-tracking:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-content:"";--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-green:#106b55;--color-gold:#e7aa33;--color-deep:#084b3c;--color-mint:#e8f4ef;--color-cream:#f8f7f2;--color-ink:#18332c;--color-muted:#42524c;--color-line:#d3ddd7;--color-surface:#fff;--font-arabic:"Noto Naskh Arabic", serif;--animate-fade-in:fade-in .18s ease;--animate-modal-in:modal-in .22s cubic-bezier(.2, .8, .2, 1);--animate-float-art:float-art 4.5s ease-in-out infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.app-shell{min-height:100vh}.recovery{background-color:var(--color-cream);min-height:100vh;padding:calc(var(--spacing) * 6);text-align:center;place-items:center;display:grid}.recovery .brandmark{width:54px;height:54px}.recovery h1{margin-top:calc(var(--spacing) * 5);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));margin-bottom:7px}.recovery p{margin:0;margin-bottom:calc(var(--spacing) * 5);max-width:420px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.7;color:var(--color-muted);line-height:1.7}.sidebar{z-index:30;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-line);background-color:var(--color-surface);width:254px;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;inset-block:0;flex-direction:column;padding:26px 18px;transition-duration:.2s;display:flex;position:fixed;left:0}.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-collapsed .main{margin-left:0}.brand{padding-inline:calc(var(--spacing) * 2);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);align-items:center;gap:10px;padding-bottom:25px;display:flex}.brand>span:last-of-type span,.mobile-logo span{color:var(--color-green)}.brandmark{background-color:var(--color-green);width:38px;height:38px;color:var(--color-white);border-radius:12px;place-items:center;display:grid}.brandmark svg{width:21px}.close-menu{margin-left:auto;display:none!important}.profile-mini{margin-bottom:calc(var(--spacing) * 6);padding:calc(var(--spacing) * 3);background-color:#f2f8f5;border-radius:14px;align-items:center;gap:11px;display:flex}.avatar{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--color-white);background-color:#d4a06f;border-radius:2147483647px;place-items:center;display:grid}.profile-mini div:last-child{min-width:0}.profile-mini b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));white-space:nowrap;display:block}.profile-mini span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);align-items:center;gap:5px;margin-top:3px;display:flex}.profile-mini i{background-color:#45ad77;border-radius:2147483647px;width:6px;height:6px}.sidebar nav{gap:7px;display:grid}.sidebar nav button,.help{border-style:var(--tw-border-style);min-height:45px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#64756f;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;border-width:0;border-radius:10px;align-items:center;gap:13px;padding:12px 13px;display:flex}.sidebar nav button.active,.help:hover{color:var(--color-ink);background-color:#eef6f2}.sidebar-tip{border-style:var(--tw-border-style);background-color:#f2faf5;border-width:1px;border-color:#daeae1;border-radius:12px;margin-top:auto;margin-bottom:20px;padding:14px 12px}.sidebar-tip b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-bottom:3px;display:block}.sidebar-tip p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.6;color:var(--color-muted);margin:0;line-height:1.6}.safe{justify-content:center;align-items:center;gap:var(--spacing);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin-top:auto;display:flex}.safe svg{height:calc(var(--spacing) * 3.5);width:calc(var(--spacing) * 3.5);flex:none}.main{min-height:100vh;transition-property:margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;margin-left:254px;transition-duration:.2s}.topbar{z-index:20;align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);background-color:var(--color-surface);height:66px;padding-inline:calc(var(--spacing) * 5);display:flex;position:sticky;top:0}.menu-btn{display:grid}.mobile-logo{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);display:none}.top-actions{align-items:center;gap:calc(var(--spacing) * 2);margin-left:auto;display:flex}.offline{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#b8583d;align-items:center;gap:5px;display:flex}.role-select{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);align-items:center;gap:6px;display:flex}.role-select svg:first-child{color:var(--color-green)}.role-select select{border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink);background-color:#0000;border-width:0}.content{padding:28px 5vw 35px}.bottom-nav{display:none}.toast{right:calc(var(--spacing) * 5);bottom:calc(var(--spacing) * 5);z-index:40;animation:var(--animate-fade-in);background-color:var(--color-green);padding-inline:14px 18px;padding-block:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);--tw-shadow:0 6px 20px var(--tw-shadow-color,#106b5540);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:12px;align-items:center;gap:5px;display:flex;position:fixed}.toast svg{width:15px}.authentication-loading{background-color:var(--color-cream);min-height:100vh;padding:calc(var(--spacing) * 6);place-items:center;display:grid}.landing{background-color:var(--color-cream);min-height:100vh}.landing-nav{max-width:1160px;padding-inline:5vw;padding-block:calc(var(--spacing) * 5);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.landing-nav-actions{align-items:center;gap:calc(var(--spacing) * 4);display:flex}.link-btn{cursor:pointer;border-style:var(--tw-border-style);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-green);background-color:#0000;border-width:0}.landing-hero{align-items:center;gap:calc(var(--spacing) * 10);max-width:1160px;padding-inline:5vw;padding-block:30px 0 60px;margin-inline:auto;display:flex}.landing-hero-copy{flex:1;max-width:560px}.pill{border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-bold);font-size:10px;font-weight:var(--font-weight-bold);--tw-tracking:.5px;letter-spacing:.5px;border-width:1px;border-radius:2147483647px;align-items:center;gap:6px;padding-block:6px;padding-inline:12px;display:inline-flex}.pill.dark{background-color:var(--color-mint);color:var(--color-green);border-color:#cfe7dc}.pill svg{width:14px}.landing-hero h1{margin-inline:0;margin-block:18px 0 14px;--tw-leading:1.15;--tw-tracking:-.8px;letter-spacing:-.8px;font-size:38px;line-height:1.15}.landing-hero-copy>p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1.7;color:var(--color-muted);margin:0;margin-bottom:22px;line-height:1.7}.landing-cta-row{align-items:center;gap:18px;margin-bottom:14px;display:flex}.primary{min-height:calc(var(--spacing) * 10);cursor:pointer;border-style:var(--tw-border-style);background-color:var(--color-green);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);border-width:0;border-radius:10px;padding-inline:18px}.primary.large{min-height:50px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-inline:26px}.primary.light{background-color:var(--color-white);color:var(--color-green)}.landing-hero-art{aspect-ratio:1;max-width:340px;animation:var(--animate-float-art);flex:1;place-items:center;display:grid;position:relative}.landing-hero-art .moon{background-color:var(--color-mint);width:230px;height:230px;color:var(--color-green);border-radius:2147483647px;place-items:center;font-size:60px;display:grid;position:absolute}.landing-hero-art .quran{height:calc(var(--spacing) * 24);background-color:#def0e8;border-radius:20px;place-items:center;width:150px;display:grid}.landing-hero-art .quran svg{width:60px;height:60px}.icon-btn{cursor:pointer;border-style:var(--tw-border-style);width:38px;height:38px;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-muted);background-color:#0000;border-width:0;border-radius:9px;place-items:center;padding:0;display:grid}.back-link{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);align-items:center;gap:5px;text-decoration-line:none;display:flex}.eyebrow{--tw-font-weight:var(--font-weight-bold);font-size:10px;font-weight:var(--font-weight-bold);--tw-tracking:.5px;letter-spacing:.5px;color:var(--color-muted)}.landing-trust{max-width:1160px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);padding-inline:5vw;flex-wrap:wrap;gap:14px 28px;margin-inline:auto;padding-bottom:50px;display:flex}.landing-trust span{align-items:center;gap:6px;display:flex}.landing-trust svg{width:15px;color:var(--color-green)}.landing-section{max-width:1160px;padding-inline:5vw;padding-block:calc(var(--spacing) * 10);margin-inline:auto}.landing-section h2{margin:0;margin-bottom:calc(var(--spacing) * 7);text-align:center;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.landing-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);padding:calc(var(--spacing) * 5);border-radius:16px}.landing-feature{text-align:left}.landing-feature b{margin-top:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-bottom:6px;display:block}.landing-feature p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.6;color:var(--color-muted);margin:0;line-height:1.6}.goal-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.goal-icon.green{background-color:var(--color-mint);color:var(--color-green)}.goal-icon.gold{color:var(--color-gold);background-color:#fcf5e7}.goal-icon.purple{color:#7c64c8;background-color:#f2eff8}.landing-steps{gap:calc(var(--spacing) * 5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-step{text-align:center;padding-inline:10px}.landing-step>span{background-color:var(--color-green);--tw-font-weight:var(--font-weight-extrabold);width:34px;height:34px;font-weight:var(--font-weight-extrabold);color:var(--color-white);margin-inline:auto;border-radius:2147483647px;place-items:center;margin-bottom:14px;display:grid}.landing-step b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-bottom:6px;display:block}.landing-step p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.6;color:var(--color-muted);margin:0;line-height:1.6}.landing-closing{margin-inline:calc(var(--spacing) * 5);margin-block:calc(var(--spacing) * 5);--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#0c735b;--tw-gradient-to:#08503f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));text-align:center;color:var(--color-white);border-radius:16px;padding-block:60px;padding-inline:5vw}.landing-closing h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));margin:0 0 10px}.landing-closing p{margin:0;margin-bottom:calc(var(--spacing) * 6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));opacity:.8}.landing-footer{max-width:1160px;padding-inline:5vw;padding-block:30px 0 50px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-inline:auto;display:flex}.brand.small{font-size:15px}.brand.small .brandmark{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7)}.brand.small .brandmark svg{width:15px}.landing-footer-links{gap:calc(var(--spacing) * 4);display:flex}.landing-footer p{text-align:center;width:100%;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin:0;margin-top:10px}.auth-page{background-color:var(--color-cream);min-height:100vh;display:flex}.auth-visual{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#0c735b;--tw-gradient-to:#08503f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));min-height:100vh;padding:calc(var(--spacing) * 10);color:var(--color-white);flex-direction:column;flex:0 0 35%;display:flex;position:relative;overflow:hidden}.auth-visual-brand{z-index:2;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);align-items:center;gap:10px;display:flex}.auth-visual-brand span:last-of-type span{color:#a9e6cf}.auth-visual-brand .brandmark{background-color:#ffffff26}.auth-visual-copy{z-index:2;flex:1;align-items:center;display:flex}.auth-visual-copy p{max-width:340px;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:1.5;--tw-font-weight:var(--font-weight-semibold);line-height:1.5;font-weight:var(--font-weight-semibold);margin:0}.auth-visual-trust{z-index:2;gap:calc(var(--spacing) * 3);margin:0;padding:0;list-style-type:none;display:grid}.auth-visual-trust li{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#d6ede3;align-items:center;gap:10px;display:flex}.auth-visual-trust svg{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);color:#a9e6cf;flex:none}.auth-form-panel{flex-direction:column;flex:1;justify-content:center;min-height:100vh;padding-block:44px;padding-inline:6vw;display:flex;position:relative}.auth-form-panel .back-link{margin-inline:auto;margin-bottom:calc(var(--spacing) * 6);width:100%;max-width:420px}.auth-form-panel .auth-card{gap:14px;width:100%;max-width:420px;margin-inline:auto;padding:0}.auth-form-panel .auth-card h1{--tw-tracking:-.5px;letter-spacing:-.5px;margin:0;font-size:26px}.auth-form-panel .auth-subtitle{margin:0;margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.auth-form-panel .auth-fields{gap:calc(var(--spacing) * 3);display:grid}.auth-card{gap:calc(var(--spacing) * 4);background-color:var(--color-surface);width:100%;max-width:440px;padding:calc(var(--spacing) * 8);--tw-shadow:0 2px 20px var(--tw-shadow-color,#0f2b2112);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:20px;display:grid}.auth-card .brand{padding:0;justify-content:center;padding-bottom:10px}.auth-card label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-muted);display:block}.role-cards{gap:calc(var(--spacing) * 2);display:grid}.role-cards-grid{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.role-card{cursor:pointer;align-items:center;gap:var(--spacing);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);padding:calc(var(--spacing) * 3);text-align:center;color:var(--color-muted);border-radius:12px;flex-direction:column;display:flex}.role-card svg{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);color:var(--color-muted)}.role-card b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink)}.role-card span{--tw-leading:1.3;font-size:10px;line-height:1.3}.role-card.selected{border-color:var(--color-green);background-color:var(--color-mint)}.role-card.selected svg,.role-card.selected b{color:var(--color-green)}.auth-switch{margin-inline:auto;margin-top:calc(var(--spacing) * 5);text-align:center;width:100%;max-width:420px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.auth-switch button{cursor:pointer;border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-green);background-color:#0000;border-width:0;padding:0}.auth-card input,.auth-card select{height:calc(var(--spacing) * 11);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);width:100%;padding-inline:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink);border-radius:10px;margin-top:5px;display:block}.auth-card textarea{resize:vertical;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);width:100%;padding:calc(var(--spacing) * 3);font-family:inherit;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink);border-radius:10px;margin-top:5px;display:block}.auth-card .google-btn{min-height:calc(var(--spacing) * 11);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.auth-card .primary.full{height:calc(var(--spacing) * 11);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.auth-error{border-style:var(--tw-border-style);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#b8583d;background-color:#fff5f1;border-width:1px;border-color:#f3d2c4;border-radius:8px;margin:0;padding:8px 10px}.google-btn{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);text-decoration-line:none;display:flex}.auth-divider{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);align-items:center;gap:10px;display:flex}.auth-divider:before,.auth-divider:after{background-color:var(--color-line);--tw-content:"";content:var(--tw-content);flex:1;height:1px}.auth-modal-backdrop{z-index:80;animation:var(--animate-fade-in);padding:calc(var(--spacing) * 6);--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);background-color:#0f2b21b3;place-items:center;display:grid;position:fixed;inset:0}.auth-modal{width:100%;max-width:630px;max-height:90vh;animation:var(--animate-modal-in);position:relative;overflow-y:auto}.auth-modal-close{background-color:#f4f7f5;position:absolute;top:10px;right:10px}.help-modal{width:100%;max-width:420px;padding:calc(var(--spacing) * 7);gap:0;display:grid}.help-modal .brand{justify-content:center;padding:0 0 10px}.help-desc{margin:0;margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.6;color:var(--color-muted);line-height:1.6}.help-channels{gap:calc(var(--spacing) * 2);display:grid}.help-channel{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);text-align:left;color:inherit;border-radius:12px;padding:12px 14px;font-family:inherit;text-decoration-line:none;display:flex}.help-channel:hover{background-color:var(--color-mint);border-color:#c1d6ce}.help-channel:active{scale:.99}.help-icon{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);background-color:var(--color-mint);color:var(--color-green);border-radius:10px;flex:none;place-items:center;display:grid}.help-icon svg{width:18px}.help-channel div{flex:1;min-width:0}.help-channel b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:block}.help-channel p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.4;color:var(--color-muted);margin:3px 0 0;line-height:1.4}.help-channel small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-gold)}.help-channel>svg{color:var(--color-muted);flex:none}.help-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-line);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin:18px 0 0;padding-top:14px}.join-code-box{border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1.5px;border-color:var(--color-green);background-color:var(--color-mint);text-align:center;font-family:var(--font-mono);--tw-font-weight:var(--font-weight-extrabold);font-size:26px;font-weight:var(--font-weight-extrabold);--tw-tracking:4px;letter-spacing:4px;color:var(--color-green);border-radius:12px;padding:18px}.assignment-modal{max-width:420px}.modal-surah-list{grid-template-columns:repeat(1,minmax(0,1fr));max-height:260px;overflow-y:auto}.selected-surah .link-btn{margin-left:auto}.page-title{margin-bottom:calc(var(--spacing) * 5)}.welcome{margin-bottom:calc(var(--spacing) * 4);align-items:center;gap:calc(var(--spacing) * 3);display:flex}.welcome h1{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));margin:0}.welcome p{max-width:230px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin:0}.streak{padding-inline:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:#c27838;background-color:#fff3e8;border-radius:10px;align-items:center;gap:6px;padding-block:7px;display:flex}.streak small{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:#c2783880}.hero-card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);border-radius:20px;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:28px 28px 28px 24px;position:relative}.hero-card h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));margin:0 0 6px}.hero-art{place-items:center;width:42%;display:grid;position:absolute;top:0;bottom:0;right:0}.hero-art .moon{background-color:var(--color-mint);width:130px;height:130px;font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));color:var(--color-green);border-radius:2147483647px;place-items:center;display:grid}.hero-art .quran{place-items:center;width:110px;height:70px;display:grid;position:absolute}.hero-art .star{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-green);font-style:normal;position:absolute}.hero-art .s1{top:10%;left:12%}.hero-art .s2{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));top:8%;right:10%}.progress-row{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);align-items:center;gap:10px;margin-top:14px;display:flex}.progress{height:calc(var(--spacing) * 2);background-color:#eef6f2;border-radius:2147483647px;flex:1;overflow:hidden}.progress>div{background-color:var(--color-green);border-radius:2147483647px;height:100%}.section-title{margin-top:calc(var(--spacing) * 6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-muted);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title:first-child{margin-top:0}.goals-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.goal{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);text-align:center;border-radius:14px;padding:14px 12px}.goal-main{flex-direction:column}.goal b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-top:6px;display:block}.goal p{color:var(--color-muted);margin:0;font-size:10px}.two-col{margin-top:calc(var(--spacing) * 5);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-head .more{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);text-decoration-line:none}.card-head select{height:calc(var(--spacing) * 9);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink)}.count{--tw-font-weight:var(--font-weight-extrabold);font-size:10px;font-weight:var(--font-weight-extrabold);color:var(--color-gold);background-color:#fcf5e7;border-radius:2147483647px;padding-block:3px;padding-inline:7px}.assignment{align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);border-radius:12px;padding:10px 14px;display:flex}.assignment.done{opacity:.5}.task-icon{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.task-icon.blue{color:#598fc2;background-color:#e9f2fa}.empty-state{padding-block:calc(var(--spacing) * 10);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.two-col .card:has(.empty-state){flex-direction:column;display:flex}.two-col .card:has(.empty-state) .empty-state{flex:1;justify-content:center;align-items:center;padding-block:0;display:flex}.week-chart{align-items:flex-end;gap:6px;height:80px;display:flex}.week-chart>div{background-color:#daeae1;border-radius:4px 4px 0 0;flex:1;min-height:4px}.week-chart .today{background-color:var(--color-green)}.week-summary{align-items:center;gap:calc(var(--spacing) * 4);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin-top:10px;display:flex}.support{margin-top:calc(var(--spacing) * 5);align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);background-color:#fcf9f0;border-width:1px;border-color:#efe3c4;border-radius:12px;padding:12px 14px;display:flex}.support p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.5;color:var(--color-muted);flex:1;margin:0;line-height:1.5}.parent-avatar{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--color-white);background-color:#d4a06f;border-radius:2147483647px;flex:none;place-items:center;display:grid}.student-table,.stats-table{gap:1px;display:grid}.table-header{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted)}.tbl-row{align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));grid-template-columns:1fr 1fr auto;padding:10px 0;display:grid}.tbl-row:last-child{border-style:var(--tw-border-style);border-width:0}.tbl-row>span{min-width:0}.stats-table .tbl-row{grid-template-columns:2fr 1fr 1fr 1fr auto}.table-header{padding-top:0;padding-bottom:7px}.avatar[class*=av0]{background:#d4a06f}.avatar[class*=av1]{background:#6fa8d4}.avatar[class*=av2]{background:#72b87a}.avatar[class*=av3]{background:#b87aae}.child-meta{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);display:block}.compact{font-size:10px}.outline{min-height:calc(var(--spacing) * 9);cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink);background-color:#0000;border-radius:8px;padding-inline:14px}.outline.full{width:100%}.dashboard-grid{margin-top:calc(var(--spacing) * 5);gap:14px;display:grid}.dash-top{justify-content:space-between;align-items:center;display:flex}.stat-grid+.stat-grid,.stat-grid+section,.dash-top+section,.card.table-card+.primary{margin-top:calc(var(--spacing) * 5)}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat{align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);border-radius:14px;padding:14px;display:flex}.stat svg{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);color:var(--color-green);flex:none}.stat b{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:block}.stat span{color:var(--color-muted);margin-top:2px;font-size:10px;display:block}.class-card ul{margin-top:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 2);padding:0;list-style-type:none;display:grid}.class-card li{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:flex}.class-card li b{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);margin-left:auto}.green-dot,.gray-dot{height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2);border-radius:2147483647px;flex:none}.green-dot{background-color:var(--color-green)}.gray-dot{background-color:var(--color-line)}.table-card{overflow:hidden}.profile-grid{grid-template-columns:260px 1fr;gap:14px;display:grid}.card .big-avatar{background-color:var(--color-green);width:72px;height:72px;font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));color:var(--color-white);border-radius:2147483647px;place-items:center;margin-inline:auto;display:grid;position:relative}.big-avatar button{right:calc(var(--spacing) * -1);bottom:calc(var(--spacing) * -1);height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);color:var(--color-muted);border-radius:2147483647px;place-items:center;display:grid;position:absolute}.big-avatar button svg{height:calc(var(--spacing) * 3.5);width:calc(var(--spacing) * 3.5)}.mini-stats{margin-top:calc(var(--spacing) * 4);justify-content:center;gap:14px;display:flex}.mini-stats span{color:var(--color-muted);flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.mini-stats b{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-ink)}.card h2{text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);margin:0;margin-bottom:14px}.profile-card p{text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);margin:0}.preferences{gap:calc(var(--spacing) * 4);display:grid}.preferences h3{margin-top:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.preferences h3:first-child{margin-top:0}.preferences label{gap:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);flex-direction:column;display:flex}.preferences label input,.preferences label select{height:calc(var(--spacing) * 9);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-ink)}.info-row{justify-content:space-between;align-items:center;display:flex}.info-row span{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:flex}.toggle-row{cursor:pointer;border-style:var(--tw-border-style);text-align:left;width:100%;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink);background-color:#0000;border-width:0;justify-content:space-between;align-items:center;padding:0;display:flex}.toggle{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 9);background-color:var(--color-line);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:2147483647px;flex:none;display:inline-block;position:relative}.toggle.on{background-color:var(--color-green)}.toggle b{top:calc(var(--spacing) * .5);left:calc(var(--spacing) * .5);height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:2147483647px;position:absolute}.toggle.on b{transform:translate(1rem)}.level-card{padding:calc(var(--spacing) * 6);align-items:center;gap:32px;display:flex}.level-card+.stat-grid{margin-top:calc(var(--spacing) * 5)}.level-ring{background-color:var(--color-green);width:72px;height:72px;font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--color-white);border-radius:2147483647px;flex:none;place-items:center;display:grid}.level-card>div:last-child{flex:1}.level-card .xp{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.badges{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.badges+.card.history{margin-top:calc(var(--spacing) * 6)}.badge-card{text-align:center;padding:14px}.badge-card.locked{opacity:.4}.badge-card span{margin-top:calc(var(--spacing) * 2);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));display:block}.badge-card b{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:block}.badge-card p{--tw-leading:1.4;color:var(--color-muted);margin:3px 0 0;font-size:10px;line-height:1.4}.card.history{gap:calc(var(--spacing) * 2);display:grid}.history-row{align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:10px;display:flex}.history-row:last-child{border-style:var(--tw-border-style);border-width:0}.history-text{flex:1;min-width:0}.history-text b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:block}.history-text p{color:var(--color-muted);margin:2px 0 0;font-size:10px}.history-row strong{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-green);flex:none}.history-icon{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.history-icon.h0{background-color:var(--color-mint);color:var(--color-green)}.history-icon.h1{color:var(--color-gold);background-color:#fcf5e7}.history-icon.h2{color:#7c64c8;background-color:#f0e8fc}.history-icon.h3{color:#c8648f;background-color:#fce8f0}.card.single{max-width:560px}.card.settings-card{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.card.settings-card .back-link{margin-bottom:var(--spacing)}.card h3{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);margin:0 0 14px}.search{align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);width:100%;height:36px;padding-inline:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-ink);border-radius:8px;display:flex}.search svg{color:var(--color-muted);flex:none}.search input{border-style:var(--tw-border-style);width:100%;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none}.surah-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.surah-list button{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);text-align:left;background-color:#0000;border-width:0;border-radius:10px;padding:10px;display:flex}.surah-list button:hover{background-color:var(--color-mint)}.surah-list button.selected{background-color:#e4f3eb}.surah-list button>span:first-child{width:calc(var(--spacing) * 5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-muted);flex:none}.surah-list button>div{flex:1;min-width:0}.surah-list button svg{flex:none}.surah-list b{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:block}.surah-list small{color:var(--color-muted);font-size:10px}.card.picker,.card.settings-card{max-height:440px;overflow-y:auto}.selected-surah{align-items:center;gap:calc(var(--spacing) * 2);background-color:var(--color-mint);padding:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));border-radius:10px;display:flex}.field-group{gap:calc(var(--spacing) * 2);display:grid}.field-row{align-items:flex-end;gap:calc(var(--spacing) * 3);display:flex}.field-row label{gap:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);flex:1;display:grid}.field-row select{height:calc(var(--spacing) * 9);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);padding-inline:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-ink)}.field-row>span{padding-bottom:calc(var(--spacing) * 2);color:var(--color-muted)}.field-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted)}.segmented{background-color:#f3f6f4;border-radius:8px;padding:3px;display:flex}.segmented.three>button{flex:1}.segmented button{cursor:pointer;border-style:var(--tw-border-style);min-height:32px;padding-inline:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);background-color:#0000;border-width:0;border-radius:6px}.segmented button.active{background-color:var(--color-surface);color:var(--color-ink)}.player-head{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.player-head h1{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));margin:0}.player-head .outline{min-height:34px;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-inline:12px}.player-card{padding-inline:24px;padding-top:48px;padding-bottom:calc(var(--spacing) * 5);text-align:center}.arabic{font-family:var(--font-arabic);--tw-leading:1.8;font-size:40px;line-height:1.8}.arabic.hidden-text{color:var(--color-muted)}.ayah-number{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted)}.latin{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.7;color:var(--color-muted);line-height:1.7}.meaning{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1.7;color:var(--color-ink);line-height:1.7}.timeline{margin-top:calc(var(--spacing) * 5);align-items:center;gap:6px;display:flex}.timeline>div{background-color:var(--color-line);border-radius:2147483647px;flex:1;height:3px}.timeline .active{background-color:var(--color-green)}.ayah-track{margin-top:calc(var(--spacing) * 5);flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;display:flex}.ayah-dot{background-color:var(--color-line);width:6px;height:6px;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-radius:2147483647px;flex:none;transition-duration:.2s}.ayah-dot.completed{background-color:#bcd9cd}.ayah-dot.active{background-color:var(--color-green);--tw-shadow:0 0 0 3px var(--tw-shadow-color,#106b5530);width:10px;height:10px;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ayah-dot-more{margin-left:var(--spacing);color:var(--color-muted);font-size:10px}.position-info{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);justify-content:center;align-items:center;gap:6px;display:flex}.position-info-sep{opacity:.3}.session-bar{margin-top:calc(var(--spacing) * 3);height:var(--spacing);background-color:var(--color-line);border-radius:2147483647px;width:100%;overflow:hidden}.session-bar span{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-green);--tw-gradient-to:#0e8f72;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));height:100%;transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);border-radius:2147483647px;display:block}.controls{margin-top:calc(var(--spacing) * 5);justify-content:center;align-items:center;gap:6px;display:flex}.controls button{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-surface);width:44px;height:44px;color:var(--color-muted);border-radius:2147483647px;place-items:center;display:grid}.play-main{border-color:var(--color-green)!important;background-color:var(--color-green)!important;width:56px!important;height:56px!important;color:var(--color-white)!important}.player-options{margin-top:calc(var(--spacing) * 5);grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;display:grid}.mastery{margin-top:calc(var(--spacing) * 5);align-items:center;gap:calc(var(--spacing) * 3);grid-template-columns:1fr auto;padding:14px 16px;display:grid}.mastery button{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));gap:5px;padding-block:6px;padding-inline:12px}.mastery-0.active{color:#c86464;background-color:#fce8e8;border-color:#f3c4c4}.mastery-1.active{color:var(--color-gold);background-color:#fcf5e7;border-color:#efe3c4}.mastery-2.active{background-color:var(--color-mint);color:var(--color-green);border-color:#cfe7dc}.primary.finish{margin-top:calc(var(--spacing) * 5);background-color:var(--color-deep);width:100%}.mastery-inline{margin-top:calc(var(--spacing) * 4);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-line);padding-top:calc(var(--spacing) * 4);display:flex}.mastery-inline>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted);flex:none}.mastery-inline>div{gap:var(--spacing);display:flex}.mastery-inline button{cursor:pointer;gap:var(--spacing);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted);background-color:#0000}.mastery-inline button.active{border-color:var(--color-green);background-color:var(--color-mint);color:var(--color-green)}@media (width<=1000px){.sidebar{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.sidebar.open{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:10px 0 30px var(--tw-shadow-color,#0002);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.close-menu{display:grid!important}.backdrop{z-index:29;border-style:var(--tw-border-style);background-color:#0000004d;border-width:0;display:block;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.backdrop{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.main{margin-left:0}.topbar{justify-content:space-between}.menu-btn,.mobile-logo{display:grid}.goals-grid,.badges{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.class-card{max-width:none}.practice-layout{grid-template-columns:repeat(1,minmax(0,1fr))}.profile-grid{grid-template-columns:260px 1fr}.bottom-nav{z-index:25;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-line);background-color:var(--color-surface);height:67px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{justify-content:center;align-items:center;gap:var(--spacing);border-style:var(--tw-border-style);background-color:var(--color-surface);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#7d8c87;border-width:0;flex-direction:column;flex:1;display:flex}.bottom-nav button.active{color:var(--color-green)}.bottom-nav svg{width:19px}.bottom-nav span{max-width:64px;overflow:hidden}.content{padding-bottom:95px}}@media (width<=900px){.landing-hero{text-align:center;flex-direction:column}.landing-hero-copy{max-width:none}.landing-cta-row{flex-wrap:wrap;justify-content:center}.landing-features{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-steps{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width<=860px){.auth-page{flex-direction:column}.auth-visual{border-radius:0 0 28px 28px;flex:none;height:220px;min-height:0;padding:26px 28px}.auth-visual-trust{display:none}.auth-visual-copy p{font-size:15px}.auth-form-panel{margin-top:calc(var(--spacing) * -6);min-height:0;padding:28px 24px 48px}.auth-form-panel .back-link{margin-bottom:10px;position:static}.auth-form-panel .auth-card{background-color:var(--color-surface);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:20px;padding:24px 20px}}@media (width<=820px){.landing-hero h1{font-size:32px}.landing-features{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-form-panel .auth-card h1{font-size:22px}.arabic{font-size:36px}}@media (width<=680px){.topbar{height:62px;padding-inline:14px}.role-select svg:first-child{display:none}.content{padding:24px 14px 95px}.welcome{align-items:flex-start}.welcome h1,.page-title h1,.player-head h1{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.welcome p{max-width:230px}.streak{padding:7px}.streak small{display:none}.hero-card{min-height:250px;padding:27px 23px}.hero-copy{width:75%}.hero-card h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.hero-art{opacity:.5;right:-15%}.goals-grid,.two-col{grid-template-columns:repeat(1,minmax(0,1fr))}.goal:last-child{grid-column:auto}.support{align-items:flex-start}.support button{padding:calc(var(--spacing) * 2);color:0}.surah-list{grid-template-columns:repeat(1,minmax(0,1fr))}.player-head{align-items:flex-start}.player-head .outline{width:42px;color:0;justify-content:center;padding:0}.player-card{padding-inline:18px;padding-top:38px;padding-bottom:calc(var(--spacing) * 5)}.arabic{font-size:32px}.player-options{flex-wrap:wrap;gap:10px}.mastery{display:block}.mastery>div:last-child{margin-top:calc(var(--spacing) * 3);display:grid}.mastery button{justify-content:center}.level-card{padding:calc(var(--spacing) * 5);flex-wrap:wrap}.level-card .xp{margin-left:auto}.stat-grid,.badges{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-top{display:block}.dash-top>.primary{margin-bottom:15px}.table-card{padding:14px}.table-card .card-head{display:block}.compact{margin-top:10px}.table-header{display:none}.tbl-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tbl-row>span:nth-child(3),.tbl-row>span:nth-child(4){justify-content:flex-start}.profile-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.toast{right:14px;bottom:calc(var(--spacing) * 20);left:14px}.week-chart{gap:7px}}@media (width<=560px){.landing-hero h1{font-size:28px}.landing-features{grid-template-columns:repeat(1,minmax(0,1fr))}.landing-nav-actions .primary{min-height:calc(var(--spacing) * 10);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}}@layer utilities{.visible{visibility:visible}.static{position:static}.flex{display:flex}.hidden{display:none}.flex-col{flex-direction:column}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-muted{color:var(--color-muted)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes float-art{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}*,:after,:before{box-sizing:border-box}html{font-size:87.5%}html,body,#root{background-color:var(--color-cream);min-height:100%;margin:0}html[data-theme=dark],[data-theme=dark] body,[data-theme=dark] #root{color:#d6e0db;background:#0e1613}[data-theme=dark]{--color-ink:#d6e0db;--color-muted:#8a9d96;--color-line:#2d3f38;--color-surface:#1a2622}button,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e7aa3380}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.dark\:bg-surface-dark{background:#182420}[data-theme=dark] .sidebar-tip{color:#e3d6ab;background:#22321f;border-color:#3a4d33}[data-theme=dark] .streak>span,[data-theme=dark] .badge-card span.orange,[data-theme=dark] .count,[data-theme=dark] .attention{color:#f0a683;background:#3a2418}[data-theme=dark] .goal-icon.gold,[data-theme=dark] .badge-card span.gold{color:#e7c25f;background:#3a2f14}[data-theme=dark] .goal-icon.purple,[data-theme=dark] .badge-card span.purple{color:#b39ee8;background:#2a2438}[data-theme=dark] .task-icon.blue{color:#84b3d6;background:#1c2b36}[data-theme=dark] .support{background:#241d13;border-color:#4a3a1f}[data-theme=dark] .support p{color:#d8cdb8}[data-theme=dark] .mastery-0.active{color:#f0a683;background:#3a2418}[data-theme=dark] .mastery-1.active{color:#e7c25f;background:#3a2f14}[data-theme=dark] .auth-error{color:#f0a683;background:#3a2418;border-color:#4a3327}[data-theme=dark] .auth-page{background:#0e1613}[data-theme=dark] .search,[data-theme=dark] .segmented,[data-theme=dark] .controls button,[data-theme=dark] .profile-mini,[data-theme=dark] .assignment button,[data-theme=dark] .surah-list button.selected,[data-theme=dark] .selected-surah{background:#101c18}[data-theme=dark] .role-card.selected{background:#16261f}[data-theme=dark] .toggle:not(.on){background:#2c3d36}[data-theme=dark] .sidebar nav button.active,[data-theme=dark] .help:hover{background:#101c18}[data-theme=dark] .landing{background:#0e1613}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}