@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Serif+Display:ital@0;1&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";.muted{color:var(--muted)}.spaced-heading{margin-top:28px}.currency-line{display:block;font-size:clamp(17px,2vw,26px)}.extended-auth{max-width:none;min-width:0}.extended-auth .form-grid{gap:18px}.extended-auth .auth-form{max-width:100%}.auth-actions{display:flex;gap:12px}.auth-actions>.btn{flex:1}.signup-progress{display:flex;gap:8px;margin:24px 0}.signup-progress span{flex:1;text-align:center;font-size:12px;padding:11px 6px;background:var(--surface-soft);color:var(--muted);border-radius:9px}.signup-progress .active{background:var(--green-soft);color:var(--green);font-weight:700}.otp-input{letter-spacing:.45em;font-size:26px!important;text-align:center;padding:16px!important;font-variant-numeric:tabular-nums}.otp-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.otp-controls button:disabled{opacity:.55;cursor:wait}.teacher-signup-fields{border-top:1px solid var(--line);padding-top:22px}.teacher-signup-fields h3{margin-bottom:18px}.teacher-signup-fields .alert{margin-top:16px}.person-avatar{width:48px;height:48px;min-width:48px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--green-soft);color:var(--green);font-weight:700;font-size:17px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.person-avatar.large{width:80px;height:80px;min-width:80px;font-size:28px}.person-avatar img{width:100%;height:100%;object-fit:cover}.person-avatar.small{width:32px;height:32px;min-width:32px;font-size:12px}.directory-filters{display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1fr;gap:16px;margin-bottom:26px}.teacher-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.teacher-profile-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-width:0;display:flex;flex-direction:column;gap:19px;transition:box-shadow .2s,border-color .2s}.teacher-profile-card:hover{border-color:var(--gold);box-shadow:0 9px 24px #143c3010}.teacher-profile-top{display:flex;align-items:center;gap:16px}.teacher-profile-top>div{min-width:0}.teacher-profile-top h2{font-size:25px;margin:7px 0 5px;overflow-wrap:anywhere}.teacher-profile-top p{color:var(--muted);font-size:13px;margin:0}.verified-label{font-size:10px;color:var(--green);display:flex;align-items:center;gap:5px;line-height:1.6}.teacher-tags{display:flex;gap:6px;flex-wrap:wrap}.teacher-tags span,.lesson-kind span{border-radius:20px;background:var(--surface-soft);padding:5px 10px;font-size:11px;line-height:1.4}.teacher-bio{font-size:13px;line-height:1.85;margin:0;overflow-wrap:anywhere;white-space:pre-line}.teacher-facts{display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:12px}.teacher-facts>span{display:flex;align-items:flex-start;gap:8px;overflow-wrap:anywhere}.teacher-facts svg{flex:none}.teacher-card-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:8px}.teacher-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px}.qualification-list>div{display:flex;gap:14px;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.qualification-list p{color:var(--muted);font-size:12px;margin:5px 0}.qualification-list svg{flex:none;color:var(--gold)}.zone-clocks{display:flex;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:24px 0}.zone-clocks>div{flex:1;background:var(--surface);display:flex;flex-direction:column;gap:8px;padding:19px 23px;min-width:0}.zone-clocks span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.zone-clocks strong{font-size:15px;overflow-wrap:anywhere}.zone-clocks small{font-size:11px;color:var(--green);overflow-wrap:anywhere}.slot-section{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:24px 0}.slot-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.slot-heading h2{font-size:25px;margin:0 0 8px}.slot-heading p{font-size:12px;color:var(--muted);margin:0}.slot-heading p strong{overflow-wrap:anywhere}.week-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:25px 0 20px}.week-controls .field{max-width:260px;flex:1;min-width:0}.slot-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;font-size:11px;color:var(--muted);margin:20px 0}.slot-legend>span{display:flex;align-items:center;gap:6px}.slot-legend i{width:8px;height:8px;display:inline-block;border-radius:50%;flex:none}.available-dot{background:#2e8867}.held-dot{background:#c79849}.booked-dot{background:#989ca0}.slot-legend label{display:flex;align-items:center;gap:6px;margin-left:auto;cursor:pointer}.slot-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.slot-day{min-width:0}.slot-day h3{font-size:11px;font-family:inherit;text-align:center;padding:11px 5px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;line-height:1.65;margin:0 0 12px}.slot-day-times{display:flex;flex-direction:column;gap:8px}.time-slot{font-family:inherit;text-align:center;display:flex;align-items:center;flex-direction:column;gap:6px;padding:13px 5px;border:1px solid #c8dfd2;border-radius:10px;min-height:97px;background:var(--green-soft);color:var(--green);cursor:pointer;width:100%;transition:background .15s,box-shadow .15s}.time-slot strong{font-size:11px;line-height:1.5;font-weight:600}.time-slot small{font-size:10px;font-weight:700}.time-slot span{font-size:9px;opacity:.85;line-height:1.5}.time-slot.available:hover:not(:disabled){box-shadow:0 0 0 2px var(--green);background:var(--surface)}.time-slot.selected{background:var(--green);color:#fff;border-color:var(--green)}.time-slot.held{background:#fbf3df;border-color:#e3cf9d;color:#8d641d;cursor:not-allowed}.time-slot.booked,.time-slot.unavailable{background:var(--surface-soft);color:var(--muted);border-color:var(--line);cursor:not-allowed}.time-slot.view-only{cursor:default}.time-slot .conflict-note{font-size:9px;font-style:italic}.no-slot{font-size:11px;text-align:center;color:var(--muted);padding:15px 2px}.booking-policy{display:flex;gap:10px;align-items:flex-start;margin-top:24px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted)}.booking-policy svg{flex:none;color:var(--green);margin-top:3px}.booking-policy p{font-size:11px;line-height:1.85;margin:0}.bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);padding:22px;border-radius:14px;margin-top:24px}.bottom-cta p{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.booking-main,.booking-sidebar{min-width:0}.booking-sidebar{position:sticky;top:24px}.booking-sidebar h2{font-size:24px}.booking-sidebar .btn{width:100%}.booking-selectors{display:grid;grid-template-columns:1fr 1fr;gap:18px}.booking-step{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:22px}.booking-step span{height:26px;min-width:26px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700}.booking-price{margin:16px 0;color:var(--ink)}.booking-price strong{font-size:26px;font-family:inherit}.booking-price small{color:var(--muted);font-size:12px}.selected-times{display:flex;flex-direction:column;gap:12px;margin:22px 0}.selected-time{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.selected-time strong{font-size:12px}.selected-time p{font-size:11px;color:var(--muted);margin:6px 0;line-height:1.7}.selected-time .icon-btn{flex:none}.selection-list{list-style:none;padding:0;margin:20px 0}.selection-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.selection-list small{display:block;color:var(--muted)}.booking-summary-note{font-size:12px;line-height:1.9;color:var(--muted)}.review-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.review-stats>div{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--surface-soft);min-width:0}.review-stats strong{display:block;font-size:22px}.review-stats span{font-size:11px;color:var(--muted)}.review-lessons{display:flex;flex-direction:column;gap:12px;max-height:360px;overflow-y:auto;margin:18px 0;padding-right:4px}.review-lessons>div{padding:12px;border:1px solid var(--line);border-radius:10px}.review-lessons .dual-time{margin:0}.skipped-lessons{font-size:12px;line-height:1.8;padding-left:20px}.booking-review .btn{margin-top:10px}.dual-time{display:flex;flex-direction:column;gap:12px;margin:20px 0}.dual-time>div{display:flex;gap:10px;align-items:flex-start;min-width:0}.dual-time svg{flex:none;margin-top:3px;color:var(--gold)}.dual-time>div>span{min-width:0;display:flex;flex-direction:column;gap:5px}.dual-time strong{font-size:10px;font-weight:500;color:var(--muted);overflow-wrap:anywhere}.dual-time span span{font-size:13px;line-height:1.65;overflow-wrap:anywhere}.enrollment-list{display:grid;grid-template-columns:1fr;gap:22px}.record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.record-heading>div{min-width:0}.record-heading h2{font-size:25px;margin:6px 0 0;overflow-wrap:anywhere}.record-heading .badge{flex:none;max-width:45%;white-space:normal}.enrollment-people{display:flex;flex-wrap:wrap;gap:15px 30px;margin:20px 0}.enrollment-people>div{display:flex;align-items:center;gap:12px;min-width:0}.enrollment-people strong{font-size:14px}.enrollment-people small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.enrollment-meta{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px;margin:20px 0;color:var(--muted)}.enrollment-schedule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.enrollment-schedule>.dual-time,.enrollment-schedule>div{margin:0;padding:15px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.hold-countdown{padding:13px 17px;border:1px solid #e7d3a5;background:#fbf5e9;color:#8c6524;border-radius:10px;font-size:12px;line-height:1.7}.record-actions{flex-wrap:wrap}.record-actions .btn{white-space:normal}.generated-note{display:flex;gap:8px;color:var(--green);font-size:12px;margin:16px 0}.generated-note svg{flex:none}.enrollment-filter{margin-bottom:24px;max-width:320px}.badge.expired{background:var(--surface-soft);color:var(--muted)}.badge.paused{background:#fbf3df;color:#8d641d}.class-filters{margin-bottom:26px}.class-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.class-tabs button{font:inherit;font-size:12px;border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 16px;border-radius:8px;cursor:pointer}.class-tabs button.active{background:var(--green-soft);color:var(--green);font-weight:700}.date-filters{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.date-filters .field{flex:1;min-width:150px;max-width:260px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.lesson-card{margin:0;min-width:0}.lesson-card h2{font-size:23px}.lesson-people{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.lesson-people>div{min-width:0;flex:1}.lesson-people strong{font-size:12px;overflow-wrap:anywhere;display:block}.lesson-people small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.lesson-kind{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.join-hint{font-size:11px;line-height:1.8;color:var(--muted);display:flex;gap:7px;align-items:flex-start}.join-hint svg{flex:none;margin-top:3px}.lesson-notes{font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.lesson-time-panel{margin-bottom:20px}.lesson-time-panel .dual-time{margin:0}.photo-picker{display:flex;gap:19px;align-items:center;margin-bottom:30px;flex-wrap:wrap}.photo-picker>div{flex:1;min-width:140px}.photo-picker strong{font-size:14px}.photo-picker p{font-size:11px;line-height:1.8;color:var(--muted);margin:6px 0 12px}.photo-picker .btn{font-size:12px;padding:9px 12px;cursor:pointer}.photo-picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.photo-picker .text-btn{margin-left:12px}.photo-picker .alert{width:100%}.settings-subsection{padding:26px 0;border-top:1px solid var(--line)}.settings-subsection h3{font-size:23px;margin-bottom:10px}.settings-subsection p{font-size:12px;line-height:1.9}.settings-teaching{margin-top:24px}.availability-rows{margin:20px 0}.availability-edit-row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto 36px;gap:14px;align-items:end;padding:16px 0;border-bottom:1px solid var(--line)}.availability-edit-row .field{min-width:0}.availability-edit-row .field input,.availability-edit-row .field select{min-width:0;width:100%}.availability-edit-row .inline-check{display:flex;align-items:center;gap:6px;font-size:12px;padding-bottom:14px}.availability-edit-row>.icon-btn{margin-bottom:4px}.availability-edit-row.inactive{opacity:.6}.qualification-edit-row{display:grid;grid-template-columns:1.2fr 1.2fr 100px 36px;gap:14px;align-items:end;margin:20px 0}.qualification-edit-row>.icon-btn{margin-bottom:3px}.course-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.check-card{padding:15px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:flex-start;gap:12px;cursor:pointer}.check-card input{margin-top:3px;accent-color:var(--green)}.check-card span{display:flex;flex-direction:column;gap:6px;min-width:0}.check-card strong{font-size:12px;overflow-wrap:anywhere}.check-card small{font-size:10px;color:var(--muted)}.settings-teaching .data-form>.btn{align-self:flex-start}.settings-admin{margin-top:24px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[data-theme=dark] .time-slot.held,[data-theme=dark] .hold-countdown,[data-theme=dark] .badge.paused{background:#392f1e;color:#e2bd73;border-color:#665032}[data-theme=dark] .time-slot.available{border-color:#375747}[data-theme=dark] .time-slot.selected{background:#246650;color:#fff}@media(min-width:1600px){.teacher-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1400px){.teacher-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-layout{grid-template-columns:minmax(0,1fr)}.booking-sidebar{position:static;display:block}.booking-sidebar .btn{width:auto}.booking-sidebar .selected-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-profile-top .person-avatar.large{width:66px;height:66px;min-width:66px}.enrollment-schedule{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.directory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-week{grid-template-columns:repeat(4,minmax(0,1fr))}.teacher-detail-grid,.lesson-grid{grid-template-columns:1fr}.course-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-day{background:var(--surface-soft);padding:10px;border-radius:10px}.slot-day h3{background:var(--surface)}.slot-day-times{max-height:370px;overflow-y:auto;padding:2px}.time-slot strong{font-size:12px}}@media(max-width:760px){.teacher-directory{grid-template-columns:1fr}.teacher-profile-card{padding:22px}.teacher-profile-top h2{font-size:24px}.slot-section{padding:18px}.slot-heading h2{font-size:22px}.slot-heading{align-items:flex-start}.slot-heading>.btn{font-size:11px;padding:9px}.week-controls{flex-wrap:wrap}.week-controls .field{order:-1;flex-basis:100%;max-width:none}.week-controls>.btn{flex:1}.slot-week{grid-template-columns:repeat(3,minmax(0,1fr))}.slot-legend label{margin-left:0}.zone-clocks>div{padding:15px}.zone-clocks strong{font-size:13px}.booking-selectors,.booking-sidebar .selected-times{grid-template-columns:1fr}.bottom-cta{flex-direction:column;align-items:stretch}.bottom-cta .btn{width:100%}.enrollment-schedule{grid-template-columns:1fr}.availability-edit-row{grid-template-columns:1.2fr 1fr 1fr;gap:10px}.availability-edit-row .inline-check{padding-bottom:8px}.availability-edit-row>.icon-btn{grid-column:3;justify-self:end}.qualification-edit-row{grid-template-columns:1fr 1fr}.qualification-edit-row>.icon-btn{justify-self:end}.review-stats{grid-template-columns:1fr 1fr}.record-heading h2{font-size:22px}}@media(max-width:480px){.directory-filters{grid-template-columns:1fr;gap:14px}.zone-clocks{flex-direction:column}.zone-clocks>div{gap:6px}.slot-week{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.slot-day{padding:7px}.slot-section{padding:14px}.slot-heading{flex-direction:column}.slot-heading>.btn{align-self:flex-end}.slot-legend{font-size:10px;gap:10px}.person-avatar.large{width:62px;height:62px;min-width:62px}.teacher-profile-top{gap:12px}.teacher-profile-card{padding:18px}.verified-label{font-size:9px}.teacher-profile-top h2{font-size:22px}.course-checks{grid-template-columns:1fr}.availability-edit-row{grid-template-columns:1fr 1fr}.availability-edit-row>.field:first-child{grid-column:1/-1}.availability-edit-row>.icon-btn{grid-column:2}.qualification-edit-row{grid-template-columns:1fr}.qualification-edit-row>.icon-btn{justify-self:start}.extended-auth .form-grid{grid-template-columns:1fr}.signup-progress{gap:5px}.signup-progress span{font-size:10px}.auth-actions{flex-wrap:wrap}.photo-picker{gap:14px}.enrollment-people{flex-direction:column}.record-heading,.lesson-people{flex-wrap:wrap}.lesson-card .record-actions>.btn{flex:1 1 140px}.date-filters .field{max-width:none}.date-filters>.btn{width:100%}.class-tabs button{flex:1 1 auto;padding:10px}.review-stats>div{padding:11px}.review-stats strong{font-size:19px}}@media(prefers-reduced-motion:reduce){.teacher-profile-card,.time-slot{transition:none}}.booking-steps{display:flex;gap:8px;margin:0 0 26px;flex-wrap:wrap}.booking-steps>span{padding:11px 16px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;font-size:11px;flex:1;text-align:center}.booking-steps .active{background:var(--green);border-color:var(--green);color:#fff}.booking-steps .done{background:var(--green-soft);color:var(--green)}.booking-review-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.booking-summary{position:sticky;top:20px;min-width:0;display:flex;flex-direction:column;gap:16px}.booking-summary h2{font-size:25px;margin:0}.booking-summary h3{font-size:19px;margin:5px 0}.booking-summary p{font-size:12px;line-height:1.85;margin:0}.booking-summary>small{color:var(--muted);font-size:10px;line-height:1.8}.booking-summary dl{margin:0}.booking-summary dl>div{display:flex;gap:10px;justify-content:space-between;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.booking-summary dt{color:var(--muted)}.booking-summary dd{margin:0;text-align:right}.summary-price{font-size:28px;font-weight:600;margin:4px 0}.summary-price small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:7px}.selected-mini{display:flex;flex-direction:column;gap:10px}.selected-mini>div{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px;background:var(--green-soft);border-radius:9px;font-size:11px;line-height:1.8}.selected-mini .icon-btn{flex:none}.selected-lessons{margin:20px 0}.selected-lessons>div{margin-bottom:16px;border:1px solid var(--line);padding:18px;border-radius:10px}.selected-lessons .dual-time{margin-bottom:0}.preview-lesson-list{max-height:300px;overflow-y:auto;padding-right:5px;margin:15px 0}.preview-lesson-list p{font-size:12px;padding:11px 0;margin:0;border-bottom:1px solid var(--line);line-height:1.8}.enrollment-grid{display:grid;grid-template-columns:1fr;gap:22px}.enrollment-panel{margin:0}.enrollment-people>div{display:block}.enrollment-people p{font-size:11px;color:var(--muted);margin:5px 0 0;overflow-wrap:anywhere}.enrolled-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.enrolled-slots>div{padding:15px;border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;min-width:0}.enrolled-slots .dual-time{margin:0}.hold-note{font-size:12px;line-height:1.8;padding:14px 18px;background:#fbf5e9;color:#8c6524;border:1px solid #e7d3a5;border-radius:10px;margin:18px 0}.enrollment-notes{white-space:pre-line;overflow-wrap:anywhere;font-size:12px;line-height:1.8;color:var(--muted)}[data-theme=dark] .hold-note{background:#392f1e;color:#e2bd73;border-color:#665032}@media(max-width:1400px){.booking-summary{position:static}.booking-review-grid{grid-template-columns:1fr}.booking-summary>.btn{width:100%}.enrolled-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.enrolled-slots{grid-template-columns:1fr}.booking-steps>span{flex:1 1 40%;padding:10px}.booking-summary h2{font-size:23px}}.live-learning-page{min-width:0}.live-learning-page .page-heading{margin-bottom:22px}.room-information{padding:18px 22px;margin-bottom:24px}.room-information .dual-time{margin:0}.room-participant-line{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:13px;margin-top:14px;font-size:12px}.room-participant-line>span{display:flex;align-items:center;gap:8px}.room-participant-line small{color:var(--muted);font-size:10px}.room-security{margin-left:auto;color:var(--muted);font-size:11px}.learning-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);gap:22px;align-items:start}.video-workspace,.resource-desk{min-width:0}.workspace-toolbar{background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-toolbar>span{display:flex;align-items:center;gap:9px;font-size:12px}.workspace-toolbar .btn{font-size:11px;min-height:32px;padding:6px 11px}.daily-stage{height:490px;position:relative;background:#102e26;overflow:hidden}.daily-stage iframe{display:block;width:100%;height:100%;border:0;background:#102e26}.frame-loading{position:absolute;inset:0;display:flex;gap:13px;justify-content:center;align-items:center;color:#f0f8ef;background:#102e26;pointer-events:none;font-size:13px}.room-waiting{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;position:relative;color:#f0f8ef;background:radial-gradient(ellipse at 50% 15%,#21483b 0,#102e26 70%)}.room-orbit{width:132px;height:132px;border-radius:50%;border:1px solid #d1e6d526;display:grid;place-items:center;position:relative;box-shadow:0 0 0 20px #d1e6d507;margin-bottom:30px}.room-peer-avatar{height:94px;width:94px;display:grid;place-items:center;border:1px solid #d0e8d24d;border-radius:50%;background:#d0e8d214;font-size:29px;letter-spacing:1px;color:#e6ecd3}.room-orbit-icon{position:absolute;bottom:0;right:1px;display:grid;place-items:center;border-radius:50%;height:37px;width:37px;border:1px solid #63816a;background:#2c5747;color:#dee9ce}.room-kicker{font-size:9px;letter-spacing:1.8px;color:#b8ccb7;font-weight:600}.room-waiting h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:29px;line-height:1.25;margin:10px 0 12px;max-width:360px}.room-waiting p{font-size:12px;line-height:1.9;color:#c2d1c6;max-width:340px;margin-bottom:22px}.room-waiting .btn{background:#e9efd8;color:#214635;min-height:42px;font-size:12px;border:1px solid transparent}.room-waiting>small{color:#bbccbf;font-size:11px;max-width:330px}.waiting-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#c4d4bc}.waiting-label .small-dot{background:#d1b46f}.video-bottom-bar{background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.video-bottom-bar>div:first-child{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;flex:1;min-width:130px}.video-bottom-actions{display:flex;gap:8px;flex-wrap:wrap}.video-bottom-actions .btn{font-size:11px;padding:8px 13px;min-height:36px}.room-help{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 2px}.lesson-tools{margin-top:22px;padding:22px}.lesson-tools h3{font-size:18px;line-height:1.4;margin:5px 0 9px;font-family:"DM Serif Display",Georgia,serif;font-weight:400}.lesson-tools p{font-size:12px;line-height:1.85;color:var(--muted);white-space:pre-wrap}.lesson-tool-actions{display:flex;align-items:center;gap:10px 15px;flex-wrap:wrap;margin-top:18px}.lesson-tool-actions .btn{font-size:11px;padding:9px 12px;min-height:37px}.lesson-tool-actions .text-link{font-size:11px}.room-technical{font-size:11px;color:var(--muted);margin:18px 3px;line-height:1.85}.room-technical summary{cursor:pointer;color:var(--ink);font-size:12px}.room-technical p{margin-top:8px}.room-technical code{overflow-wrap:anywhere;font-size:10px}.cleanup-warning{border:1px solid var(--danger);padding:15px;border-radius:12px;margin-top:15px;font-size:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cleanup-warning p{flex:1;min-width:160px}.resource-desk{overflow:hidden;padding:0!important;border-radius:16px}.resource-heading{padding:21px 20px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px}.resource-heading h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:23px;line-height:1.3;margin:7px 0 0}.resource-heading>.icon,.resource-heading>svg{color:var(--green)}.resource-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.resource-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 18px 14px;padding:4px;background:var(--surface-soft);border-radius:10px}.resource-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;padding:10px 4px;background:transparent;color:var(--muted);font-size:12px}.resource-tabs button.active{background:var(--surface);color:var(--green);box-shadow:0 2px 7px #102e260b;font-weight:600}.resource-sync{background:var(--surface-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 17px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-height:45px}.resource-sync.following{background:var(--green-soft)}.resource-sync>span{font-size:10px;display:flex;align-items:center;gap:7px;color:var(--green)}.resource-sync .btn{min-height:28px;padding:4px 8px;font-size:10px}.resource-sync .text-btn{font-size:10px}.resource-reset{font-size:10px;padding:11px 17px;display:flex;align-items:center;gap:10px;color:var(--muted);border-bottom:1px solid var(--line)}.resource-reset>span{flex:1}.resource-reset .text-btn{white-space:nowrap;font-size:10px}.resource-controls{padding:16px 17px 11px;display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:12px}.resource-controls .field{margin:0}.resource-controls .field>span{font-size:10px}.resource-controls input,.resource-controls select{font-size:12px;padding:9px 10px;min-height:38px;width:100%}.resource-controls .resource-translation{grid-column:1/-1}.resource-controls .resource-translation{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center}.resource-collection{grid-column:1/-1}.hadith-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reference-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 15px 13px;border-bottom:1px solid var(--line)}.reference-navigation .btn{font-size:10px;min-height:31px;padding:6px 8px;gap:4px}.reference-navigation>span{font-size:11px;color:var(--muted)}.resource-body{padding:20px;min-height:250px}.resource-body .loading{min-height:230px}.resource-desk>.alert{margin:12px}.resource-surah-title{padding:18px 20px;text-align:center;border-bottom:1px solid var(--line);background:var(--surface-soft)}.resource-surah-title strong{display:block;font-family:Noto Naskh Arabic,serif;font-size:27px;font-weight:500;line-height:1.6}.resource-surah-title>span{font-size:10px;color:var(--muted)}.resource-reading-scroll{max-height:400px;min-height:220px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;position:relative}.class-ayah{padding:17px 19px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.class-ayah.selected{background:var(--green-soft);border-left-color:var(--green)}.class-ayah-label{display:flex;align-items:center;gap:9px;font-size:10px;border:0;border-radius:5px;padding:3px 6px;color:var(--green);background:var(--surface-soft)}.class-ayah-label>span{font-size:8px;letter-spacing:.3px;color:var(--muted)}.class-ayah-arabic{font-family:Noto Naskh Arabic,serif;font-size:29px;line-height:2.15;margin:13px 0 14px;text-align:right;overflow-wrap:normal}.class-ayah-en{font-size:12px;line-height:1.9;color:var(--ink);margin:8px 0}.class-ayah-ur{font-family:Noto Naskh Arabic,serif;font-size:22px;line-height:2.1;color:var(--ink);margin:8px 0}.class-audio{padding:12px 17px;border-top:1px solid var(--line)}.class-audio>span{font-size:9px;display:flex;align-items:center;gap:6px;color:var(--muted);margin-bottom:8px}.class-audio audio{width:100%;height:33px}.resource-source{font-size:9px;color:var(--muted);line-height:1.8;padding:12px 18px;border-top:1px solid var(--line)}.hadith-reading{max-height:570px;padding:22px;min-height:320px}.hadith-reference{display:inline-block;font-size:11px;font-weight:600;color:var(--green);margin-bottom:20px;line-height:1.9}.class-hadith-text{font-size:13px;line-height:2;white-space:pre-line}.class-hadith-text.arabic{font-family:Noto Naskh Arabic,serif;font-size:25px;line-height:2}.hadith-reading .resource-source{padding:12px 0 0;margin-top:18px}.resource-empty{color:var(--muted);font-size:12px;line-height:1.9}.shared-notes-body{padding:22px;min-height:350px}.shared-notes-body h3{font-size:15px}.shared-notes-body textarea{font-size:12px;width:100%;line-height:1.9;min-height:250px}.shared-notes-body small{font-size:9px;color:var(--muted)}.shared-notes-content{font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:18px}.resource-footer{background:var(--surface-soft);border-top:1px solid var(--line);padding:13px 18px;color:var(--muted);font-size:9px;line-height:1.9}.workspace-wide{position:fixed;inset:0;background:var(--bg);z-index:80;padding:24px 34px;overflow:auto}.workspace-wide .learning-workspace{grid-template-columns:minmax(0,1.6fr) minmax(350px,1fr);max-width:1700px;margin:auto}.workspace-wide .daily-stage{height:calc(100vh - 330px);min-height:400px}.workspace-wide .room-information{max-width:1700px;margin-left:auto;margin-right:auto}.workspace-wide .resource-reading-scroll{max-height:calc(100vh - 525px);min-height:250px}.admin-operations{display:grid;gap:12px;margin-top:18px}.admin-operation-link{display:flex;gap:14px;align-items:center;border:1px solid var(--line);padding:17px;border-radius:11px}.admin-operation-link strong{display:block;font-size:13px}.admin-operation-link small{color:var(--muted);font-size:11px}.admin-operation-link>svg:last-child{margin-left:auto}.dashboard-grid .upcoming-item .btn{font-size:10px;min-height:32px;padding:7px 10px}.lesson-card .room-id-caption{font-size:9px;overflow-wrap:anywhere;color:var(--muted);margin-top:9px}@media(min-width:1550px){.daily-stage{height:560px}.resource-reading-scroll{max-height:430px}}@media(max-width:1180px){.learning-workspace{grid-template-columns:minmax(0,1fr)}.daily-stage{height:520px}.resource-reading-scroll{max-height:500px}.resource-heading{padding-top:22px}.resource-controls{grid-template-columns:minmax(0,2fr) 100px minmax(0,1.5fr)}.resource-controls .resource-translation{grid-column:auto;display:block}.resource-translation select{margin-top:5px}.hadith-controls{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.resource-collection{grid-column:auto}.workspace-wide .learning-workspace{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr)}.workspace-wide{padding:18px}.workspace-wide .resource-controls{grid-template-columns:minmax(0,1fr) 78px}.workspace-wide .resource-translation,.workspace-wide .resource-collection{grid-column:1/-1}}@media(max-width:760px){.live-learning-page .page-heading h1{font-size:28px}.room-information{padding:15px}.room-security{margin-left:0}.daily-stage{height:460px}.room-waiting{padding:24px 17px}.room-waiting h2{font-size:27px}.resource-controls{grid-template-columns:minmax(0,1fr) 85px}.resource-controls .resource-translation{grid-column:1/-1;display:grid;grid-template-columns:85px minmax(0,1fr)}.resource-translation select{margin-top:0}.hadith-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.resource-collection{grid-column:1/-1}.workspace-wide .learning-workspace{grid-template-columns:minmax(0,1fr)}.workspace-wide{padding:15px}.workspace-wide .daily-stage{height:450px;min-height:0}.workspace-wide .resource-reading-scroll{max-height:440px}.room-participant-line{gap:9px 15px}.video-bottom-bar{padding:12px}.resource-heading h2{font-size:24px}.lesson-tools{padding:19px}.modal-note{font-size:12px;margin-bottom:18px}.dashboard-grid .upcoming-item{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.resource-reading-scroll{scroll-behavior:auto}}.resource-focus-toggle{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;background:var(--surface-soft)}.resource-focus-toggle .btn{min-height:30px;padding:5px 9px;font-size:10px}.resource-desk.reading-focus .resource-surah-title{padding-top:10px;padding-bottom:10px}.resource-desk.reading-focus .resource-reading-scroll{max-height:620px;min-height:430px}.workspace-wide .resource-desk.reading-focus .resource-reading-scroll{max-height:calc(100vh - 210px)}:root{--bg:#f7f8f4;--surface:#fff;--surface-soft:#f5f6f1;--ink:#233d35;--muted:#78847e;--line:#e5e9e1;--green:#174f40;--green-deep:#103c32;--green-soft:#e9f2eb;--gold:#c6a366;--cream:#f4ecd9;--danger:#ac4d4b;--shadow:0 10px 35px #213c3110;--sidebar:246px;--radius:18px;color-scheme:light;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}:root[data-theme=dark]{--bg:#12231e;--surface:#1a2f27;--surface-soft:#20382e;--ink:#e3eee4;--muted:#a0b3a6;--line:#344b3e;--green:#b3d9bf;--green-deep:#c7e9cf;--green-soft:#304c3b;--gold:#dbbb7e;--cream:#374532;--danger:#f2aaa0;--shadow:0 10px 35px #0002;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img,video,svg{max-width:100%}svg{flex-shrink:0;vertical-align:middle}p,h1,h2,h3,h4{margin:0}p{overflow-wrap:anywhere}button{color:inherit}input,select,textarea{max-width:100%;min-width:0;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:11px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #63937820}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}textarea{resize:vertical}select{padding-right:28px}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px}input[type=range]{padding:0;accent-color:var(--green);height:18px}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3{line-height:1.25;overflow-wrap:anywhere}h3{font-size:17px;font-weight:650}small{font-size:12px;color:var(--muted)}em{font-weight:inherit}code{font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}::selection{background:#cde0c7;color:#173e2d}.skip-link{position:fixed;top:-70px;left:20px;background:var(--green);color:#fff;z-index:200;padding:12px}.skip-link:focus{top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border:1px solid transparent;border-radius:9px;background:var(--green);color:var(--surface);font-weight:600;font-size:13px;line-height:1.5;transition:background .18s,transform .18s;min-height:43px;white-space:normal;text-align:center}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.btn.outline{background:transparent;border-color:var(--line);color:var(--ink)}.btn.subtle{background:var(--green-soft);color:var(--green)}.btn.cream{background:#f7efdc;color:#214a38}.btn.danger{background:#b54b4b;color:#fff}.btn span{min-width:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;flex-shrink:0;border:0;border-radius:9px;background:transparent;color:var(--muted);transition:background .15s}.icon-btn:hover:not(:disabled){background:var(--green-soft);color:var(--green)}.icon-btn[aria-pressed=true]{background:var(--green-soft);color:var(--green)}.icon-btn[aria-pressed=true] svg{fill:currentColor;fill-opacity:.12}.text-link,.text-btn{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-weight:600;font-size:12px}.text-link:hover{text-decoration:underline}.text-btn{padding:0;background:none;border:0}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;line-height:1.4;text-transform:capitalize;background:var(--green-soft);color:var(--green);white-space:normal}.badge.neutral{background:var(--surface-soft);color:var(--muted)}.badge.pending,.badge.scheduled,.badge.submitted,.badge.late,.badge.paused{background:#f8efd7;color:#99702e}.badge.cancelled,.badge.rejected,.badge.absent,.badge.overdue{background:#f8e8e3;color:#a75a4b}.badge.active,.badge.approved,.badge.present,.badge.paid,.badge.completed,.badge.graded{background:#e7f3e8;color:#326848}.badge.ongoing{background:#e0edea;color:#267264}.badge.ongoing:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.row-actions .btn{min-height:33px;padding:6px 10px;font-size:11px}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);height:100dvh;position:fixed;inset:0 auto 0 0;z-index:70;display:flex;flex-direction:column;background:#123e33;color:#dbe6dc;border-right:1px solid #315449}.sidebar-brand{padding:27px 27px 23px;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand-icon{display:grid;place-items:center;width:42px;height:45px;border:1px solid #78937a6b;border-radius:10px 10px 5px 5px;color:#e1c28c}.brand strong{font-family:"DM Serif Display",Georgia,serif;font-size:32px;line-height:1;letter-spacing:.2px;font-weight:400;display:block;max-width:144px;overflow-wrap:anywhere}.brand-dot{color:#d3b77c}.brand small{font-size:8px;letter-spacing:2.15px;color:#a9bca9;display:block;margin-top:5px}.sidebar-scroll{overflow-y:auto;flex:1;min-height:0;padding:8px 15px 20px;scrollbar-width:thin;scrollbar-color:#345949 transparent}.nav-label{font-size:8px;letter-spacing:1.6px;font-weight:600;color:#8ca592;margin:4px 13px 12px}.nav-link{display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 13px;font-size:12px;font-weight:450;color:#bed0c3;border-radius:8px;margin:3px 0;transition:background .15s;position:relative}.nav-link:hover{background:#244f40}.nav-link.active{color:#f8edce;background:#2a5543}.nav-link.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:#d4b174;border-radius:0 3px 3px 0}.nav-link svg{opacity:.88}.nav-link span{flex:1;min-width:0}.new-pill{background:#426247;color:#e9d494;padding:2px 5px;font-size:7px;border-radius:4px;letter-spacing:.6px}.nav-divider{height:1px;background:#315346;margin:20px 12px}.sidebar-note{margin:26px 7px 0;border:1px solid #4a6451;border-radius:13px;padding:17px;background:linear-gradient(140deg,#244c3d,#163c32)}.sidebar-note>span{font-size:31px;line-height:1;color:#d2b47b}.sidebar-note h3{font-family:"DM Serif Display",Georgia,serif;font-size:18px;font-weight:400;margin:9px 0;color:#eee6c9}.sidebar-note p{font-size:11px;line-height:1.7;color:#aabcae;margin-bottom:13px}.sidebar-note a{font-size:10px;color:#e3d098;font-weight:500;display:flex;align-items:center;justify-content:space-between}.sidebar-footer{padding:18px;display:flex;align-items:center;gap:10px;border-top:1px solid #305242;background:#113a30}.sidebar-footer>div{min-width:0;flex:1}.sidebar-footer strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer small{font-size:10px;color:#92af9b;text-transform:capitalize}.sidebar-footer .icon-btn{color:#a2b6a8}.sidebar-footer .avatar{background:#385e46;color:#e8d8ac}.sidebar-signin{font-size:11px;color:#dce7d8;width:100%;display:flex;gap:10px;align-items:center;justify-content:space-between}.sidebar-close,.sidebar-overlay,.menu-button,.mobile-brand,.mobile-search,.bottom-nav{display:none}.app-main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:76px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 37px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:40}.topbar-left{display:flex;align-items:center;gap:10px}.breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;text-transform:capitalize;white-space:nowrap}.topbar-search{display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 12px;max-width:360px;width:37%;color:var(--muted);text-align:left;font-size:10px}.topbar-search span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-search kbd{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font:9px inherit;white-space:nowrap}.topbar-actions{display:flex;gap:8px;align-items:center}.topbar-join{font-size:11px;padding:9px 14px;min-height:37px}.avatar{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:650;flex-shrink:0}.avatar.small{width:26px;height:26px;font-size:8px}.topbar-avatar{border:3px solid var(--surface);outline:1px solid var(--line)}.main-content{width:100%;max-width:1590px;margin:0 auto;padding:30px 37px 46px;flex:1;min-width:0}.app-footer{border-top:1px solid var(--line);padding:18px 37px;color:var(--muted);font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:15px}.app-footer i{font-style:normal;margin:0 7px;color:var(--gold)}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;line-height:1.5;color:var(--green);text-transform:uppercase}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:5px 0 30px}.page-heading>div:first-child{min-width:0}.page-heading h1{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:35px;letter-spacing:-.7px;line-height:1.24;margin:9px 0}.page-heading p{font-size:12px;line-height:1.7;color:var(--muted);max-width:720px}.heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;max-width:48%}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:29px 0 17px}.section-heading h2{font-size:19px;font-weight:650;letter-spacing:-.4px}.section-heading p{font-size:11px;color:var(--muted);margin-top:5px}.section-heading .text-link{font-size:10px;flex-shrink:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:23px;min-width:0}.panel>.section-heading:first-child{margin-top:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:13px;border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.card-bottom>span{font-size:12px;font-weight:600}.course-icon{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--green-soft);color:var(--green);flex-shrink:0}.tone-1 .course-icon,.course-icon.tone-1{background:#f5ecdc;color:#997845}.tone-2 .course-icon,.course-icon.tone-2{background:#eaeef6;color:#6e7e9c}.record-card,.class-card,.assignment-card,.enrollment-card,.saved-card,.student-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:22px;min-width:0;display:flex;flex-direction:column}.record-card h3,.class-card h3,.assignment-card h3,.enrollment-card h3,.saved-card h3{font-size:19px;margin-bottom:9px}.record-card>p,.assignment-card>p,.enrollment-card>p,.saved-card>p{font-size:12px;color:var(--muted);line-height:1.8}.record-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:20px}.record-actions .btn{font-size:11px;padding:8px 12px;min-height:37px}.home-intro{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.2px;color:var(--muted);margin:0 0 16px;gap:16px}.home-intro>span:first-child{display:flex;align-items:center;gap:7px}.small-dot{display:inline-block;width:5px;height:5px;background:#7b9c70;border-radius:50%;flex-shrink:0}.small-dot.offline{background:#b99563}.today-label{letter-spacing:0;font-size:10px}.hero{background:linear-gradient(110deg,#eff3e9,#f1f1e5 65%,#e8eddf);border:1px solid #e5e9dc;border-radius:20px;min-height:376px;display:grid;grid-template-columns:1.25fr 1fr;position:relative;overflow:hidden;color:#254934}.hero-copy{padding:40px 0 35px 38px;z-index:1}.hero .eyebrow{font-size:8px;letter-spacing:1.7px;color:#718365}.hero h1{font-family:"DM Serif Display",Georgia,serif;font-size:59px;line-height:1.06;letter-spacing:-1.5px;font-weight:400;margin:16px 0 18px}.hero h1 em{color:#507851}.hero-copy>p{font-size:11px;line-height:1.9;color:#74826f}.hero-actions{display:flex;gap:10px;margin:23px 0}.hero-actions .btn{font-size:10px;min-height:38px;padding:10px 16px;background:#1b503b;color:#fff}.hero-actions .btn.outline{background:transparent;border-color:#cbd3c1;color:#43613c}.hero-foot{display:flex;gap:14px;align-items:center;color:#76856c;font-size:9px}.hero-foot>span{display:flex;align-items:center;gap:6px}.hero-foot i{height:11px;width:1px;background:#c7d0bc}.hero-art{display:flex;align-items:center;justify-content:center;padding:25px 25px 10px;position:relative}.arch{border:1px solid #aebf9566;border-radius:50% 50% 0 0;position:relative}.arch-outer{width:252px;height:307px;padding:14px;background:linear-gradient(130deg,#f6f6eb,#d5dfc3);box-shadow:20px 20px #79946308,0 12px 50px #50633a10}.arch-middle{height:100%;padding:12px;border-color:#b9c6a1}.arch-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eaf0dd77;border-color:#aaba9377}.art-star{color:#97aa73;font-size:35px;height:43px;line-height:1}.art-arabic{font-family:Noto Naskh Arabic,Georgia,serif;font-size:31px;font-weight:600;color:#527044;margin-top:4px;line-height:1.7;white-space:nowrap}.art-line{display:block;width:70px;height:1px;background:#b1bf9877;margin:12px 0}.arch-inner small{font-size:6px;letter-spacing:2px;color:#93a079}.art-book{margin-top:14px;color:#749263}.art-book svg{stroke-width:.65}.floating-note{position:absolute;bottom:33px;left:30px;display:flex;align-items:center;gap:7px;font-size:8px;padding:10px 13px;background:#f9fbf4e8;border:1px solid #cbd9ba;border-radius:7px;box-shadow:0 5px 20px #28432110;color:#6e895c}.feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:20px 0 31px;padding:21px 0}.feature-link{display:flex;align-items:center;gap:11px;padding:0 20px;min-width:0}.feature-link+.feature-link{border-left:1px solid var(--line)}.feature-link>div{min-width:0;flex:1}.feature-link strong{font-size:11px;display:block;font-weight:650}.feature-link small{display:block;font-size:9px;line-height:1.6;margin-top:3px}.feature-link>svg{color:var(--muted);width:14px}.feature-icon{height:38px;width:38px;background:var(--green-soft);color:#6f8c6b;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.feature-icon.hadith{background:#f4ecdb;color:#ae9461}.feature-icon.cap{background:#eaedf4;color:#8290a6}.feature-icon svg{stroke-width:1.3}.surah-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.surah-card{display:flex;align-items:center;gap:13px;padding:19px 17px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:11px;transition:border-color .2s,box-shadow .2s,transform .2s}.surah-card:hover{border-color:#a8bda0;box-shadow:0 5px 16px #304f2e0b;transform:translateY(-2px)}.surah-number{width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;background:var(--green-soft);color:var(--green);font-size:10px;font-weight:550;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.surah-card>div{min-width:0;flex:1}.surah-card h3{font-size:12px;font-weight:650}.surah-card p{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.5}.surah-card small{font-size:8px;color:var(--muted);display:block;margin-top:5px}.arabic-name{font-family:Noto Naskh Arabic,Georgia,serif;color:var(--green);font-size:22px;line-height:1.6;flex-shrink:0;max-width:32%;text-align:right}.home-surahs .surah-card{padding:17px 14px}.home-surahs .surah-card p{font-size:8px}.home-surahs .arabic-name{font-size:21px}.home-lower{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;margin-top:29px}.reflection-panel{background:var(--cream);border:1px solid #dcccad70;border-radius:15px;padding:27px;position:relative;overflow:hidden}.reflection-panel .eyebrow{font-size:8px;color:#a28b59}.reflection-panel h2{font-family:"DM Serif Display",Georgia,serif;font-size:30px;line-height:1.16;font-weight:400;letter-spacing:-.4px;margin:13px 0;color:#655c3b}.reflection-panel h2 em{color:#968451}.reflection-panel p{color:#9a8b6a;font-size:10px;line-height:1.9;max-width:235px;margin-bottom:18px}.reflection-panel .text-link{font-size:10px;color:#766941}.reflection-watermark{position:absolute;font-size:135px;color:#cabb9238;right:9px;bottom:8px;line-height:1;pointer-events:none}.home-courses{padding:0 4px;min-width:0}.home-courses>.section-heading{margin-top:4px;margin-bottom:14px}.mini-course{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.mini-course .course-icon{width:38px;height:38px;border-radius:10px}.mini-course>div{flex:1;min-width:0}.mini-course strong{font-size:12px;display:block}.mini-course small{display:block;font-size:9px}.mini-course>span:last-child{font-size:10px;font-weight:600}.live-counts{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:8px;margin-top:17px;flex-wrap:wrap}.live-counts .badge{font-size:7px;padding:2px 5px}.announcement{display:flex;align-items:center;gap:12px;margin:18px 0;padding:13px 17px;background:var(--cream);border:1px solid var(--line);border-radius:10px;font-size:12px;white-space:pre-wrap}.library-onboarding{display:flex;align-items:center;gap:19px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:23px}.library-onboarding>svg{color:var(--green);flex-shrink:0}.library-onboarding>div{flex:1}.library-onboarding h3{font-size:15px}.library-onboarding p{font-size:11px;color:var(--muted);margin-top:4px}.search-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:0 12px;min-width:0;min-height:42px;color:var(--muted)}.search-input:focus-within{border-color:var(--green)}.search-input input{padding:10px 0;border:0;background:none;box-shadow:none!important;width:100%;font-size:11px;border-radius:0}.search-input .icon-btn{width:26px;height:28px}.search-input .icon-btn svg{width:15px}.library-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 38px;min-height:170px;border:1px solid #dce5d0;border-radius:17px;background:linear-gradient(120deg,#edf1e4,#e9eee0);color:#3f623d;overflow:hidden}.library-banner .eyebrow{font-size:8px;color:#78976f}.library-banner h2{font-family:"DM Serif Display",Georgia,serif;font-size:30px;font-weight:400;margin:9px 0}.library-banner p{color:#7c8d70;font-size:11px}.banner-arabic{font-family:Noto Naskh Arabic,serif;font-size:55px;color:#86a475;font-weight:500;text-shadow:20px 10px 0 #b3c79c22}.library-toolbar{display:flex;justify-content:space-between;align-items:center;margin:27px 0 20px;gap:22px}.library-toolbar .search-input{width:350px}.tabs{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line)}.tabs>a,.tabs>span,.tabs>button{font-size:12px;padding:13px 0 12px;white-space:nowrap;color:var(--muted);background:none;border:0;position:relative}.tabs .active{color:var(--green);font-weight:650}.tabs .active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green);border-radius:3px}.source-note{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:var(--muted);margin-top:26px;line-height:1.8;flex-wrap:wrap}.source-note>svg{margin-top:2px}.source-note span{flex:1;min-width:180px}.source-note a{text-decoration:underline;text-underline-offset:3px;color:var(--green)}.reader-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;font-size:11px}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:11px}.reader-breadcrumb{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:10px}.reader-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;align-items:start}.reader-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:17px 12px;position:sticky;top:95px;max-height:calc(100dvh - 210px);min-height:250px;display:flex;flex-direction:column}.reader-sidebar h3{font-size:13px;padding:0 6px;margin-bottom:13px}.reader-sidebar>.search-input{min-height:36px;padding:0 9px}.reader-sidebar input{font-size:10px}.reader-sidebar>nav{overflow-y:auto;min-height:0;margin-top:12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.reader-sidebar nav>a{display:flex;align-items:center;gap:9px;padding:10px 7px;border-radius:7px;margin:2px 0}.reader-sidebar nav>a.active,.reader-sidebar nav>a:hover{background:var(--green-soft)}.reader-sidebar nav>a>span:first-child{font-size:9px;color:var(--muted);min-width:19px}.reader-sidebar nav>a>div{flex:1;min-width:0}.reader-sidebar nav strong{font-size:10px;display:block;font-weight:600}.reader-sidebar nav small{font-size:8px;display:block}.reader-sidebar .arabic-name{font-size:17px}.reader-content{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}.surah-heading{text-align:center;background:linear-gradient(125deg,var(--surface-soft),var(--surface));padding:33px 20px 14px}.surah-heading .eyebrow{font-size:8px;color:var(--muted);letter-spacing:1.9px}.surah-heading h1{font-family:Noto Naskh Arabic,serif;font-size:43px;color:var(--green);margin:17px 0 4px;line-height:1.8;font-weight:500}.surah-heading h2{font-family:"DM Serif Display",serif;font-size:24px;font-weight:400}.surah-heading p{font-size:10px;color:var(--muted);margin-top:7px}.surah-heading p span{padding:0 7px;color:var(--gold)}.surah-ornament{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--gold);font-size:25px;margin-top:18px}.surah-ornament span{height:1px;width:80px;background:linear-gradient(90deg,transparent,var(--line))}.surah-ornament span:last-child{transform:scaleX(-1)}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 25px;border-bottom:1px solid var(--line);background:var(--surface)}.reader-controls label{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted)}.reader-controls select{font-size:10px;padding:7px 20px 7px 8px;border-radius:6px}.font-control input{width:78px}.mobile-surah-select{display:none!important}.ayah-card{padding:22px 29px 26px;border-bottom:1px solid var(--line);scroll-margin-top:100px}.ayah-card.listening{background:var(--surface-soft)}.ayah-meta{display:flex;align-items:center;justify-content:space-between;gap:15px}.verse-reference{font-size:10px;border:1px solid var(--line);border-radius:6px;padding:3px 8px;color:var(--green)}.ayah-meta>div{display:flex;gap:3px}.ayah-meta .icon-btn{width:28px;height:28px}.ayah-meta .icon-btn svg{width:15px;height:15px}.ayah-arabic{font-family:Noto Naskh Arabic,serif;font-weight:400;line-height:2.2;margin:19px 0 15px;text-align:right;overflow-wrap:normal}.ayah-end{font-family:Noto Naskh Arabic,serif;font-size:17px;margin-inline-start:12px;border:1px solid var(--gold);color:var(--gold);border-radius:50%;padding:1px 6px;white-space:nowrap}.ayah-translation small{font-size:7px;letter-spacing:1.25px;color:var(--muted)}.ayah-translation p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:5px}.urdu,.rtl-text[lang=ur]{font-family:Noto Naskh Arabic,serif}.ayah-translation.urdu p{font-size:21px;line-height:2.1}.ayah-translation.urdu small{font-size:11px;letter-spacing:0}.surah-navigation{display:flex;justify-content:space-between;align-items:center;padding:22px;gap:12px}.surah-navigation .btn{font-size:10px;min-height:35px;padding:8px 12px}.reader-content>.source-note{padding:0 24px 20px;margin-top:0}.reading-page{padding-bottom:118px}.audio-dock{position:fixed;bottom:22px;left:calc(var(--sidebar) + 37px);right:37px;max-width:1516px;margin:auto;z-index:35;border:1px solid var(--line);background:var(--surface);border-radius:12px;box-shadow:0 6px 32px #16372821;min-height:71px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 19px;flex-wrap:wrap}.audio-details{display:flex;align-items:center;gap:12px;min-width:150px}.audio-details strong{font-size:11px;display:block}.audio-details small{font-size:8px;display:block;margin-top:3px}.audio-disc{width:35px;height:35px;display:grid;place-items:center;background:var(--green-soft);border-radius:9px;color:var(--green)}.audio-buttons{display:flex;gap:11px;align-items:center}.play-main{height:37px;width:37px;display:grid;place-items:center;background:var(--green);color:var(--surface);border:0;border-radius:50%}.play-main svg{width:17px}.continuous{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted)}.continuous input{width:13px;height:13px}.audio-error{width:100%;font-size:10px;color:var(--danger);margin-top:2px}.hadith-book-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:25px}.hadith-book{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:19px 16px;text-align:left;display:flex;align-items:center;gap:12px;min-width:0}.hadith-book.active{background:var(--green-soft);border-color:#a4bca1}.hadith-book>div{flex:1;min-width:0}.hadith-book strong{font-size:12px;line-height:1.5;display:block}.hadith-book small{font-size:9px;display:block;margin-top:5px}.hadith-book>svg{color:var(--muted);width:13px}.hadith-book-icon{color:var(--green);border-radius:9px;display:grid;place-items:center;height:40px;width:33px;flex-shrink:0}.hadith-toolbar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:12px}.hadith-toolbar .search-input{flex:2;min-width:220px}.hadith-toolbar>label{display:flex;flex-direction:column;gap:4px;font-size:8px;color:var(--muted);flex:1;min-width:115px;max-width:220px}.hadith-toolbar select{font-size:10px;padding:10px;max-width:100%}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 17px}.results-heading h2{font-size:18px;font-weight:600}.results-heading>span{font-size:10px;color:var(--muted)}.hadith-list{display:flex;flex-direction:column;gap:19px}.hadith-card{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.hadith-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.hadith-card-top>div:first-child{display:flex;align-items:center;gap:12px}.hadith-number{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:var(--green-soft);color:var(--green);font-family:"DM Serif Display",serif;font-size:18px}.hadith-card-top strong{font-size:12px;display:block}.hadith-card-top small{font-size:9px;display:block;margin-top:3px}.hadith-text{font-size:14px;color:var(--ink);line-height:1.95;white-space:pre-line;max-height:270px;overflow:hidden}.hadith-text.expanded{max-height:none}.rtl-text{font-family:Noto Naskh Arabic,serif;font-size:24px;line-height:2.15}.hadith-card>.text-btn{margin-top:13px;font-size:11px}.hadith-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:22px;padding-top:15px;flex-wrap:wrap}.hadith-card footer>span:first-child{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px}.hadith-card footer>small{font-size:9px}.hadith-card .icon-btn{height:31px;width:31px}.saved-card>.badge{align-self:flex-end;margin-top:-29px;margin-bottom:20px}.saved-card h3{font-size:17px;margin-top:14px}.global-search-row{display:flex;gap:11px;align-items:center}.global-search-row .search-input{flex:1;min-height:49px}.global-search-row .search-input input{font-size:13px}.global-search-row .btn{min-height:49px}.search-tabs{margin:22px 0;flex-wrap:wrap}.search-tabs select{font-size:10px;padding:7px 10px;max-width:210px;margin-left:auto}.search-tabs select+select{margin-left:0;max-width:130px}.search-results{display:flex;flex-direction:column;gap:15px}.search-result{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.search-result p{margin:14px 0;color:var(--muted);font-size:12px;line-height:1.9}.search-result .result-arabic{font-family:Noto Naskh Arabic,serif;font-size:25px;color:var(--ink);line-height:2}.search-result p.urdu{font-size:19px}.search-result h3{margin-top:12px}.result-excerpt{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.greeting-spark{display:inline-block;color:var(--gold);margin-left:12px;font-size:30px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:19px;min-width:0}.metric-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.metric-top>span:first-child{font-size:10px;color:var(--muted)}.metric-icon{height:29px;width:29px;display:grid;place-items:center;background:var(--green-soft);border-radius:8px;color:var(--green)}.metric-icon svg{width:16px;height:16px}.metric>strong{display:block;font-size:28px;line-height:1.35;font-weight:600;letter-spacing:-.8px;margin:11px 0 8px;overflow-wrap:anywhere}.metric>small{font-size:8px;display:block;line-height:1.7}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:21px}.dashboard-grid .panel{padding:22px}.dashboard-grid .section-heading{margin-top:0}.continue-card{padding:26px;background:linear-gradient(130deg,#174938,#244e37);color:#eee9d6;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;min-width:0}.continue-card>.eyebrow{font-size:8px;color:#a8bb92;letter-spacing:2px}.continue-card>svg{color:#d0b885;margin:24px 0 17px;stroke-width:1}.continue-card h2{font-family:"DM Serif Display",serif;font-size:31px;font-weight:400;line-height:1.18}.continue-card p{font-size:11px;color:#a8c2a9;margin:15px 0 19px}.continue-card .btn{font-size:10px;padding:10px 13px;margin-top:auto}.continue-card>small{font-size:8px;color:#93ae91;margin-top:20px}.upcoming-item{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.upcoming-item>div{flex:1;min-width:0}.upcoming-item h3{font-size:13px}.upcoming-item p{font-size:10px;color:var(--muted);margin:4px 0}.upcoming-item small{font-size:9px}.date-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px;width:48px;height:53px;border:1px solid var(--line);background:var(--surface-soft);flex-shrink:0}.date-tile strong{font-family:"DM Serif Display",serif;font-size:22px;font-weight:400;line-height:1.1;color:var(--green)}.date-tile small{font-size:8px;text-transform:uppercase;letter-spacing:.6px;margin-top:3px}.resource-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:23px}.resource-toolbar .search-input{width:370px}.resource-toolbar select{font-size:11px;min-width:140px}.resource-toolbar>span{font-size:11px;color:var(--muted);margin-left:auto}.course-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.course-cover{height:142px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;background:#e7efdf;position:relative;overflow:hidden}.course-cover>.course-icon{background:#d1e1c6;width:55px;height:58px;border-radius:14px;color:#69855c;margin-top:15px}.course-cover>.badge{background:#fff9;color:#66835a;font-size:8px}.course-decoration{position:absolute;right:20px;bottom:-37px;font-size:125px;line-height:1;color:#6c916328;transform:rotate(10deg)}.course-card.tone-1 .course-cover{background:#f0e9d8}.course-card.tone-1 .course-decoration{color:#ad935b33}.course-card.tone-1 .course-cover>.badge{color:#a58b59}.course-card.tone-1 .course-cover>.course-icon{background:#e6d9b7;color:#a38a54}.course-card.tone-2 .course-cover{background:#e7ebf2}.course-card.tone-2 .course-decoration{color:#7e8aa02b}.course-card.tone-2 .course-cover>.course-icon{background:#d6ddeb;color:#778aa7}.course-card.tone-2 .course-cover>.badge{color:#7a8da9}.course-body{padding:22px;flex:1;display:flex;flex-direction:column}.course-body h3{font-size:22px;letter-spacing:-.4px;margin-bottom:11px}.course-body>p{font-size:11px;line-height:1.9;color:var(--muted);white-space:pre-line}.course-facts{display:flex;gap:16px;align-items:center;margin:20px 0;font-size:9px;color:var(--muted);flex-wrap:wrap}.course-facts>span{display:flex;gap:5px;align-items:center}.course-price{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.course-price>strong{font-size:17px;line-height:1.4;letter-spacing:-.3px}.course-price small{font-size:9px;display:block;font-weight:400}.course-price .btn{font-size:10px;padding:8px 12px;min-height:35px}.course-body>.btn{margin-top:14px;min-height:33px;font-size:10px}.teacher-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;align-items:center;padding:26px;min-width:0;text-align:center}.teacher-avatar{height:66px;width:66px;border-radius:21px;display:inline-grid;place-items:center;font-family:"DM Serif Display",serif;font-size:27px;font-weight:400;background:linear-gradient(130deg,#e3edd8,#ecf0e4);color:#75936b;flex-shrink:0}.teacher-card>.badge{margin:14px 0}.teacher-card h3{font-size:19px;margin-bottom:12px}.teacher-card>p{font-size:11px;color:var(--muted);line-height:1.9}.teacher-card>.tags{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:15px 0}.teacher-card>small{font-size:10px}.teacher-card>.btn{font-size:11px;margin-top:22px}.student-card{align-items:center;text-align:center}.student-card h3{margin:16px 0 6px;font-size:18px}.student-card p{font-size:11px;color:var(--muted);margin-bottom:8px}.student-card>.text-link{margin-top:23px}.record-card dl{margin:7px 0 5px}.record-card dl>div{display:flex;justify-content:space-between;gap:15px;margin:9px 0;font-size:10px}.record-card dt{color:var(--muted)}.record-card dd{margin:0;text-align:right}.record-note{font-size:10px!important;white-space:pre-line;padding-top:14px}.class-course{font-size:11px;color:var(--muted);margin-bottom:17px}.class-details{display:flex;flex-direction:column;gap:10px}.class-details>span{font-size:10px;display:flex;align-items:flex-start;gap:8px;color:var(--muted)}.class-details svg{margin-top:1px}.info-line{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px;margin:-9px 0 24px}.due-date{display:flex;align-items:center;gap:7px;margin:20px 0 9px;font-size:10px}.assignment-card>small{font-size:10px}.submission{border:1px solid var(--line);background:var(--surface-soft);padding:12px;border-radius:8px;margin:17px 0 0;font-size:11px}.submission summary{cursor:pointer;font-weight:600}.submission p{white-space:pre-wrap;margin-top:12px;line-height:1.9;font-size:11px}.submission a{font-size:10px;text-decoration:underline;color:var(--green);margin-top:10px;display:block}.grade-box{background:var(--green-soft);padding:15px;border-radius:9px;margin-top:17px}.grade-box strong{font-size:20px;color:var(--green)}.grade-box p{font-size:11px;color:var(--muted);margin-top:6px}.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:13px;background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}thead{background:var(--surface-soft)}th{font-size:9px;color:var(--muted);letter-spacing:.2px;font-weight:550;padding:15px 16px;white-space:nowrap}td{padding:16px;vertical-align:middle;border-top:1px solid var(--line);line-height:1.7;max-width:340px;overflow-wrap:anywhere}td>strong,td>small{display:block}td>small{font-size:9px;color:var(--muted);margin-top:3px}.person-cell{display:flex;align-items:center;gap:9px;min-width:150px}.person-cell>strong{font-weight:550}.person-cell .avatar{width:30px;height:30px;font-size:9px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;border-top:1px solid var(--line);padding-top:17px}.pagination>span{font-size:10px;color:var(--muted)}.pagination>div{display:flex;gap:8px}.pagination .icon-btn{height:31px;width:31px;border:1px solid var(--line);background:var(--surface)}.notice-list{display:flex;flex-direction:column;gap:12px}.notice-card{display:flex;gap:16px;align-items:center;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.notice-card.unread{border-left:3px solid var(--green)}.notice-card>div{flex:1;min-width:0}.notice-card h3{font-size:14px}.notice-card p{font-size:11px;color:var(--muted);margin:7px 0}.notice-card small{font-size:9px}.month-picker{display:flex;flex-direction:column;gap:4px;font-size:9px;color:var(--muted)}.month-picker input{font-size:11px;padding:7px 10px;min-height:35px}.activity-item{display:flex;align-items:center;gap:16px;padding:19px 0;border-top:1px solid var(--line)}.activity-item>div{flex:1;min-width:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--green-soft);border:2px solid #9db795;box-shadow:0 0 0 4px var(--surface-soft)}.activity-item h3{font-size:13px}.activity-item p{font-size:10px;color:var(--muted);margin-top:5px}.alert{display:flex;gap:11px;padding:15px 17px;border:1px solid #e6c7bc;background:#fcf1eb;color:#975f4f;font-size:11px;line-height:1.8;border-radius:10px;margin:17px 0;white-space:pre-line}.alert>svg{margin-top:2px;flex-shrink:0;width:18px}.alert>div{min-width:0;flex:1}.alert .text-btn{display:flex;color:inherit;margin-top:7px;font-size:10px}.alert.info,.alert.success{color:var(--green);background:var(--green-soft);border-color:var(--line)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;gap:15px;color:var(--muted);font-size:12px}.spinner{width:25px;height:25px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:41px 22px;display:flex;align-items:center;flex-direction:column;gap:13px;min-width:0}.empty-icon{display:grid;place-items:center;width:64px;height:64px;background:var(--green-soft);border-radius:20px;color:#8fa486;margin-bottom:4px}.empty h3{font-size:18px;font-weight:600;max-width:430px}.empty>p{font-size:11px;line-height:1.85;color:var(--muted);max-width:370px}.empty>.btn{margin-top:5px;font-size:11px}.home-courses .empty{padding:13px 15px;gap:8px}.home-courses .empty-icon{width:39px;height:39px;border-radius:12px}.home-courses .empty-icon svg{width:22px}.home-courses .empty h3{font-size:13px}.home-courses .empty p{font-size:10px;max-width:280px}.settings-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:start}.settings-grid .panel{padding:26px}.profile-summary{display:flex;align-items:center;gap:17px;margin-bottom:26px;padding:12px 0 24px;border-bottom:1px solid var(--line)}.profile-summary h3{font-size:18px}.profile-summary p{font-size:11px;color:var(--muted);margin:4px 0 8px}.security-settings .section-heading h2{font-size:22px}.security-illustration{height:70px;width:70px;border-radius:22px;background:var(--green-soft);color:#8ba27f;display:grid;place-items:center;margin-bottom:25px}.security-caption{display:flex;gap:9px;font-size:9px;color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding-top:18px;line-height:1.8}.security-caption>svg{flex-shrink:0;margin-top:2px}.settings-admin,.library-settings{margin-top:24px}.library-settings>p{font-size:11px;color:var(--muted);line-height:1.9}.source-links{display:flex;gap:22px;margin-top:20px;font-size:11px;color:var(--green);flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;font-weight:500}.field b{color:var(--gold);font-weight:400}.field>input,.field>select,.field>textarea{width:100%;font-size:12px}.field.full{grid-column:1/-1}.field>small{font-size:9px;line-height:1.8;font-weight:400;color:var(--muted)}.checkbox-field{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:11px}.checkbox-field>input{width:16px}.data-form>.btn{margin-top:25px}.data-form>.alert{margin-top:0}.form-note{font-size:11px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);padding:15px;line-height:1.9;border-radius:9px;margin-bottom:22px;white-space:pre-wrap}.availability-editor{margin-top:25px}.availability-editor h3{font-size:14px;margin-bottom:15px}.availability-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 35px;gap:9px;margin-bottom:10px;align-items:center}.availability-row select,.availability-row input{font-size:11px;width:100%;padding:9px}.availability-editor>.btn{font-size:10px;margin-top:7px}.modal-backdrop{position:fixed;inset:0;background:#102c2780;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:100%;max-width:650px;background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:0 25px 100px #11271c35;max-height:calc(100dvh - 50px);display:flex;flex-direction:column;overflow:hidden}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px;border-bottom:1px solid var(--line)}.modal>header h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:25px}.modal-body{padding:25px;overflow-y:auto;min-height:0}.modal-body>p{font-size:12px;color:var(--muted);line-height:1.9}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;margin-top:26px}.search-help{margin:18px 0;font-size:11px!important}.search-shortcuts{display:flex;flex-direction:column;gap:7px;margin:20px 0 25px}.search-shortcuts a{display:flex;gap:12px;align-items:center;padding:13px 12px;border:1px solid var(--line);border-radius:8px;font-size:12px}.search-shortcuts a>svg:last-child{margin-left:auto;color:var(--muted)}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:12px;padding:11px 13px 11px 17px;border-radius:11px;box-shadow:var(--shadow);background:#164636;color:#fff;max-width:calc(100vw - 36px);font-size:12px;border:1px solid #42654d}.toast.error{background:#823e36;border-color:#a55f53}.toast>span{flex:1;min-width:0}.toast .icon-btn{height:25px;width:25px;color:inherit}.auth-wrap{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--surface)}.auth-story{padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#153f31,#234f3b 60%,#0f352c);color:#e9eadc;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;right:-80px;bottom:-220px;width:490px;height:660px;border:1px solid #93a37625;border-radius:50% 50% 0 0;box-shadow:0 0 0 30px #93a37608,0 0 0 60px #93a37607;pointer-events:none}.auth-story .brand{z-index:1}.auth-story .eyebrow{color:#9db18e;font-size:9px;letter-spacing:2px}.auth-story h1{font-family:"DM Serif Display",serif;font-size:49px;font-weight:400;line-height:1.15;letter-spacing:-1px;margin:19px 0 24px}.auth-story h1 em{color:#ceb989}.auth-story p{font-size:13px;color:#9cb59f;line-height:1.9;max-width:350px}.auth-story>div{z-index:1;position:relative;margin:50px 0}.auth-story>small{color:#829f87;font-size:10px;letter-spacing:.4px;z-index:1}.auth-features{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px}.auth-features>span{display:flex;align-items:center;gap:8px;font-size:10px;color:#b4c7b1}.auth-features svg{width:17px;stroke-width:1.2}.auth-card{padding:55px 12%;display:flex;flex-direction:column;justify-content:center;min-width:0}.auth-card>.back-link{margin-bottom:38px;font-size:10px}.auth-card h2{font-family:"DM Serif Display",serif;font-size:35px;letter-spacing:-.5px;font-weight:400;margin-bottom:12px}.auth-card>p{font-size:12px;color:var(--muted);line-height:1.9}.auth-form{margin-top:26px;display:flex;flex-direction:column;gap:19px}.auth-form>.btn{margin-top:5px;min-height:45px}.password-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding-right:5px}.password-field input{width:100%;border:0;box-shadow:none!important;font-size:12px;background:transparent}.password-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #63937820}.forgot-link{font-size:10px;color:var(--green);align-self:flex-end;margin-top:-7px}.auth-switch{text-align:center;margin-top:23px;font-size:11px!important}.auth-switch a{font-weight:600;color:var(--green)}.secure-note{display:flex;gap:6px;align-items:center;justify-content:center;font-size:8px;color:var(--muted);margin-top:32px;line-height:1.8}.segmented{display:flex;padding:4px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;gap:5px}.segmented button{flex:1;padding:9px;border:0;background:transparent;border-radius:6px;font-size:10px;color:var(--muted)}.segmented button.active{background:var(--surface);box-shadow:0 2px 8px #243d2610;color:var(--green);font-weight:600}.messages-security{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-top:-11px;margin-bottom:20px;flex-wrap:wrap}.messages-security>span{display:flex;gap:6px;align-items:center;margin-left:auto;font-size:9px}.messenger{display:grid;grid-template-columns:280px minmax(0,1fr);height:min(700px,calc(100dvh - 245px));min-height:510px;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}.conversation-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.conversation-sidebar>header{padding:22px 18px 16px}.conversation-sidebar h2{font-size:18px;display:flex;align-items:center;gap:10px}.conversation-sidebar>.search-input{margin:0 14px 15px;min-height:37px;padding:0 9px}.conversation-sidebar>.search-input input{font-size:9px}.conversation-list{overflow-y:auto;flex:1;min-height:0}.conversation{width:100%;display:flex;align-items:flex-start;gap:10px;padding:17px 15px;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;position:relative}.conversation.active{background:var(--green-soft)}.conversation>span:nth-child(2){flex:1;min-width:0}.conversation strong{font-size:11px;display:block;line-height:1.5}.conversation small{font-size:8px;display:block;margin-top:2px}.conversation p{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.conversation .avatar{width:33px;height:33px;font-size:9px}.unread-count{background:var(--green);color:var(--surface);border-radius:20px;min-width:16px;height:16px;padding:2px 4px;font-size:7px;text-align:center;line-height:12px}.message-thread{display:flex;flex-direction:column;min-width:0;min-height:0}.thread-header{display:flex;align-items:center;gap:11px;padding:18px 22px;border-bottom:1px solid var(--line)}.thread-header>div{min-width:0;flex:1}.thread-header h3{font-size:13px}.thread-header small{font-size:9px}.thread-lock{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.mobile-back{display:none}.thread-search{padding:9px 17px;border-bottom:1px solid var(--line)}.thread-search .search-input{border:0;background:var(--surface-soft);min-height:31px}.thread-search .search-input input{font-size:9px;padding:6px 0}.message-history{flex:1;overflow-y:auto;padding:22px 20px;min-height:0;background:var(--surface-soft);display:flex;flex-direction:column;gap:15px;overscroll-behavior:contain}.message-history>.btn{font-size:9px;align-self:center;min-height:29px;padding:5px 10px}.message-row{display:flex;align-items:flex-end;gap:7px;max-width:87%;align-self:flex-start;min-width:0}.message-row.own{align-self:flex-end}.message-bubble{border:1px solid var(--line);border-radius:12px 12px 12px 2px;padding:11px 13px;background:var(--surface);min-width:60px;max-width:100%}.message-row.own .message-bubble{background:#23583f;color:#edf3e6;border-color:#23583f;border-radius:12px 12px 2px}.message-bubble p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble footer{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin-top:6px;color:var(--muted)}.message-row.own footer{color:#a7c2a6}.message-bubble time{font-size:7px;white-space:normal}.message-bubble footer>span{display:flex;gap:0;align-items:center}.message-bubble .read-check{color:#d6d8a0}.message-delete{border:0;background:transparent;color:inherit;padding:2px;display:grid;place-items:center;opacity:.6}.message-delete:hover{opacity:1}.typing-indicator{height:19px;min-height:19px;padding:0 21px;color:var(--muted);font-size:8px;background:var(--surface-soft)}.message-compose{display:flex;align-items:center;gap:12px;padding:13px 16px 5px;background:var(--surface)}.message-compose textarea{flex:1;background:var(--surface-soft);padding:10px 13px;font-size:11px;resize:none;line-height:1.6;max-height:150px;min-height:58px;border-radius:10px}.send-button{display:grid;place-items:center;height:43px;width:43px;border:0;border-radius:11px;background:var(--green);color:var(--surface);flex-shrink:0}.compose-caption{font-size:7px;color:var(--muted);padding:5px 17px 12px}.message-thread>.alert{margin:0;border-radius:0;padding:10px;font-size:9px;max-height:110px;overflow:auto}.conversation-sidebar .empty{padding:35px 15px}.conversation-sidebar .empty h3{font-size:13px}.conversation-sidebar .empty p{font-size:9px}.conversation-sidebar .empty-icon{width:42px;height:42px;border-radius:12px}.message-thread>.empty{margin:auto}.classroom-stage{height:min(570px,60vw);min-height:290px;background:#152920;border:1px solid #38513f;border-radius:18px;position:relative;overflow:hidden;color:#e1ecdd}.remote-video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.classroom-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:22px}.call-avatar{width:90px;height:90px;border-radius:50%;background:#355741;display:grid;place-items:center;font-family:"DM Serif Display",serif;font-size:33px;color:#c5d5b3}.classroom-placeholder h2{font-size:21px;font-weight:500}.classroom-placeholder p{font-size:11px;color:#8ea88f;max-width:350px}.local-video{position:absolute;right:19px;bottom:19px;width:23%;min-width:120px;aspect-ratio:4/3;background:#223e2d;border:1px solid #496146;border-radius:11px;overflow:hidden}.local-video video{width:100%;height:100%;object-fit:cover}.local-video>span{position:absolute;bottom:8px;left:9px;background:#122518aa;padding:2px 6px;border-radius:4px;font-size:8px;color:#c5d8bd}.classroom-label{position:absolute;left:19px;top:18px;display:flex;align-items:center;gap:7px;color:#9caf95;font-size:8px}.call-controls{display:flex;gap:15px;align-items:center;justify-content:center;padding:22px;flex-wrap:wrap}.call-controls>.icon-btn{width:44px;height:44px;border:1px solid var(--line);background:var(--surface)}.call-controls>.icon-btn[aria-pressed=true]{background:#eed9d0;color:#9d5545}.classroom-notes p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:12px}.classroom-notes h3{font-size:16px}:root[data-theme=dark] .hero{background:linear-gradient(110deg,#283d2b,#36462c);border-color:#3c4d36;color:#d4dfc6}:root[data-theme=dark] .hero h1 em{color:#a4be91}:root[data-theme=dark] .hero-copy>p,:root[data-theme=dark] .hero-foot{color:#a9b69a}:root[data-theme=dark] .hero .eyebrow{color:#a9bc99}:root[data-theme=dark] .hero-actions .outline{color:#d4dfc6;border-color:#718269}:root[data-theme=dark] .hero-art{opacity:.7}:root[data-theme=dark] .reflection-panel h2,:root[data-theme=dark] .reflection-panel .text-link{color:#dace9e}:root[data-theme=dark] .reflection-panel p,:root[data-theme=dark] .reflection-panel h2 em{color:#bdb489}:root[data-theme=dark] .library-banner{background:linear-gradient(120deg,#2b412a,#364733);border-color:#46583b;color:#d0ddbc}:root[data-theme=dark] .library-banner p{color:#a0b18d}:root[data-theme=dark] .badge.pending,:root[data-theme=dark] .badge.scheduled,:root[data-theme=dark] .badge.submitted,:root[data-theme=dark] .badge.paused{background:#51462d;color:#ddc18a}:root[data-theme=dark] .badge.active,:root[data-theme=dark] .badge.approved,:root[data-theme=dark] .badge.present,:root[data-theme=dark] .badge.paid,:root[data-theme=dark] .badge.completed,:root[data-theme=dark] .badge.graded{background:#34563c;color:#b4d6a3}:root[data-theme=dark] .badge.cancelled,:root[data-theme=dark] .badge.rejected,:root[data-theme=dark] .badge.absent,:root[data-theme=dark] .badge.overdue{background:#573d30;color:#dfafa0}:root[data-theme=dark] .alert.error{background:#51362d;border-color:#795442;color:#e8baaa}:root[data-theme=dark] .sidebar{background:#0f3228}@media(min-width:1600px){.hero{min-height:440px}.hero-copy{padding:50px 0 43px 48px}.hero h1{font-size:73px}.hero-copy>p{font-size:13px}.hero .eyebrow{font-size:10px}.hero-actions{margin:28px 0}.hero-actions .btn{font-size:12px;padding:12px 20px}.hero-foot{font-size:11px}.arch-outer{width:305px;height:358px}.arch-inner .art-arabic{font-size:38px}.floating-note{left:70px;font-size:10px}.feature-link strong{font-size:13px}.feature-link small{font-size:10px}.surah-card h3{font-size:14px}.surah-card p{font-size:11px}.surah-card small,.home-surahs .surah-card p{font-size:10px}.surah-card .arabic-name{font-size:25px}.feature-strip{padding:24px 0}.main-content{padding-top:35px}.home-lower{gap:29px}.reflection-panel h2{font-size:36px}.reflection-panel p{font-size:12px;max-width:320px}.section-heading h2{font-size:22px}.mini-course strong{font-size:14px}.mini-course small{font-size:11px}.mini-course>span:last-child{font-size:12px}.home-courses .empty h3{font-size:16px}.home-courses .empty p{font-size:12px}.home-courses .empty{padding:23px}.live-counts{font-size:10px}}@media(max-width:1250px){:root{--sidebar:220px}.sidebar-brand{padding:26px 21px}.sidebar-scroll{padding-left:11px;padding-right:11px}.nav-link{font-size:11px;gap:10px}.topbar{padding:0 26px;gap:14px}.main-content{padding:26px 26px 40px}.topbar-search{width:34%}.hero h1{font-size:51px}.hero-copy{padding:35px 0 28px 29px}.hero{min-height:352px;grid-template-columns:1.25fr 1fr}.hero-art{padding:25px 17px 10px}.arch-outer{width:214px;height:274px;padding:12px}.arch-middle{padding:10px}.art-arabic{font-size:27px}.floating-note{left:8px;bottom:30px;font-size:7px}.hero-actions{margin:19px 0}.feature-link{padding:0 13px;gap:8px}.feature-link strong{font-size:10px}.feature-link small{font-size:8px}.feature-icon{width:31px;height:31px}.feature-icon svg{width:20px}.surah-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-surahs{grid-template-columns:repeat(3,minmax(0,1fr))}.home-surahs .surah-card{padding:15px 10px;gap:8px}.home-surahs .arabic-name{font-size:17px}.home-surahs h3{font-size:10px}.home-surahs .surah-number{width:25px;height:25px;font-size:8px}.home-surahs .surah-card p{font-size:7px}.home-lower{gap:20px}.page-heading h1{font-size:30px}.heading-actions .btn{font-size:10px;padding:9px 12px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:15px}.metric>strong{font-size:24px}.metric-top>span:first-child{font-size:9px}.metric>small{font-size:7px}.dashboard-grid{grid-template-columns:1.3fr 1fr;gap:16px}.dashboard-grid .panel{padding:18px}.dashboard-grid .section-heading h2{font-size:17px}.upcoming-item{gap:9px}.upcoming-item>.badge{font-size:8px;padding:3px 5px}.upcoming-item .icon-btn{width:25px}.reader-layout{grid-template-columns:195px minmax(0,1fr);gap:15px}.reader-sidebar{padding:14px 9px}.reader-sidebar nav>a{padding:9px 4px;gap:6px}.reader-sidebar .arabic-name{font-size:15px}.reader-sidebar nav strong{font-size:9px}.reader-sidebar nav small{font-size:7px}.ayah-card{padding:20px 23px}.reader-controls{padding:15px 18px;gap:12px}.audio-dock{left:calc(var(--sidebar) + 26px);right:26px}.hadith-book-tabs{gap:10px}.hadith-book{padding:15px 11px;gap:7px}.hadith-book strong{font-size:10px}.hadith-book small{font-size:8px}.hadith-book-icon{width:24px}.hadith-book-icon svg{width:21px}.messenger{grid-template-columns:240px minmax(0,1fr)}.settings-grid{grid-template-columns:1.2fr 1fr;gap:17px}.settings-grid .panel{padding:21px}.auth-story{padding:40px}.auth-story h1{font-size:43px}.auth-card{padding:45px 10%}.auth-features{gap:15px}.auth-features>span{font-size:9px}.app-footer{padding:17px 26px}.reading-page{padding-bottom:120px}}@media(max-width:1024px){:root{--sidebar:0px}.sidebar{width:246px;transform:translate(-101%);transition:transform .22s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#12352980;z-index:60;border:0;backdrop-filter:blur(2px)}.sidebar-close{display:inline-flex;color:#b5c6b5}.sidebar-brand{padding:25px 21px}.app-main{margin-left:0;width:100%}.menu-button{display:inline-flex}.topbar{height:69px;min-height:69px;padding:0 25px}.topbar-search{width:40%;max-width:380px}.topbar-actions{gap:9px}.main-content{padding:27px 26px 40px}.hero{grid-template-columns:1.25fr 1fr;min-height:365px}.hero h1{font-size:57px}.hero-copy{padding:36px 0 31px 35px}.hero-copy>p{font-size:12px}.hero-art{padding:25px}.arch-outer{width:236px;height:295px}.art-arabic{font-size:30px}.floating-note{left:24px;font-size:8px}.hero-actions .btn{font-size:11px}.feature-link{padding:0 20px;gap:11px}.feature-link strong{font-size:11px}.feature-link small{font-size:9px}.feature-icon{width:38px;height:38px}.surah-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-surahs .surah-card{padding:17px 13px;gap:10px}.home-surahs .arabic-name{font-size:21px}.home-surahs h3{font-size:12px}.home-surahs .surah-card p{font-size:8px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-layout{grid-template-columns:210px minmax(0,1fr)}.reader-sidebar{top:88px}.reader-sidebar nav strong{font-size:10px}.reader-sidebar nav small{font-size:8px}.reader-sidebar .arabic-name{font-size:17px}.page-heading h1{font-size:33px}.heading-actions{max-width:40%}.settings-grid{grid-template-columns:1.3fr 1fr}.auth-story{padding:38px 32px}.auth-story h1{font-size:38px}.auth-story p{font-size:12px}.auth-card{padding:40px 9%}.auth-card h2{font-size:31px}.audio-dock{left:26px;right:26px}.reading-page{padding-bottom:120px}.messenger{height:calc(100dvh - 245px);grid-template-columns:250px minmax(0,1fr)}.course-body{padding:19px}.course-body h3{font-size:20px}.course-price>strong{font-size:15px}.teacher-card{padding:22px}.record-card,.class-card,.assignment-card,.enrollment-card{padding:20px}}@media(max-width:820px){.topbar{padding:0 20px}.main-content{padding:24px 22px 37px}.hero{grid-template-columns:1.3fr 1fr;min-height:342px}.hero h1{font-size:49px}.hero-copy{padding:33px 0 28px 28px}.hero-copy>p{font-size:10px}.hero .eyebrow{font-size:7px;letter-spacing:1.35px}.hero-actions .btn{font-size:9px;padding:9px 12px;min-height:36px}.hero-foot{font-size:8px;gap:11px}.hero-art{padding:25px 19px 10px}.arch-outer{width:208px;height:268px}.art-arabic{font-size:26px}.floating-note{left:5px;font-size:7px}.feature-strip{padding:18px 0}.feature-link{padding:0 14px;gap:9px}.feature-link strong{font-size:10px}.feature-link small{font-size:8px}.feature-icon{width:32px;height:32px}.feature-link>svg{display:none}.surah-grid,.home-surahs{grid-template-columns:repeat(2,minmax(0,1fr))}.home-surahs h3{font-size:12px}.home-surahs .surah-card p{font-size:9px}.home-surahs .arabic-name{font-size:22px}.home-lower{grid-template-columns:1fr 1.1fr;gap:19px}.reflection-panel{padding:23px}.home-courses .section-heading h2{font-size:16px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{gap:11px}.metric>strong{font-size:24px}.metric{padding:15px 13px}.metric-top{gap:8px}.metric-top>span:first-child{font-size:8px}.metric-icon{height:24px;width:24px}.metric-icon svg{width:14px}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}.page-heading{gap:17px}.dashboard-grid{grid-template-columns:1.25fr 1fr}.upcoming-item>.badge{display:none}.upcoming-item h3{font-size:12px}.upcoming-item p{font-size:9px}.upcoming-item small{font-size:8px}.continue-card{padding:23px}.continue-card h2{font-size:29px}.continue-card>.btn{font-size:9px}.reader-layout{grid-template-columns:180px minmax(0,1fr)}.reader-sidebar .arabic-name{display:none}.reader-sidebar nav strong{font-size:10px}.reader-controls{padding:13px 15px}.reader-controls label{font-size:8px;gap:5px}.font-control input{width:60px}.ayah-card{padding:20px}.hadith-book strong{font-size:9px}.hadith-book small{font-size:7px}.hadith-book-icon{width:21px}.hadith-book>svg{display:none}.hadith-toolbar>label{max-width:180px}.settings-grid{grid-template-columns:1.15fr 1fr;gap:15px}.settings-grid .panel{padding:19px}.settings-grid .form-grid{grid-template-columns:1fr}.auth-story{padding:34px 26px}.auth-story h1{font-size:33px}.auth-story p{font-size:11px}.auth-features{flex-direction:column;gap:16px}.auth-card{padding:37px 8%}.auth-card h2{font-size:28px}.auth-card>p{font-size:11px}.auth-card>.back-link{margin-bottom:29px}.messages-security>span{margin-left:0}.messenger{grid-template-columns:215px minmax(0,1fr)}.conversation{padding:14px 12px;gap:8px}.conversation strong{font-size:10px}.conversation .avatar{width:29px;height:29px}.thread-header{padding:16px}.message-history{padding:19px 14px}.audio-dock{left:22px;right:22px}.reading-page{padding-bottom:120px}}@media(max-width:640px){:root{font-size:14px}.topbar{height:62px;min-height:62px;padding:0 14px;gap:10px}.topbar-left{gap:8px}.menu-button{width:32px;height:35px}.breadcrumb,.topbar-search,.topbar-join,.today-label{display:none}.mobile-brand{display:block;font-family:"DM Serif Display",serif;font-size:27px;letter-spacing:-.5px;line-height:1;color:var(--green)}.mobile-brand>span{color:var(--gold)}.mobile-search{display:inline-flex}.topbar-actions{gap:2px}.topbar-actions .icon-btn{width:34px;height:34px}.topbar-avatar{width:30px;height:30px;font-size:8px;margin-left:6px}.main-content{padding:21px 16px 30px}.app-main{padding-bottom:66px}.app-footer{padding:17px 16px 21px;font-size:8px;gap:8px;flex-direction:column;align-items:flex-start}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);height:calc(61px + env(safe-area-inset-bottom));padding:5px 7px max(4px,env(safe-area-inset-bottom));z-index:50;box-shadow:0 -2px 12px #173b2e05}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;background:none;border:0;color:var(--muted);position:relative}.bottom-nav small{font-size:8px;color:inherit}.bottom-nav .active{color:var(--green)}.bottom-nav .active:before{content:"";height:3px;width:24px;top:-5px;background:var(--green);position:absolute;border-radius:0 0 4px 4px}.bottom-nav .active svg{stroke-width:2}.home-intro{font-size:7px;letter-spacing:1px;margin-bottom:13px}.home-intro .small-dot{width:4px;height:4px}.hero{grid-template-columns:1fr;border-radius:16px;min-height:0}.hero-copy{padding:29px 24px 27px}.hero .eyebrow{font-size:7px;letter-spacing:1.25px;max-width:260px}.hero h1{font-size:54px;line-height:1.05;letter-spacing:-1.2px;margin:17px 0 19px}.hero-copy>p{font-size:11px;line-height:1.9;max-width:300px}.hero-actions{margin:23px 0 19px;gap:9px}.hero-actions .btn{font-size:10px;padding:10px 15px;min-height:39px}.hero-foot{font-size:8px;gap:11px;flex-wrap:wrap}.hero-art{position:absolute;right:-75px;bottom:-55px;width:200px;height:260px;opacity:.12;pointer-events:none;padding:0;transform:rotate(-9deg)}.hero-art .floating-note{display:none}.arch-outer{width:200px;height:250px}.arch-inner .art-arabic{font-size:24px}.feature-strip{display:flex;flex-direction:column;padding:2px 0;border-radius:13px;margin:15px 0 25px;gap:0}.feature-link{padding:15px 18px;gap:13px;min-height:73px}.feature-link+.feature-link{border-left:0;border-top:1px solid var(--line)}.feature-link strong{font-size:12px}.feature-link small{font-size:9px;margin-top:3px}.feature-icon{width:35px;height:35px;border-radius:10px}.feature-icon svg{width:23px}.feature-link>svg{display:block;width:16px}.section-heading{margin:25px 0 15px;gap:13px}.section-heading h2{font-size:19px;letter-spacing:-.3px;max-width:250px}.section-heading p{font-size:10px;line-height:1.7}.section-heading .text-link{font-size:9px;gap:5px}.section-heading .text-link svg{width:14px}.surah-grid,.home-surahs{grid-template-columns:1fr;gap:10px}.surah-card,.home-surahs .surah-card{padding:18px 17px;gap:13px;border-radius:11px}.surah-card h3,.home-surahs .surah-card h3{font-size:14px}.surah-card p,.home-surahs .surah-card p{font-size:10px}.surah-card small{font-size:9px}.surah-number,.home-surahs .surah-number{width:30px;height:30px;font-size:10px}.surah-card .arabic-name,.home-surahs .arabic-name{font-size:26px;max-width:35%}.home-lower{grid-template-columns:1fr;gap:24px;margin-top:24px}.reflection-panel{padding:28px 25px}.reflection-panel h2{font-size:32px}.reflection-panel p{font-size:11px;max-width:260px}.reflection-panel .eyebrow{font-size:8px}.reflection-panel .text-link{font-size:11px}.home-courses>.section-heading{margin-top:0}.home-courses .section-heading h2{font-size:20px}.home-courses .empty{padding:20px}.home-courses .empty h3{font-size:15px}.home-courses .empty p{font-size:11px}.home-courses .empty-icon{height:47px;width:47px}.live-counts{font-size:9px;margin-top:11px;gap:12px}.mini-course{padding:15px 0}.mini-course strong{font-size:13px}.mini-course small{font-size:10px}.mini-course>span:last-child{font-size:11px}.library-onboarding{padding:19px;gap:13px;flex-wrap:wrap}.library-onboarding>div{flex:1;min-width:190px}.library-onboarding .btn{margin-left:41px;font-size:10px}.library-onboarding h3{font-size:14px}.library-onboarding p{font-size:10px}.page-heading{display:block;margin:1px 0 24px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.page-heading h1{font-size:31px;letter-spacing:-.55px;line-height:1.2;margin:9px 0 11px}.page-heading p{font-size:11px;line-height:1.8}.heading-actions{max-width:100%;margin-top:19px;justify-content:flex-start;gap:9px}.heading-actions .btn{font-size:11px;padding:9px 13px;min-height:38px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:18px}.metric{padding:16px;border-radius:12px}.metric-top>span:first-child{font-size:9px}.metric-icon{height:27px;width:27px}.metric-icon svg{width:15px}.metric>strong{font-size:29px;margin:13px 0 8px}.metric>small{font-size:8px}.dashboard-grid{grid-template-columns:1fr;gap:18px}.dashboard-grid .panel{padding:20px}.continue-card{padding:25px;min-height:270px}.continue-card>svg{margin:19px 0 15px;width:30px;height:30px}.continue-card h2{font-size:32px}.continue-card h2 br{display:none}.continue-card p{font-size:12px;margin:15px 0 19px}.continue-card .btn{font-size:11px;padding:11px 16px}.continue-card>small{font-size:9px;margin-top:18px}.continue-card:after{content:"✧";position:absolute;right:8px;top:28px;line-height:1;font-size:150px;color:#a8bf781a;pointer-events:none}.upcoming-item{gap:12px}.upcoming-item h3{font-size:13px}.upcoming-item p{font-size:10px}.upcoming-item small{font-size:9px}.card-grid{grid-template-columns:1fr;gap:16px}.panel{padding:20px;border-radius:14px}.record-card,.class-card,.assignment-card,.enrollment-card,.saved-card,.student-card{padding:23px;border-radius:14px}.record-card dl>div{font-size:12px;margin:12px 0}.record-card h3,.class-card h3,.assignment-card h3{font-size:21px}.record-card>p,.assignment-card>p,.enrollment-card>p,.saved-card>p{font-size:12px}.record-actions .btn{font-size:11px;min-height:38px}.record-card .card-top>.badge{font-size:10px}.record-actions{gap:10px;padding-top:22px}.course-cover{height:140px;padding:21px}.course-cover>.course-icon{height:58px;width:58px}.course-body{padding:23px}.course-body h3{font-size:24px}.course-body>p{font-size:12px;line-height:1.85}.course-facts{font-size:10px}.course-price>strong{font-size:20px}.course-price .btn{font-size:11px;padding:9px 14px;min-height:39px}.course-price small{font-size:10px}.course-card .badge{font-size:9px}.resource-toolbar{gap:10px;flex-wrap:wrap}.resource-toolbar .search-input{width:100%;flex:1;min-width:200px}.resource-toolbar select{font-size:10px;min-width:110px}.resource-toolbar>span{font-size:10px}.resource-toolbar .search-input input{font-size:11px}.teacher-card{padding:28px}.teacher-card h3{font-size:21px}.teacher-card>p{font-size:12px}.teacher-card>small{font-size:11px}.teacher-avatar{height:73px;width:73px;font-size:30px}.info-line{font-size:9px;align-items:flex-start;margin-top:-7px;margin-bottom:20px}.info-line svg{margin-top:3px}.class-details>span{font-size:11px}.due-date{font-size:11px}.assignment-card>small{font-size:11px}.table-wrap{border:0;border-radius:0;background:none;overflow:visible}table,tbody,tr,td{display:block;width:100%}thead{display:none}tbody{display:flex;flex-direction:column;gap:15px}tr{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:11px 17px}td{border-top:1px solid var(--line);padding:12px 0;max-width:none;font-size:11px;min-height:40px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;text-align:right}td:first-child{border-top:0}td:before{content:attr(data-label);font-size:10px;font-weight:500;color:var(--muted);min-width:73px;text-align:left;padding-top:1px;flex-shrink:0}td>div{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}td .row-actions{flex-direction:row;justify-content:flex-end;gap:6px;flex-wrap:wrap}td .person-cell{min-width:0;justify-content:flex-end}td .person-cell strong{font-size:12px}td>small{display:none}td>code{max-width:190px;font-size:10px}.pagination{margin-top:20px;padding-top:16px}.pagination>span{font-size:10px}.pagination .icon-btn{width:34px;height:34px}.empty{padding:36px 16px}.empty h3{font-size:18px}.empty p{font-size:11px}.empty-icon{height:58px;width:58px;border-radius:18px}.alert{font-size:10px;padding:13px 14px;gap:9px}.library-banner{padding:25px 22px;min-height:152px;position:relative}.library-banner>div{z-index:1}.library-banner h2{font-size:28px}.library-banner p{font-size:10px;max-width:230px}.banner-arabic{position:absolute;right:-18px;bottom:-12px;font-size:54px;opacity:.15}.library-banner .eyebrow{font-size:7px}.library-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:17px;margin:22px 0}.library-toolbar .search-input{width:100%;min-height:42px}.library-toolbar .tabs{width:100%;gap:23px}.tabs>a,.tabs>span,.tabs>button{font-size:11px}.source-note{font-size:9px;margin-top:23px}.reader-top{margin-bottom:17px;gap:13px}.reader-breadcrumb{display:none}.reader-top>.text-link{font-size:10px}.reader-layout{display:block}.reader-sidebar{display:none}.reader-content{border-radius:13px}.surah-heading{padding:27px 18px 10px}.surah-heading h1{font-size:42px;margin:15px 0 4px}.surah-heading h2{font-size:26px}.surah-heading p{font-size:10px}.reader-controls{gap:12px;padding:14px 15px;flex-wrap:wrap;justify-content:flex-start}.reader-controls label{font-size:9px;gap:7px}.reader-controls select{font-size:10px}.reader-controls .font-control{margin-left:auto}.font-control input{width:63px}.mobile-surah-select{display:flex!important;width:100%;border-top:1px solid var(--line);padding-top:12px}.mobile-surah-select select{flex:1}.ayah-card{padding:21px 18px 24px}.ayah-arabic{line-height:2.2;margin:18px 0 17px}.ayah-meta .icon-btn{width:30px;height:30px}.ayah-meta .icon-btn svg{width:16px}.ayah-meta>div{gap:4px}.verse-reference{font-size:10px;padding:4px 7px}.ayah-translation p{font-size:12px;line-height:1.9}.ayah-translation.urdu p{font-size:22px}.ayah-translation small{font-size:7px}.surah-navigation{padding:19px 15px;gap:9px}.surah-navigation .btn{font-size:10px;min-height:36px;padding:8px 10px}.reader-content>.source-note{padding:0 18px 20px}.audio-dock{bottom:calc(72px + env(safe-area-inset-bottom));left:12px;right:12px;padding:10px 12px;gap:10px;min-height:65px;border-radius:11px}.audio-details{gap:8px;min-width:0;flex:1}.audio-disc{width:30px;height:30px;border-radius:8px}.audio-disc svg{width:17px}.audio-details strong{font-size:10px}.audio-details small{font-size:7px}.audio-buttons{gap:5px}.audio-buttons .icon-btn{height:29px;width:29px}.audio-buttons .icon-btn svg{width:17px}.play-main{height:34px;width:34px}.continuous{display:none}.audio-error{font-size:8px;line-height:1.7;margin:0}.reading-page{padding-bottom:104px}.hadith-book-tabs{grid-template-columns:1fr;gap:9px;margin-bottom:20px}.hadith-book{padding:17px 16px;gap:12px;border-radius:11px}.hadith-book strong{font-size:12px}.hadith-book small{font-size:9px;margin-top:3px}.hadith-book-icon{width:31px;height:32px}.hadith-book-icon svg{width:25px}.hadith-book>svg{display:block;width:16px}.hadith-toolbar{padding:14px;gap:12px}.hadith-toolbar .search-input{width:100%;flex:1 1 100%;min-width:0}.hadith-toolbar label{max-width:none;min-width:0;flex:1;font-size:9px;gap:5px}.hadith-toolbar select{width:100%;font-size:11px;padding:9px}.results-heading{gap:17px;margin-top:23px}.results-heading h2{font-size:17px}.results-heading>span{font-size:9px;flex-shrink:0}.hadith-card{padding:20px 18px;border-radius:13px}.hadith-card-top{gap:8px;margin-bottom:20px}.hadith-card-top>div:first-child{gap:10px;min-width:0}.hadith-card-top strong{font-size:11px}.hadith-card-top small{font-size:8px}.hadith-number{width:35px;height:35px;font-size:16px;flex-shrink:0}.hadith-card .row-actions{flex-wrap:nowrap;gap:1px}.hadith-card .icon-btn{height:28px;width:28px}.hadith-card .icon-btn svg{width:16px}.hadith-text{font-size:13px;line-height:1.95;max-height:350px}.rtl-text{font-size:24px;line-height:2.1}.hadith-card footer{align-items:flex-start}.hadith-card footer>small{font-size:8px}.global-search-row .btn{padding:10px 13px;font-size:11px}.global-search-row .search-input{padding:0 10px}.global-search-row .search-input input{font-size:11px}.search-tabs{gap:21px}.search-tabs select{font-size:10px;padding:7px;max-width:100%;margin:0}.search-tabs select+select{margin-left:0}.search-result{padding:20px 18px}.search-result .result-arabic{font-size:25px}.search-result p{font-size:11px}.search-result .eyebrow{font-size:8px}.search-result .text-link{font-size:10px}.settings-grid{grid-template-columns:1fr;gap:19px}.settings-grid .panel{padding:22px}.settings-grid .form-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.field>span{font-size:11px}.field input,.field select,.field textarea{font-size:16px;padding:11px 12px}.field>small{font-size:9px}.data-form>.btn{font-size:12px}.profile-summary .teacher-avatar{height:64px;width:64px;font-size:25px}.profile-summary h3{font-size:18px}.availability-row{grid-template-columns:1fr 1fr 1fr 26px;gap:5px}.availability-row input,.availability-row select{font-size:10px;padding:8px 5px}.availability-row .icon-btn{width:26px}.availability-row .icon-btn svg{width:16px}.notice-card{padding:18px 15px;gap:12px}.notice-card h3{font-size:13px}.notice-card p{font-size:11px}.notice-card small{font-size:9px}.notice-card>.icon-btn{width:27px}.activity-item{gap:12px}.activity-item h3{font-size:13px}.activity-item p{font-size:10px}.activity-item .badge{font-size:8px}.month-picker input{font-size:12px}.modal-backdrop{padding:14px;align-items:center}.modal{max-height:calc(100dvh - 28px);border-radius:16px}.modal>header{padding:18px 20px;gap:13px}.modal>header h2{font-size:23px}.modal-body{padding:20px}.modal-body>p{font-size:12px}.modal-actions{gap:9px}.modal-actions .btn{font-size:11px;padding:10px 13px}.search-shortcuts a{font-size:12px;padding:14px 12px}.toast{bottom:calc(77px + env(safe-area-inset-bottom));width:calc(100% - 30px);font-size:11px;padding:12px;gap:9px}.auth-wrap{display:flex;flex-direction:column;min-height:100dvh}.auth-story{padding:29px 26px;min-height:0}.auth-story>.brand{transform:scale(.86);transform-origin:left center}.auth-story>div{margin:29px 0 6px}.auth-story h1{font-size:37px;line-height:1.1;margin:12px 0 14px}.auth-story h1 br{display:none}.auth-story h1 em{display:block}.auth-story .eyebrow{font-size:7px;letter-spacing:1.6px}.auth-story p{font-size:11px;max-width:300px;line-height:1.8}.auth-story>small,.auth-features{display:none}.auth-story:after{height:400px;width:260px;bottom:-100px;right:-50px}.auth-card{padding:31px 25px 39px;display:block}.auth-card>.back-link{margin-bottom:23px}.auth-card h2{font-size:31px}.auth-card>p{font-size:11px}.auth-form{margin-top:25px;gap:18px}.auth-form input{font-size:16px}.auth-form>.btn{min-height:45px;font-size:12px}.auth-switch{font-size:11px!important}.secure-note{font-size:8px;margin-top:26px}.password-field input{font-size:16px}.segmented button{font-size:11px;padding:10px 7px}.auth-card .alert{margin:17px 0}.messages-security{font-size:9px;line-height:1.8;margin-top:-9px;margin-bottom:17px;gap:5px}.messages-security>span{width:100%;margin-left:0;font-size:8px}.messages-page .page-heading h1{font-size:29px}.messenger{display:block;height:calc(100dvh - 220px);min-height:510px;border-radius:12px}.conversation-sidebar,.message-thread{height:100%}.messenger.show-thread .conversation-sidebar,.messenger.show-list .message-thread{display:none}.conversation-sidebar{border-right:0}.conversation-sidebar>header{padding:20px}.conversation-sidebar h2{font-size:19px}.conversation-sidebar>.search-input{margin:0 18px 15px;min-height:40px}.conversation-sidebar>.search-input input{font-size:11px}.conversation{padding:19px 17px;gap:12px}.conversation .avatar{height:38px;width:38px;font-size:11px}.conversation strong{font-size:13px}.conversation small{font-size:9px}.conversation p{font-size:10px;margin-top:7px}.conversation-sidebar .empty{padding:40px 23px}.conversation-sidebar .empty h3{font-size:16px}.conversation-sidebar .empty p{font-size:11px}.conversation-sidebar .empty-icon{height:56px;width:56px;border-radius:17px}.thread-header{padding:15px 13px;gap:9px}.mobile-back{display:inline-flex;width:24px;height:30px}.thread-header>.avatar{height:33px;width:33px;font-size:10px}.thread-header h3{font-size:12px}.thread-header small{font-size:8px}.thread-lock{font-size:0;gap:0}.thread-search{padding:8px 13px}.thread-search .search-input input{font-size:10px}.message-history{padding:18px 13px;gap:14px}.message-row{max-width:91%}.message-bubble p{font-size:12px}.message-bubble time{font-size:7px}.message-bubble{padding:10px 12px}.message-compose{padding:12px 12px 5px;gap:8px}.message-compose textarea{font-size:16px;min-height:57px;padding:10px;line-height:1.5}.send-button{width:40px;height:42px}.compose-caption{font-size:7px;padding:5px 13px 10px}.message-thread>.empty h3{font-size:17px}.message-thread>.empty p{font-size:11px}.classroom-stage{height:340px;min-height:0;border-radius:13px}.classroom-placeholder{padding:27px}.classroom-placeholder h2{font-size:20px}.classroom-placeholder p{font-size:10px;max-width:250px}.call-avatar{width:76px;height:76px;font-size:28px}.local-video{width:30%;min-width:102px;right:12px;bottom:12px;border-radius:8px}.classroom-label{font-size:7px;left:13px;top:13px}.call-controls{padding:18px 8px;gap:12px}.call-controls .btn,.classroom-notes p{font-size:11px}.desktop-only{display:none}.reading-page .source-note{font-size:8px}}@media(max-width:360px){.main-content{padding-left:12px;padding-right:12px}.topbar{padding:0 10px}.hero-copy{padding:26px 19px}.hero h1{font-size:47px}.hero .eyebrow{font-size:6px;letter-spacing:1.1px}.hero-copy>p{font-size:10px}.hero-actions .btn{font-size:9px;padding:10px 12px;min-height:38px}.hero-foot{font-size:7px;gap:8px}.hero-foot svg{width:13px}.feature-link{padding:15px 16px;gap:11px}.feature-link strong{font-size:11px}.feature-link small{font-size:8px}.section-heading h2{font-size:17px}.section-heading .text-link{font-size:8px}.section-heading p{font-size:9px}.page-heading h1{font-size:28px}.metric{padding:13px}.metric-top>span:first-child{font-size:8px}.metric-icon{height:24px;width:24px}.metric>strong{font-size:26px}.metric>small{font-size:7px}.surah-card .arabic-name{font-size:23px}.hadith-card{padding:17px 15px}.hadith-card-top strong{font-size:10px}.hadith-card-top small{font-size:7px}.hadith-number{height:30px;width:30px;font-size:14px}.ayah-card{padding:18px 15px}.reader-controls{padding:13px}.reader-controls label{font-size:8px}.reader-controls select{font-size:9px}.font-control input{width:52px}.audio-dock{left:9px;right:9px;padding:9px}.audio-details strong{font-size:9px}.audio-details small{font-size:6px}.audio-buttons{gap:1px}.audio-disc{display:none}.surah-navigation .btn{font-size:9px}.modal-body{padding:17px}.modal>header{padding:15px 17px}.modal>header h2{font-size:21px}.auth-story{padding:26px 22px}.auth-story h1{font-size:33px}.auth-card{padding:28px 22px 33px}.topbar-actions .icon-btn{height:32px;width:31px}.saved-card h3{font-size:17px}.reading-page{padding-bottom:105px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background:#fff!important;color:#111!important}.sidebar,.topbar,.bottom-nav,.app-footer,.heading-actions,.toast,.audio-dock,.skip-link{display:none!important}.app-main{width:100%;margin:0;padding:0}.main-content{max-width:none;padding:0}.panel,.metric{break-inside:avoid;box-shadow:none;border-color:#bbb;background:#fff!important}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.page-heading h1{font-size:26px}.activity-item{break-inside:avoid}a{color:#111!important}.badge{border:1px solid #aaa;background:#fff!important;color:#111!important}.page-heading{margin-bottom:20px}}.invoice-description{min-width:0}.invoice-description strong,.invoice-description small{display:block}.nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.weekly-timetable-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.weekly-timetable{width:100%;min-width:1100px;border-collapse:collapse;table-layout:fixed}.weekly-timetable th,.weekly-timetable td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;vertical-align:top}.weekly-timetable thead th{position:sticky;top:0;background:var(--surface-soft);z-index:2;text-align:center;font-size:12px}.weekly-timetable tbody>tr>th{width:88px;background:var(--surface-soft);white-space:nowrap;font-size:12px}.timetable-cell-card{border:1px solid var(--line);border-radius:10px;padding:9px;margin-bottom:8px;background:var(--surface-soft);display:flex;flex-direction:column;gap:5px;min-width:130px}.timetable-cell-card strong{font-size:12px}.timetable-cell-card small{font-size:10px;color:var(--muted)}.timetable-cell-actions{display:flex;gap:5px;flex-wrap:wrap}.timetable-cell-actions .btn{min-height:28px;padding:4px 7px;font-size:9px}.cancel-reason{font-size:10px;line-height:1.5;color:var(--danger,#a33)}.admin-user-detail{display:grid;gap:8px}.admin-user-detail p{margin:0;line-height:1.65}.admin-user-detail hr{width:100%;border:0;border-top:1px solid var(--line);margin:8px 0}.calendar-week-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 12px;padding:16px 18px}.calendar-week-toolbar>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.calendar-week-toolbar>div:first-child>strong{font-size:16px}.calendar-week-toolbar>div:first-child>small{font-size:10px;color:var(--muted)}.calendar-week-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.calendar-week-actions .btn{min-height:35px;padding:7px 11px;font-size:10px}.calendar-timetable thead th{padding:10px 8px}.calendar-timetable thead th>span,.calendar-timetable thead th>strong,.calendar-timetable thead th>small{display:block}.calendar-timetable thead th>span{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.calendar-timetable thead th>strong{font-size:13px;margin-top:2px}.calendar-timetable thead th>small{font-size:8px;color:var(--gold);margin-top:2px}.calendar-timetable thead th.today{box-shadow:inset 0 3px 0 var(--gold);background:var(--green-soft)}.calendar-time-head{width:90px}.calendar-timetable tbody>tr>th{font-size:11px;text-align:left}.calendar-timetable td{min-height:86px}.timetable-exact-time{font-weight:650;color:var(--green)!important}.calendar-week-empty{text-align:center!important;padding:34px 20px!important;color:var(--muted)}.calendar-week-empty>svg{display:block;margin:0 auto 8px;color:var(--gold)}.calendar-week-empty>strong,.calendar-week-empty>span{display:block}.calendar-week-empty>strong{color:var(--ink);font-size:13px}.calendar-week-empty>span{font-size:10px;margin:4px 0 12px}.calendar-week-empty .btn{margin:auto;min-height:34px;padding:7px 11px;font-size:10px}@media(max-width:760px){.calendar-week-toolbar{align-items:flex-start;flex-direction:column}.calendar-week-actions{width:100%;justify-content:flex-start}.calendar-week-actions .btn{flex:1;min-width:100px}.calendar-timetable{min-width:980px}}