@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500;1,9..144,600&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--ink: #121b33;--ink-2: #0b1224;--ink-soft: #3a4568;--parchment: #f6efdc;--card: #fffcf4;--card-hi: #fffef9;--line: #e5dab8;--line-soft: #efe6cb;--gold: #a97a2c;--gold-hi: #c99a3f;--gold-ink: #7c5a1e;--teal: #1f5e59;--teal-hi: #17453f;--teal-tint: #e2efec;--indigo: #3d5a92;--indigo-tint: #e8ecf7;--jade: #3f8f7a;--jade-tint: #e1f2ea;--amber: #b77a2b;--amber-tint: #fbf0dc;--rose: #a83f31;--rose-tint: #fbece9;--muted: #6b6552;--muted-soft: #8d8368;font-family:Inter,sans-serif;color:var(--ink);background:var(--parchment);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4{font-family:Fraunces,serif}.star-mark{position:absolute;pointer-events:none}.star-mark:before,.star-mark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--gold)}.star-mark:after{transform:rotate(45deg)}.loading-screen{min-height:100vh;display:grid;place-items:center;gap:14px;color:var(--muted);font-size:13px;background:var(--ink)}.loading-screen span{font-family:Fraunces,serif;font-style:italic;color:#cbb890}.brand-mark{width:42px;height:42px;border-radius:4px;display:grid;place-items:center;color:var(--gold-hi);background:var(--ink-2);border:1px solid #ffffff22;box-shadow:0 8px 20px #00000040}.app-shell{min-height:100vh;display:flex;background:var(--parchment)}.sidebar{width:256px;padding:30px 16px 20px;display:flex;flex-direction:column;background:var(--ink);color:#c7cde0;flex-shrink:0;position:fixed;inset:0 auto 0 0;z-index:20;border-right:1px solid #ffffff14}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 34px;color:#fdf8ec;border-bottom:1px solid #ffffff14;margin-bottom:22px}.brand strong{display:block;font:700 21px Fraunces,serif;letter-spacing:-.01em}.brand span{display:block;color:var(--gold-hi);font-size:10px;margin-top:2px;letter-spacing:.08em;text-transform:uppercase}.sidebar-label,.eyebrow{color:#8b95bc;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.sidebar-label{color:var(--gold-hi);opacity:.8;padding:0 10px 12px}nav{display:grid;gap:4px}.nav-item{border:0;color:#9aa3c4;background:transparent;width:100%;padding:11px 12px;display:flex;gap:12px;align-items:center;text-align:left;border-radius:5px;font-size:13.5px;font-weight:500;transition:.2s}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:var(--ink);background:var(--gold-hi);box-shadow:inset 3px 0 var(--gold-ink);font-weight:600}.nav-item small{margin-left:auto;background:#ffffff1f;color:#fff;padding:2px 7px;border-radius:3px;font-size:10.5px}.nav-item.active small{background:#0002;color:var(--ink)}.sidebar-bottom{margin-top:auto;position:relative;padding-top:10px}.sidebar-bottom:before{content:"";position:absolute;top:-34px;right:6px;width:58px;height:58px;opacity:.1}.sidebar-bottom:after{content:"";position:absolute;top:-34px;right:6px;width:58px;height:58px;border:1px solid var(--gold);opacity:.12;transform:rotate(45deg)}.verse-card{padding:18px;background:linear-gradient(155deg,#ffffff0f,#ffffff05);border:1px solid #d9b45a2e;border-radius:4px;position:relative}.verse-kicker{color:var(--gold-hi);font-size:9px;font-weight:700;letter-spacing:.12em}.verse-card p{color:#e4dcc4;font:500 italic 14px/1.65 Fraunces,serif;margin:11px 0}.verse-source{font-size:11px;color:#8b95bc}.logout{width:100%;display:flex;gap:10px;align-items:center;margin-top:19px;background:transparent;border:0;color:#838cae;padding:8px 10px;font-size:12.5px}.logout:hover{color:#fff}.logout.danger{color:#c9756a;margin-top:4px}.logout.danger:hover{background:#ffffff0d;color:#e08e83}.main-content{margin-left:256px;width:calc(100% - 256px)}.topbar{min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:26px clamp(24px,5vw,72px);background:var(--card-hi);border-bottom:1px solid var(--line)}.topbar h1{margin:5px 0 0;font:600 clamp(20px,2vw,26px) "Fraunces",serif;letter-spacing:-.01em;color:var(--ink)}.profile{display:flex;align-items:center;gap:11px}.avatar{width:36px;height:36px;border-radius:4px;display:grid;place-items:center;color:var(--card);background:var(--teal);font-weight:700;font-family:Fraunces,serif}.profile strong,.profile span{display:block}.profile strong{font-size:13px}.profile span{color:var(--muted-soft);font-size:11px;margin-top:2px}.profile-icon{color:#c2b998;margin-left:7px}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink)}.page-body{max-width:1240px;padding:40px clamp(24px,5vw,72px) 70px;margin:auto}.welcome-row,.section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.welcome-row h2,.section-header h2{font:600 27px Fraunces,serif;letter-spacing:-.01em;margin:8px 0 6px;color:var(--ink)}.welcome-row p,.section-header p{color:var(--muted);margin:0;font-size:13px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:4px;padding:11px 16px;background:var(--teal);color:#fff;font-size:13px;font-weight:600;transition:transform .15s,background .15s}.primary-button:hover{background:var(--teal-hi);transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:wait;transform:none}.secondary-button{color:var(--teal-hi);background:var(--teal-tint)}.secondary-button:hover{background:#d3e6e1}.wide{width:100%;padding:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:var(--card);border:1px solid var(--line);padding:19px;border-radius:5px;display:flex;gap:13px;align-items:flex-start}.stat-icon{width:37px;height:37px;border-radius:5px;display:grid;place-items:center;flex-shrink:0}.stat-icon.green{background:var(--teal-tint);color:var(--teal-hi)}.stat-icon.blue{background:var(--indigo-tint);color:var(--indigo)}.stat-icon.orange{background:var(--amber-tint);color:var(--amber)}.stat-icon.teal{background:var(--jade-tint);color:var(--jade)}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:var(--muted-soft);font-size:11px}.stat-card strong{font:600 25px Space Grotesk,sans-serif;letter-spacing:-.02em;margin:6px 0 2px;color:var(--ink)}.stat-card small{color:var(--muted-soft);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-bottom:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:23px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start}.card h3{font:600 17px Fraunces,serif;letter-spacing:-.005em;margin:6px 0 0;color:var(--ink)}.icon-button,.close-button,.delete-button{border:0;display:grid;place-items:center;border-radius:4px;background:var(--teal-tint);color:var(--teal-hi);width:34px;height:34px}.icon-button:hover{background:#d3e6e1}.progress-big{display:flex;align-items:baseline;gap:8px;margin-top:22px}.progress-percent{font:700 40px Space Grotesk,sans-serif;letter-spacing:-.02em;color:var(--gold-ink)}.progress-big span{color:var(--muted);font-size:12px}.progress-track{background:var(--line-soft);border-radius:3px;overflow:hidden}.progress-track div{height:100%;background:linear-gradient(90deg,var(--teal),var(--gold-hi));border-radius:inherit;transition:width .5s}.progress-meta{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:11px}.progress-meta span:first-child{color:var(--teal-hi);font-weight:700}.empty-inline{margin-top:24px;padding:15px;background:var(--parchment);border-radius:4px}.empty-inline p{margin:0 0 11px;color:var(--muted);font-size:12px}.text-button{display:inline-flex;align-items:center;gap:5px;color:var(--teal-hi);background:transparent;border:0;padding:0;font-size:12px;font-weight:600}.activity-chart{display:flex;height:132px;gap:11px;align-items:end;margin-top:23px;border-bottom:1px solid var(--line-soft)}.chart-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.chart-bar{width:100%;max-width:25px;min-height:6px;border-radius:3px 3px 0 0;background:#d8cca0;transition:height .4s}.chart-bar.selected{background:var(--gold-hi)}.chart-column span{color:var(--muted-soft);font-size:10px;transform:translateY(23px)}.muted-icon{color:var(--muted-soft)}.recent-card{padding-bottom:10px}.entry-list{margin-top:20px}.entry-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line-soft)}.entry-row:last-child{border-bottom:0}.entry-badge{width:31px;height:31px;display:grid;place-items:center;border-radius:5px;color:var(--teal-hi);background:var(--teal-tint);flex-shrink:0}.entry-main{min-width:0;flex:1}.entry-main strong,.entry-main span{display:block}.entry-main strong{font-size:13px}.entry-main span{color:var(--muted-soft);font-size:11px;margin-top:3px}.entry-detail{text-align:right}.entry-detail span,.entry-detail small{display:block}.entry-detail span{color:var(--teal-hi);font-size:12px;font-weight:600}.entry-detail small{color:var(--muted-soft);font-size:10px;margin-top:3px}.delete-button{background:transparent;color:var(--muted-soft)}.delete-button:hover{color:var(--rose);background:var(--rose-tint)}.edit-button{border:0;display:grid;place-items:center;border-radius:4px;background:transparent;color:var(--muted-soft);width:30px;height:30px}.edit-button:hover{color:var(--teal-hi);background:var(--teal-tint)}.entry-badge.review{color:var(--amber);background:var(--amber-tint)}.welcome-actions{display:flex;gap:9px;flex-wrap:wrap}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px;color:var(--muted-soft)}.chip{border:1px solid var(--line);border-radius:3px;padding:7px 13px;color:var(--ink-soft);background:var(--card);font-size:12px;font-weight:600}.chip:hover{border-color:var(--gold)}.chip.active{color:#fff;background:var(--teal);border-color:var(--teal)}.filter-divider{width:1px;height:22px;background:var(--line);margin:0 4px}.segmented{display:flex;gap:6px}.seg{flex:1;border:1px solid var(--line);border-radius:4px;padding:9px;color:var(--ink-soft);background:var(--card);font-size:12px;font-weight:600}.seg.active{color:#fff;background:var(--teal);border-color:var(--teal)}.history-group{margin-bottom:16px}.history-group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.history-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.history-column{display:flex;flex-direction:column;gap:14px}.history-column-header{display:flex;align-items:center;gap:9px;padding:0 4px 6px;color:var(--ink-soft)}.history-column-header h3{font:600 15px Fraunces,serif;margin:0}.history-column-header span{margin-left:auto;color:var(--muted-soft);font-size:11px}.history-group-header h4{font:600 14px Fraunces,serif;margin:0}.history-group-header span{color:var(--muted-soft);font-size:11px}.card-helper{color:var(--muted-soft);font-size:12px;margin:8px 0 0}.revision-report{padding:0;overflow:hidden}.report-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.report-heading h3{font:600 19px Fraunces,serif;letter-spacing:-.005em;margin:6px 0 0}.report-period{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-period input,.report-period select{border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);padding:8px 10px;font-size:13px;font-family:inherit}.report-total{display:flex;align-items:baseline;gap:10px;padding:18px 24px;border-bottom:1px solid var(--line-soft)}.report-total strong{font:700 32px Space Grotesk,sans-serif;letter-spacing:-.02em;color:var(--gold-ink)}.report-total span{color:var(--muted);font-size:13px}.report-summary{display:flex;gap:28px;padding:18px 24px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.report-summary-stat{display:flex;flex-direction:column;gap:3px}.report-summary-stat strong{font:700 26px Space Grotesk,sans-serif;letter-spacing:-.02em;color:var(--gold-ink)}.report-summary-stat span{color:var(--muted);font-size:12px}.report-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.report-item-top span{color:var(--ink-soft);font-size:13px}.report-item-top strong{color:var(--teal-hi);font-size:12px;font-weight:700}.report-complete{display:inline-flex;align-items:center;gap:4px;color:var(--teal-hi);background:var(--teal-tint);border-radius:3px;padding:3px 8px;font-size:11px;font-weight:700}.report-item-meta{margin-bottom:6px}.report-item-meta span{color:var(--muted-soft);font-size:11px}.report-fill{height:100%;background:var(--gold-hi);border-radius:inherit;transition:width .4s}.report-fill.complete{background:var(--teal-hi)}.report-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.report-list{padding:18px 24px;border-right:1px solid var(--line-soft)}.report-list:last-child{border-right:0}.report-list-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.report-list-heading h4{font:600 14px Fraunces,serif;margin:0}.report-list-heading span{color:var(--muted-soft);font-size:11px}.report-empty{color:var(--muted-soft);font-size:12px;margin:0}.report-item{padding:9px 0;border-bottom:1px solid var(--line-soft)}.report-item:last-child{border-bottom:0}.report-item>div:first-child{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.report-item span{color:var(--ink-soft);font-size:13px}.report-item strong{color:var(--teal-hi);font-size:12px;font-weight:700}.report-track{height:5px;background:var(--line-soft);border-radius:3px;overflow:hidden}.report-track div{height:100%;background:var(--gold-hi);border-radius:inherit;transition:width .4s}@media (max-width: 900px){.report-columns{grid-template-columns:1fr}.report-list{border-right:0;border-bottom:1px solid var(--line-soft)}.report-list:last-child{border-bottom:0}}.prep-tips{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.prep-tip{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:18px}.prep-tip-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:5px;background:var(--teal-tint);color:var(--teal-hi)}.prep-tip-icon.gold{background:var(--amber-tint);color:var(--gold-ink)}.prep-tip strong{display:block;font:600 14.5px Fraunces,serif;color:var(--ink);margin-bottom:6px}.prep-tip p{margin:0;font-size:12.5px;line-height:1.6;color:var(--muted)}.prep-card{padding:0;overflow:hidden}.prep-header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line-soft)}.prep-header h3{font:600 18px Fraunces,serif;margin:6px 0 0}.prep-arabic-name{font-family:Noto Naskh Arabic,serif;font-size:19px;color:var(--gold-ink);margin-left:8px}.prep-count{color:var(--muted-soft);font-size:12px;font-weight:600}.prep-table{display:flex;flex-direction:column}.prep-row{display:grid;grid-template-columns:48px 1.4fr 2fr 1.6fr;gap:16px;padding:16px 24px;align-items:start;border-bottom:1px solid var(--line-soft)}.prep-row:last-child{border-bottom:0}.prep-head{background:var(--parchment);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:12px 24px;grid-template-columns:48px 1.4fr 2fr 1.6fr 56px}.prep-head span:last-child{text-align:center}.prep-row-top,.prep-label{display:none}.prep-no{font:700 14px Space Grotesk,sans-serif;color:var(--gold-ink);order:1}.prep-arabic{font-family:Noto Naskh Arabic,serif;font-size:19px;line-height:2.1;color:var(--ink);text-align:right;letter-spacing:0;order:2}.prep-cell{display:flex;flex-direction:column;order:3}.prep-synopsis{font-size:13px;line-height:1.6;color:var(--ink-soft)}.prep-peta{font-size:12px;line-height:1.5;color:var(--gold-ink);display:flex;gap:7px;align-items:flex-start;background:var(--amber-tint);border:1px dashed #d8b262;border-radius:5px;padding:8px 10px;order:4}.prep-peta svg{flex-shrink:0;margin-top:2px;color:var(--gold)}.prep-icon{display:grid;place-items:center;color:var(--teal-hi);background:var(--teal-tint);border-radius:5px;width:34px;height:34px;order:5}@media (min-width: 701px){.prep-row{grid-template-columns:48px 1.4fr 2fr 1.6fr 56px}.prep-row-top{display:contents}}@media (max-width: 1100px) and (min-width: 701px){.prep-row,.prep-head{grid-template-columns:40px 1fr 1.6fr 1.4fr 48px}}@media (max-width: 700px){.prep-row{grid-template-columns:1fr;gap:10px;border:1px solid var(--line);border-radius:6px;margin:0 16px 12px;padding:16px;border-bottom:1px solid var(--line);background:var(--card)}.prep-row:last-child{margin-bottom:16px}.prep-head{display:none}.prep-row-top{display:flex;justify-content:space-between;align-items:center}.prep-arabic{text-align:center;font-size:20px;line-height:2}.prep-label{display:block;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-soft);margin-bottom:3px}}.empty-state{min-height:145px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;color:var(--muted-soft);font-size:13px}.empty-state p{margin:0}.full-card{min-height:300px}.target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.target-card{min-height:180px}.target-top{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.target-icon{width:37px;height:37px;display:grid;place-items:center;color:var(--teal-hi);background:var(--teal-tint);border-radius:5px}.target-card>strong{display:block;font:700 32px Space Grotesk,sans-serif;letter-spacing:-.02em;margin-top:28px;color:var(--ink)}.target-card>strong small{color:var(--muted);font:500 12px Inter;letter-spacing:0}.target-card p{color:var(--muted-soft);font-size:11px}.progress-surah-list{display:flex;flex-direction:column;gap:12px}.progress-surah{padding:0;overflow:hidden}.progress-surah-header{width:100%;display:flex;align-items:center;gap:14px;padding:18px 22px;background:transparent;border:0;text-align:left}.chevron{color:var(--muted-soft);transition:transform .2s;flex-shrink:0}.chevron.open{transform:rotate(180deg)}.progress-surah-title{flex:1;min-width:0}.progress-surah-title strong{display:block;font:600 15px Fraunces,serif;color:var(--ink)}.progress-surah-title span{display:block;color:var(--muted-soft);font-size:11.5px;margin-top:2px}.progress-surah-counts{display:flex;gap:6px;flex-shrink:0}.status-pill{min-width:24px;text-align:center;padding:3px 7px;border-radius:20px;font:700 11px Space Grotesk,sans-serif}.status-pill.green{background:var(--teal-tint);color:var(--teal-hi)}.status-pill.yellow{background:#fbf1d2;color:#8a6a17}.status-pill.blue{background:var(--indigo-tint);color:var(--indigo)}.progress-ayat-list{border-top:1px solid var(--line-soft)}.progress-ayat-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.progress-ayat-row:last-child{border-bottom:0}.progress-ayat-main{display:flex;align-items:center;gap:12px;min-width:0}.progress-ayat-main strong{display:block;font-size:13px;color:var(--ink)}.progress-ayat-main span{display:block;color:var(--muted-soft);font-size:11.5px;margin-top:2px}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.green{background:#3f9d7f;box-shadow:0 0 0 3px var(--teal-tint)}.status-dot.yellow{background:#d9a827;box-shadow:0 0 0 3px #fbf1d2}.status-dot.blue{background:var(--indigo);box-shadow:0 0 0 3px var(--indigo-tint)}.progress-ayat-action{display:flex;align-items:center;gap:9px}.status-label{font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:20px}.status-label.progress{color:var(--teal-hi);background:var(--teal-tint)}.status-label.unstable{color:#8a6a17;background:#fbf1d2}.status-label.stable{color:var(--indigo);background:var(--indigo-tint)}.status-select{border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink-soft);padding:5px 10px;font-size:11.5px;font-weight:600}.status-select:hover{border-color:var(--gold)}@media (max-width: 600px){.progress-ayat-row{flex-direction:column;align-items:flex-start}.progress-ayat-action{width:100%;justify-content:space-between}}.notice{position:fixed;top:20px;right:25px;z-index:50;display:flex;gap:17px;align-items:center;padding:12px 15px;border:1px solid #b9d6c8;color:var(--teal-hi);background:var(--card-hi);border-radius:4px;box-shadow:0 10px 24px #0b122430;font-size:13px}.notice button{display:grid;place-items:center;color:inherit;background:none;border:0}.modal-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0b122490;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(100%,480px);max-height:90vh;overflow:auto;padding:25px;background:var(--card-hi);border-radius:6px;box-shadow:0 24px 60px #0b122440;border:1px solid var(--line)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.modal-header h2{font:600 21px Fraunces,serif;margin:0 0 5px;letter-spacing:-.005em;color:var(--ink)}.modal-header p{color:var(--muted);font-size:12px;margin:0}.close-button{background:var(--teal-tint);color:var(--teal-hi)}.modal-form{display:grid;gap:16px}.modal-form label,.auth-form label{display:grid;gap:7px;color:var(--ink-soft);font-size:12px;font-weight:600}.modal-form input,.modal-form select,.modal-form textarea,.auth-form input{width:100%;border:1px solid var(--line);outline:0;border-radius:4px;color:var(--ink);background:var(--card);padding:11px 12px;font-size:13px;font-weight:400;transition:border .2s,box-shadow .2s}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.auth-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #a97a2c26}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.optional{color:var(--muted-soft);font-weight:400}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.suggestions{display:flex;gap:7px;flex-wrap:wrap}.suggestions button{border:1px solid var(--line);border-radius:20px;padding:7px 10px;color:var(--teal-hi);background:var(--teal-tint);font-size:11px}.suggestions button:hover{border-color:var(--gold)}.form-error{color:var(--rose);background:var(--rose-tint);border-radius:4px;padding:10px;font-size:12px}.confirm-modal{max-width:440px}.confirm-body{text-align:center;padding:28px 24px 8px}.confirm-icon{width:64px;height:64px;border-radius:50%;background:var(--rose-tint);color:var(--rose);display:grid;place-items:center;margin:0 auto 16px}.confirm-text{font:600 18px Fraunces,serif;color:var(--ink);margin:0 0 8px}.confirm-sub{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.danger-btn{background:var(--rose);border-color:var(--rose)}.danger-btn:hover{background:#8f3327;border-color:#8f3327}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--parchment)}.auth-decoration{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--ink)}.auth-decoration:before,.auth-decoration:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #d9b45a20}.auth-decoration:before{transform:translate(-70px,80px) rotate(0)}.auth-decoration:after{transform:translate(-70px,80px) rotate(45deg)}.arch-glow{position:absolute;width:210px;height:210px;border:1px solid #d9b45a3a;transform:rotate(0)}.arch-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #d9b45a3a;transform:rotate(45deg)}.auth-quote{position:relative;width:min(340px,75%);text-align:center;color:#e9e2cc}.auth-quote span{font:400 52px Noto Naskh Arabic,serif;color:var(--gold-hi)}.auth-quote p{font:500 italic 18px/1.7 Fraunces,serif;margin:26px 0 14px}.auth-quote small{color:#9099bc;font-size:11px;letter-spacing:.04em}.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:55px clamp(25px,8vw,100px)}.auth-brand{display:flex;gap:10px;align-items:center;color:var(--ink);font:700 20px Fraunces,serif;position:absolute;top:35px}.auth-form{max-width:380px;width:100%}.auth-form h1{font:600 32px Fraunces,serif;letter-spacing:-.01em;margin:10px 0 8px;color:var(--ink)}.auth-form>p{color:var(--muted);font-size:13px;margin:0 0 30px}.auth-form form{display:grid;gap:16px}.auth-form label{margin-top:1px}.auth-form input{background:var(--card-hi);padding:13px}.auth-switch{text-align:center;color:var(--muted);font-size:12px;margin-top:21px}.auth-switch button{border:0;background:transparent;padding:0;color:var(--teal-hi);font-weight:700}.mobile-overlay{display:none}@media (max-width: 900px){.sidebar{width:226px}.main-content{margin-left:226px;width:calc(100% - 226px)}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.page-body{padding-top:30px}.auth-page{grid-template-columns:1fr}.auth-decoration{display:none}.auth-panel{min-height:100vh}.auth-brand{position:static;margin-bottom:70px}.history-columns{grid-template-columns:1fr}}@media (max-width: 750px){.prep-tips{grid-template-columns:1fr}}@media (max-width: 600px){.sidebar{transform:translate(-100%);transition:transform .25s}.sidebar-open{transform:translate(0)}.main-content{margin-left:0;width:100%}.topbar{min-height:84px;padding:18px 20px;gap:11px}.menu-toggle{display:block}.profile{margin-left:auto}.profile>div:last-of-type,.profile-icon{display:none}.page-body{padding:27px 18px 50px}.welcome-row,.section-header{align-items:flex-start;flex-direction:column}.welcome-row h2,.section-header h2{font-size:23px}.welcome-row .primary-button,.section-header .primary-button{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px;gap:9px}.stat-icon{width:32px;height:32px}.stat-card strong{font-size:20px}.card{padding:17px}.target-grid{grid-template-columns:1fr}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;border:0;background:#0b122455}.entry-detail{display:none}.auth-panel{padding:30px 25px}.auth-brand{margin-bottom:70px}.auth-form h1{font-size:28px}.form-row{gap:9px}.modal{padding:20px}.notice{left:18px;right:18px;top:14px}}