:root{--background:#f4efe7;--surface:#fffdf9;--surface-soft:#f8f3eb;--ink:#261b18;--muted:#786a62;--primary:#5c171b;--primary-deep:#3d0e12;--gold:#b78a3f;--gold-soft:#ead8af;--green:#2e704f;--green-soft:#e2f0e8;--amber:#a86a16;--amber-soft:#f8ecd6;--border:#ded2c2;--shadow:0 18px 50px #3d21161a}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--ink);background:radial-gradient(circle at top, #b78a3f1f, transparent 28rem), var(--background);margin:0;font-family:Tahoma,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.publicPage{min-height:100vh}.hero{color:#fff;text-align:center;background:linear-gradient(145deg,#240508f5,#5c171bf5);padding:48px 20px 66px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";border:1px solid #ead8af40;border-radius:50%;position:absolute}.hero:before{width:320px;height:320px;top:-210px;right:-100px}.hero:after{width:250px;height:250px;bottom:-180px;left:-80px}.heroOrnament{color:var(--gold-soft);margin-bottom:10px;font-size:32px}.organizationName{color:var(--gold-soft);letter-spacing:.04em;margin:0;font-size:15px}.hero h1{margin:12px 0 8px;font-size:clamp(34px,7vw,58px);line-height:1.25}.dedication{color:#ffffffd1;max-width:640px;margin:0 auto;font-size:18px;line-height:1.8}.khatmaNumber{background:#00000026;border:1px solid #ead8af73;border-radius:999px;align-items:center;gap:8px;margin-top:26px;padding:10px 20px;display:inline-flex}.khatmaNumber strong{color:var(--gold-soft);font-size:22px}.contentContainer{z-index:2;width:min(1180px,100% - 28px);margin:-28px auto 0;padding-bottom:50px;position:relative}.successBanner,.errorBanner{border-radius:14px;margin-bottom:16px;padding:14px 18px;line-height:1.7}.successBanner{color:#174c32;background:var(--green-soft);border:1px solid #b9d9c7}.errorBanner{color:#761c24;background:#fae8ea;border:1px solid #e8bdc1}.progressCard,.myReservation,.adminPanel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:22px}.progressCard{padding:24px}.progressHeader,.myReservationHeader,.sectionHeading,.adminPanelHeading,.adminHeader{justify-content:space-between;align-items:center;gap:18px;display:flex}.progressHeader strong{margin-top:5px;font-size:20px;display:block}.eyebrow{color:var(--gold);font-size:13px;font-weight:700}.progressPercent{color:var(--primary);font-size:28px;font-weight:700}.progressTrack{background:#ebe1d5;border-radius:999px;height:13px;margin:20px 0;overflow:hidden}.progressFill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--gold));height:100%;transition:width .35s}.statGrid,.adminCurrentStats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.statGrid div,.adminCurrentStats div{text-align:center;background:var(--surface-soft);border-radius:14px;padding:14px}.statGrid strong,.adminCurrentStats strong{color:var(--primary);font-size:24px;display:block}.statGrid span,.adminCurrentStats span{color:var(--muted);font-size:13px}.myReservation{background:linear-gradient(145deg,#fffdf9,#f8efdc);border-color:#c7a96d;margin-top:20px;padding:26px}.myReservation h2,.sectionHeading h2,.adminPanel h2,.adminHeader h1{margin:5px 0 0}.ownedBadge,.statusBadge{border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.ownedBadge{color:#fff;background:var(--primary)}.sectionSubtitle{color:var(--muted);margin:10px 0 18px}.readingRange{color:var(--muted);gap:7px;font-size:13px;line-height:1.7;display:grid}.readingRange p{margin:0}.readingRange span{min-width:64px;color:var(--ink);font-weight:700;display:inline-block}.prominentRange{border:1px solid var(--border);background:#ffffffa6;border-radius:14px;padding:16px;font-size:15px}.countdown{color:var(--primary-deep);background:var(--gold-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;display:flex}.countdown strong{letter-spacing:.08em;font-size:24px}.countdownWarning{color:#774a08;background:var(--amber-soft)}.countdownUrgent{color:#761c24;background:#fae2e4}.reservationNotice{color:var(--muted);margin:12px 0 0;font-size:13px}.reservationActions{gap:12px;margin-top:20px;display:flex}.completeButton,.withdrawButton,.reserveButton,.primaryButton,.cancelButton,.logoutButton{border:0;border-radius:11px;padding:12px 18px;font-weight:700}.completeButton,.primaryButton{color:#fff;background:var(--primary)}.withdrawButton{color:var(--primary);background:#fff;border:1px solid #cdaeb0}.sectionsArea{margin-top:32px}.sectionHeading p,.adminPanelHeading>span{max-width:430px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.legend{color:var(--muted);flex-wrap:wrap;gap:15px;margin:18px 0;font-size:13px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend i{border-radius:50%;width:12px;height:12px}.legendAvailable{border:2px solid var(--gold);background:#fff}.sectionsGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.sectionCard{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;min-height:270px;padding:18px;display:flex;box-shadow:0 9px 28px #3e25180f}.sectionCardTop{justify-content:space-between;align-items:start;gap:12px;display:flex}.sectionNumber{color:var(--gold);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.sectionCardTop strong,.sectionCardTop small{display:block}.sectionCardTop small{color:var(--muted);margin-top:4px}.statusAVAILABLE .statusBadge{color:#79520d;background:var(--gold-soft)}.statusRESERVED{background:#fbf5e9}.statusRESERVED .statusBadge{color:#75480a;background:var(--amber-soft)}.statusCOMPLETED{background:#f1f8f4;border-color:#bfd8ca}.statusCOMPLETED .statusBadge{color:#1f573b;background:var(--green-soft)}.sectionMine{outline:2px solid var(--gold);outline-offset:2px}.sectionCard .readingRange{margin:18px 0}.reserveButton{color:#fff;background:var(--primary);width:100%;margin-top:auto}.cardStateText{color:#785019;text-align:center;background:var(--amber-soft);border-radius:10px;margin-top:auto;padding:11px;font-size:13px;font-weight:700}.completedText{color:#22573c;background:var(--green-soft)}.mineText{color:var(--primary);background:var(--gold-soft)}.publicFooter{color:var(--muted);flex-direction:column;align-items:center;gap:7px;padding-top:42px;font-size:13px;display:flex}.publicFooter strong{color:var(--primary)}.loadingPage,.adminLoginPage{place-items:center;min-height:100vh;padding:20px;display:grid}.loadingCard,.adminLoginCard{border:1px solid var(--border);background:var(--surface);width:min(460px,100%);box-shadow:var(--shadow);border-radius:22px;padding:28px}.adminLoginCard h1{margin:8px 0}.adminLoginCard>p{color:var(--muted)}.adminLoginForm{gap:16px;margin-top:24px;display:grid}.adminLoginForm label{gap:7px;font-weight:700;display:grid}.adminLoginForm input{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:11px;padding:12px}.backLink,.secondaryLink{color:var(--primary);font-weight:700;text-decoration:none}.backLink{text-align:center;margin-top:20px;display:block}.adminPage{width:min(1180px,100% - 28px);min-height:100vh;margin:0 auto;padding:32px 0 50px}.adminHeader{margin-bottom:24px}.adminHeaderActions{align-items:center;gap:12px;display:flex}.logoutButton,.cancelButton{color:#7a2027;background:#fff;border:1px solid #ddb7ba}.adminStats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.adminStats article{border:1px solid var(--border);background:var(--surface);border-radius:17px;padding:20px}.adminStats span{color:var(--muted);font-size:13px;display:block}.adminStats strong{color:var(--primary);margin-top:8px;font-size:27px;display:block}.adminPanel{margin-top:18px;padding:22px}.adminCurrentStats{margin-top:18px}.adminTableWrapper{margin-top:18px;overflow-x:auto}.adminTable{border-collapse:collapse;white-space:nowrap;width:100%}.adminTable th,.adminTable td{border-bottom:1px solid var(--border);text-align:right;padding:13px 11px}.adminTable th{color:var(--muted);font-size:12px}.emptyState{color:var(--muted);text-align:center;background:var(--surface-soft);border-radius:14px;margin-top:18px;padding:24px}@media (max-width:760px){.hero{padding-top:36px}.contentContainer{width:min(100% - 18px,1180px)}.progressHeader,.myReservationHeader,.sectionHeading,.adminPanelHeading,.adminHeader{flex-direction:column;align-items:stretch}.progressCard,.myReservation,.adminPanel{border-radius:17px;padding:18px}.reservationActions{flex-direction:column}.reservationActions button{width:100%}.sectionsGrid{grid-template-columns:1fr}.sectionCard{min-height:0}.statGrid,.adminCurrentStats{gap:7px}.statGrid div,.adminCurrentStats div{padding:11px 5px}.adminStats{grid-template-columns:repeat(2,1fr)}.adminHeaderActions{flex-direction:column;align-items:stretch}.adminHeaderActions form,.adminHeaderActions button,.secondaryLink{text-align:center;width:100%}.countdown{flex-direction:column;align-items:stretch}}.sectionsGrid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px}.sectionCard{border-radius:17px;min-height:190px;padding:15px}.compactCardTop{align-items:center}.sectionIndex{color:var(--primary);font-size:38px;font-weight:800;line-height:1}.compactReadingRange{gap:7px;font-size:12.5px;margin:15px 0!important}.compactReadingRange p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.pageRangeLine{color:var(--ink);font-weight:700}.surahRangeLine{color:var(--muted)}.reserveButton,.cardStateText{min-height:42px;padding:9px 10px}.sectionHeading{margin-bottom:0}.legend{margin:13px 0}@media (max-width:760px){.hero{padding:30px 14px 52px}.heroOrnament{margin-bottom:4px;font-size:25px}.organizationName{font-size:13px}.hero h1{margin:8px 0 5px;font-size:34px}.dedication{font-size:14px;line-height:1.7}.khatmaNumber{margin-top:17px;padding:8px 16px}.contentContainer{width:calc(100% - 12px);margin-top:-22px}.progressCard,.myReservation,.adminPanel{padding:15px}.progressHeader{gap:6px}.progressTrack{margin:14px 0}.sectionsArea{margin-top:22px}.sectionHeading{gap:7px}.sectionHeading h2{font-size:20px}.sectionHeading p{font-size:12px}.sectionsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sectionCard{border-radius:14px;min-height:166px;padding:11px}.sectionIndex{font-size:29px}.statusBadge{padding:5px 7px;font-size:10px}.compactReadingRange{gap:5px;font-size:10.5px;line-height:1.5;margin:11px 0!important}.reserveButton,.cardStateText{border-radius:9px;min-height:38px;padding:7px 4px;font-size:12px}.legend{gap:9px;margin:10px 0;font-size:11px}}@media (max-width:330px){.sectionsGrid{grid-template-columns:1fr}}.currentBookingButton{cursor:pointer;border:0;width:100%;font-family:inherit}.currentBookingButton:active{transform:scale(.98)}.sectionIndex{font-size:42px;font-weight:800}.statusBadge{font-size:13px;font-weight:700}.compactReadingRange{font-size:16px;line-height:1.8}.pageRangeLine{font-size:16px;font-weight:800}.surahRangeLine{font-size:15px;font-weight:500}.reserveButton,.cardStateText,.currentBookingButton{font-size:16px;font-weight:700}@media (max-width:640px){.sectionCard{min-height:205px;padding:15px}.sectionIndex{font-size:38px}.statusBadge{padding:6px 10px;font-size:12px}.compactReadingRange{font-size:14px;line-height:1.75;margin:14px 0!important}.pageRangeLine{font-size:15px}.surahRangeLine{font-size:14px}.reserveButton,.cardStateText,.currentBookingButton{min-height:46px;font-size:15px}.sectionHeading h2{font-size:25px}.sectionHeading p,.legend{font-size:14px}}.myReservation{font-size:17px}.myReservationHeader .eyebrow{font-size:16px;font-weight:700}.myReservationHeader h2{font-size:34px}.sectionSubtitle{font-size:19px;line-height:1.8}.prominentRange{font-size:17px;line-height:2}.prominentRange p{gap:12px}.prominentRange span{min-width:72px;font-size:17px;font-weight:800}.reservationNotice{font-size:16px;line-height:1.9}.countdownCard,.countdownBox,.countdownPanel{text-align:right;align-items:flex-start}.countdownCard>*,.countdownBox>*,.countdownPanel>*{text-align:right;width:100%}.countdownLabel{text-align:right;font-size:18px}.countdownValue,.countdownTime,.remainingTime{text-align:right;letter-spacing:2px;direction:ltr;width:100%;font-size:38px;font-weight:800}.legend{justify-content:flex-start;align-items:center;gap:18px;font-size:15px;font-weight:600;display:flex}.legend span{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.legend i{border-width:3px;flex:0 0 18px;width:18px;height:18px}@media (max-width:640px){.myReservation{padding:20px 16px}.myReservationHeader h2{font-size:31px}.sectionSubtitle{font-size:18px}.prominentRange{padding:18px 14px;font-size:16px}.prominentRange span{min-width:66px;font-size:16px}.reservationNotice{font-size:15px}.countdownLabel{font-size:17px}.countdownValue,.countdownTime,.remainingTime{font-size:34px}.legend{gap:14px;font-size:14px}.legend span{gap:6px}.legend i{flex-basis:16px;width:16px;height:16px}}.myReservationHeader{align-items:flex-start}.prominentRange+*{direction:rtl;width:100%;text-align:right!important;align-items:flex-start!important}.prominentRange+*>*{width:100%;text-align:right!important}.prominentRange+* strong,.prominentRange+* time,.prominentRange+* [class*=time],.prominentRange+* [class*=value]{direction:ltr;unicode-bidi:isolate;width:100%;display:block;text-align:right!important}.sectionHeading{align-items:flex-end}.sectionHeading h2{margin-top:0}.sectionHeading p{white-space:nowrap;font-size:16px;font-weight:600}.compactReadingRange{text-align:center}.compactReadingRange p{text-align:center;width:100%}.pageRangeLine{color:var(--ink);font-size:19px;font-weight:800}.surahRangeLine{font-size:15px;font-weight:500;line-height:1.7;white-space:normal!important}@media (max-width:640px){.sectionHeading{align-items:flex-start;gap:8px}.sectionHeading h2{font-size:27px}.sectionHeading p{font-size:15px}.pageRangeLine{font-size:18px}.surahRangeLine{font-size:14px}}:root{--primary:#6f171b;--primary-dark:#4f1013;--primary-soft:#8e2a2e;--gold:#b8872f;--gold-dark:#8e641f;--gold-soft:#ead7a3;--ink:#2b211b;--muted:#74675d;--page-bg:#f3ecdf;--surface:#fffaf1;--surface-soft:#f8f0e2;--border:#d5ba84;--border-soft:#e6d7bc;--success:#2f7458;--success-soft:#e5f1ea;--reserved:#b87919;--reserved-soft:#f5e5bf}body{color:var(--ink);background:radial-gradient(circle at top,#b8872f1f,#0000 34%),linear-gradient(#efe5d4 0%,#f7f1e7 45%,#f1e7d8 100%)}.hero{color:#fff8e8;background:linear-gradient(#0a121dfa,#221914f5)}.hero:before{background:radial-gradient(circle,#ead7a333,#0000 60%)}.hero h1{color:#fff4d8}.organizationName,.dedication{color:#d9c59b}.khatmaNumber{color:#fff4d8;background:#fff8e814;border-color:#ead7a359}.progressCard,.myReservation,.sectionCard{background:var(--surface);border-color:var(--border-soft);box-shadow:0 12px 30px #3f2a1414}.myReservation{border-color:var(--border)}.myReservationHeader .eyebrow,.sectionHeading .eyebrow{color:var(--gold-dark)}.myReservationHeader h2,.sectionHeading h2{color:var(--ink)}.prominentRange{border-color:var(--border-soft);background:#fffdf8}.countdownCard,.countdownBox,.countdownPanel{color:var(--primary-dark);background:linear-gradient(135deg,#efd9a2,#e6c982)}.primaryButton,.reserveButton,.completeButton{background:linear-gradient(180deg, var(--primary), var(--primary-dark));color:#fff9ef;border-color:var(--primary-dark)}.primaryButton:hover,.reserveButton:hover,.completeButton:hover{background:var(--primary-dark)}.withdrawButton{color:var(--primary);background:#fffdf9;border-color:#6f171b47}.currentBookingButton,.mineText{color:var(--primary-dark);background:#ead49d}.sectionCard.statusAVAILABLE{background:#fffaf1;border-color:#d9bd82}.sectionCard.statusRESERVED{background:#fbf0d8;border-color:#d3a755}.sectionCard.statusCOMPLETED{background:#edf5f0;border-color:#a9cdbd}.statusBadge{color:var(--gold-dark);background:#f3e2b9}.statusRESERVED .statusBadge{background:var(--reserved-soft);color:#8c5608}.statusCOMPLETED .statusBadge,.completedText{background:var(--success-soft);color:var(--success)}.legendAvailable{border-color:var(--gold)}.legendReserved{background:var(--reserved)}.legendCompleted{background:var(--success)}.successBanner{background:var(--success-soft);color:#245c47;border-color:#b7d7c8}.errorBanner{color:#8a2525;background:#f8e7e4;border-color:#e1b8b2}.adminPage,.loginPage{background:linear-gradient(#efe5d4,#f7f1e8)}.adminCard,.loginCard{background:var(--surface);border-color:var(--border-soft)}.adminHeader,.loginHeader{color:#fff3d7;background:linear-gradient(#1c1a19,#35251f)}@media (max-width:640px){.hero{background:linear-gradient(#0b1420,#2a1d18)}.sectionCard{box-shadow:0 8px 18px #3f2a1412}.myReservation{background:linear-gradient(#fffaf1,#fbf2e3)}}.hero{isolation:isolate;background:linear-gradient(#050c16b8 0%,#120f0ec7 54%,#1f1712f2 100%),url(/khatmat-campaign-hero.webp) 50% 42%/cover no-repeat;min-height:520px;padding:54px 20px 96px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 28% 70%,#dda14342,#0000 34%),linear-gradient(90deg,#00000038,#0000 48%,#0000002e);position:absolute;inset:0}.hero:after{content:"";inset-inline:0;z-index:-1;pointer-events:none;background:linear-gradient(#0000,#1f1712f5);height:110px;position:absolute;bottom:0}.heroOrnament{display:none!important}.organizationLogo{object-fit:contain;filter:drop-shadow(0 5px 16px #00000052);width:auto;max-width:150px;max-height:88px;margin:0 auto 16px;display:block}.organizationName{color:#e8cf91;margin-bottom:16px;font-size:18px;font-weight:700}.hero h1{text-shadow:0 4px 24px #00000073;margin-bottom:18px}.campaignHadith{color:#f8eed8;width:min(820px,100%);margin:0 auto 24px}.hadithIntro{color:#d9bd78;margin:0 0 10px;font-size:16px;font-weight:700}.campaignHadith blockquote{text-wrap:balance;margin:0;font-size:clamp(18px,2vw,24px);font-weight:500;line-height:2}.campaignHadith strong{color:#f0c86d;white-space:nowrap;text-shadow:0 0 18px #f0c86d38;font-weight:900}.publicFooter{background:#fffaf1db;border:1px solid #b8872f47;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;margin-top:42px;padding:26px 28px;display:flex;box-shadow:0 12px 28px #3f2a140f}.footerIdentity{flex-direction:column;gap:3px;display:flex}.footerIdentity strong{color:var(--primary);font-size:18px}.footerIdentity span{color:var(--muted);font-size:14px}.footerContacts{flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;display:flex}.footerContacts a{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.footerContacts a:hover{color:var(--primary);text-decoration:underline}@media (max-width:640px){.hero{background-position:38%;min-height:0;padding:34px 16px 66px}.organizationLogo{max-width:118px;max-height:68px;margin-bottom:12px}.organizationName{font-size:15px}.hero h1{margin-bottom:14px;font-size:38px}.campaignHadith{margin-bottom:18px}.hadithIntro{font-size:13px;line-height:1.7}.campaignHadith blockquote{font-size:16px;line-height:1.95}.campaignHadith strong{white-space:normal}.khatmaNumber{margin-top:14px}.publicFooter{text-align:center;flex-direction:column;align-items:stretch;margin-top:28px;padding:20px 16px}.footerContacts{justify-content:center;gap:12px}.footerContacts a{background:#b8872f14;border-radius:10px;justify-content:center;min-height:38px;padding:8px 11px;display:inline-flex}}.hero{background:linear-gradient(#040a1294 0%,#0a0c109e 48%,#191310e6 100%),url(/khatmat-campaign-hero-wide.webp) 50% 58%/cover no-repeat;min-height:430px;padding:38px 20px 68px}.hero:before{box-shadow:none!important;background:linear-gradient(90deg,#00000029,#0000 46%,#00000029)!important;border:0!important}.hero:after{height:90px;box-shadow:none!important;background:linear-gradient(#0000,#191310eb)!important;border:0!important}.hero [class*=circle],.hero [class*=ornament],.hero [class*=decor]{display:none!important}.hero h1{margin-bottom:10px;font-size:clamp(42px,5vw,68px)}.campaignHadith{width:min(900px,100%);margin-bottom:12px}.hadithIntro{margin-bottom:4px}.campaignHadith blockquote{font-size:clamp(17px,1.8vw,23px);line-height:1.85}.campaignInvitation{color:#f3dfad;text-align:center;margin:10px auto 14px;font-size:17px;font-weight:700;line-height:1.7}.khatmaNumber{margin-top:8px}@media (max-width:640px){.hero{background-position:34%;min-height:390px;padding:24px 14px 54px}.organizationLogo{max-width:102px;max-height:58px;margin-bottom:8px}.hero h1{margin-bottom:8px;font-size:36px}.hadithIntro{font-size:12px}.campaignHadith blockquote{font-size:15px;line-height:1.8}.campaignInvitation{margin:8px auto 12px;font-size:14px;line-height:1.65}.khatmaNumber{margin-top:6px}}.organizationLogo{max-width:230px;max-height:120px;margin-bottom:14px}@media (max-width:640px){.hero{background-position:34%;min-height:330px;padding:18px 14px 42px}.organizationLogo{max-width:145px;max-height:76px;margin-bottom:6px}.hero h1{margin-bottom:8px;font-size:32px;line-height:1.25}.campaignHadith{margin-bottom:10px}.hadithIntro{margin-bottom:3px;font-size:13px;line-height:1.65}.campaignHadith blockquote{font-size:17px;line-height:1.85}.khatmaNumber{margin-top:4px;padding:8px 18px;font-size:15px}.progressCard{padding-top:18px}.sectionHeading h2{font-size:24px}.hero{min-height:0!important;padding:14px 12px 32px!important}.organizationLogo{max-width:132px!important;max-height:68px!important;margin:0 auto 4px!important}.hero h1{margin:2px 0 5px!important;font-size:31px!important;line-height:1.15!important}.campaignHadith{margin:0 auto 5px!important}.hadithIntro{margin:0 0 2px!important;font-size:12.5px!important;line-height:1.45!important}.campaignHadith blockquote{margin:0!important;font-size:16.5px!important;line-height:1.65!important}.campaignInvitation{margin:5px auto 6px!important;font-size:13.5px!important;line-height:1.45!important}.khatmaNumber{border-radius:18px!important;min-height:0!important;margin:3px auto 0!important;padding:5px 13px!important;font-size:13px!important;line-height:1.2!important;display:inline-flex!important}.khatmaNumber strong{font-size:16px!important}.hero:after{height:42px!important}.contentContainer{margin-top:-18px!important}}.ashuraLaunchBanner{color:#fff4d8;background:linear-gradient(135deg,#201814,#561418);border:1px solid #b8872f;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px;padding:20px 24px;text-decoration:none;display:flex;box-shadow:0 14px 30px #3f1a1429}.ashuraLaunchBanner strong{font-size:22px;display:block}.ashuraLaunchBanner span{color:#e8cf91;font-size:14px}.ashuraLaunchBanner b{color:#441014;white-space:nowrap;background:#e4c579;border-radius:999px;padding:9px 15px}.ashuraPage{color:#2b211b;direction:rtl;background:linear-gradient(#17120f 0,#eee1ca 470px,#f6efe3 100%);min-height:100vh}.ashuraHero{text-align:center;color:#fff5dc;background:linear-gradient(#0409107a,#0e0c0cb3 62%,#19110ef5),url(/khatmat-campaign-hero-wide.webp) 50% 56%/cover no-repeat;min-height:410px;padding:34px 18px 74px;position:relative;overflow:hidden}.ashuraLogo{object-fit:contain;width:auto;max-width:190px;max-height:92px}.ashuraNightLabel{color:#e0bf70;margin:10px 0 4px;font-size:16px;font-weight:800}.ashuraHero h1{margin:0;font-size:clamp(42px,6vw,70px);line-height:1.25}.ashuraHeroText{color:#f3dfad;margin:10px auto 18px;font-size:18px}.ashuraBackLink{color:#fff4d8;border:1px solid #f0c86d73;border-radius:999px;padding:8px 16px;text-decoration:none;display:inline-flex}.ashuraContainer{z-index:2;width:min(920px,100% - 22px);margin:-48px auto 0;padding-bottom:36px;position:relative}.ashuraProgressCard,.ashuraStartCard,.ashuraReaderCard{background:#fffaf1fa;border:1px solid #dcc9a6;border-radius:24px;margin-bottom:20px;padding:26px;box-shadow:0 16px 38px #3f2a141c}.ashuraProgressHeading{justify-content:space-between;align-items:center;gap:18px;display:flex}.ashuraProgressHeading>div{align-items:baseline;gap:9px;display:flex}.ashuraProgressHeading span{color:#8e641f;font-weight:700}.ashuraProgressHeading strong{color:#6f171b;font-size:28px}.ashuraProgressHeading b{color:#6f171b;font-size:26px}.ashuraProgressCard h2{margin:12px 0 18px;font-size:28px}.ashuraProgressTrack{background:#e9dfd1;border-radius:999px;height:13px;overflow:hidden}.ashuraProgressTrack span{border-radius:inherit;background:linear-gradient(90deg,#6f171b,#b8872f);height:100%;display:block}.ashuraStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.ashuraStats div{text-align:center;background:#f7efe1;border-radius:16px;padding:16px 10px}.ashuraStats strong,.ashuraStats span{display:block}.ashuraStats strong{color:#6f171b;font-size:26px}.ashuraStats span{color:#74675d;margin-top:4px}.ashuraStartCard{text-align:center}.ashuraStartCard h2{margin:0 0 8px;font-size:30px}.ashuraStartCard p{color:#74675d;margin:0 auto 20px;font-size:17px;line-height:1.8}.ashuraStartCard small{color:#74675d;margin-top:12px;display:block}.ashuraReadButton,.ashuraCompleteButton{color:#fff8ea;min-height:58px;font:inherit;cursor:pointer;background:linear-gradient(#76191d,#4f1013);border:0;border-radius:15px;font-size:20px;font-weight:800}.ashuraReadButton{width:min(430px,100%)}.ashuraReadButton:disabled,.ashuraCompleteButton:disabled,.ashuraWithdrawButton:disabled{opacity:.6;cursor:wait}.ashuraMessage,.ashuraError{border-radius:14px;margin-bottom:14px;padding:14px 18px;font-weight:700}.ashuraMessage{color:#235d46;background:#e7f3ec;border:1px solid #acd0be}.ashuraError{color:#8a2525;background:#fae9e6;border:1px solid #dfb2ac}.ashuraReaderCard{scroll-margin-top:12px}.ashuraReaderTop{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.ashuraReaderTop span{color:#8e641f;font-weight:700}.ashuraReaderTop h2{margin:3px 0 0;font-size:34px}.ashuraTimer{text-align:center;background:#efdda9;border-radius:15px;min-width:150px;padding:12px 16px}.ashuraTimer strong{color:#5f1519;direction:ltr;margin-top:3px;font-size:25px;display:block}.ashuraMushaf{background:#fffdf7;border:1px solid #d9c4a3;border-radius:18px;min-height:380px;padding:28px 24px}.ashuraSurah+.ashuraSurah{margin-top:24px}.ashuraSurah h3{color:#6f171b;border:1px solid #d7bd83;border-radius:999px;width:fit-content;margin:0 auto 14px;padding:7px 22px;font-size:20px}.ashuraSurah p{color:#17120f;text-align:justify;margin:0;font-family:Noto Naskh Arabic,Amiri,serif;font-size:27px;line-height:2.25}.ashuraSurah p b{color:#8e641f;white-space:nowrap;font-size:18px}.ashuraQuranStatus,.ashuraQuranFallback{color:#74675d;text-align:center;padding:44px 12px}.ashuraQuranFallback a,.ashuraExternalPage{color:#6f171b;font-weight:800}.ashuraExternalPage{text-align:center;margin:14px 0;display:block}.ashuraReaderActions{grid-template-columns:2fr 1fr;gap:12px;margin-top:18px;display:grid}.ashuraWithdrawButton{color:#6f171b;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:1px solid #6f171b47;border-radius:15px;font-size:18px;font-weight:800}.ashuraFooter{color:#74675d;text-align:center;padding:18px}.ashuraFooter a{color:#6f171b;margin:0 5px;font-weight:700;text-decoration:none}.ashuraLoading{text-align:center;background:#fffaf1;border-radius:22px;width:min(560px,100% - 24px);margin:120px auto;padding:30px}@media (max-width:640px){.ashuraLaunchBanner{align-items:flex-start;padding:16px}.ashuraLaunchBanner strong{font-size:18px}.ashuraLaunchBanner b{padding:7px 11px;font-size:13px}.ashuraHero{background-position:34%;min-height:330px;padding:22px 14px 62px}.ashuraLogo{max-width:145px;max-height:72px}.ashuraNightLabel{margin-top:6px;font-size:13px}.ashuraHero h1{font-size:36px}.ashuraHeroText{margin:7px auto 13px;font-size:14px}.ashuraContainer{width:calc(100% - 14px);margin-top:-36px}.ashuraProgressCard,.ashuraStartCard,.ashuraReaderCard{border-radius:19px;padding:18px 15px}.ashuraProgressCard h2{font-size:21px}.ashuraProgressHeading strong,.ashuraProgressHeading b{font-size:23px}.ashuraStats{gap:7px}.ashuraStats div{padding:13px 5px}.ashuraStats strong{font-size:22px}.ashuraStats span{font-size:12px}.ashuraStartCard h2{font-size:25px}.ashuraStartCard p{font-size:15px}.ashuraReaderTop{align-items:flex-start}.ashuraReaderTop h2{font-size:28px}.ashuraTimer{min-width:120px;padding:9px 11px}.ashuraTimer span{font-size:12px}.ashuraTimer strong{font-size:21px}.ashuraMushaf{min-height:300px;padding:22px 16px}.ashuraSurah h3{font-size:17px}.ashuraSurah p{font-size:23px;line-height:2.2}.ashuraReaderActions{grid-template-columns:1fr}.ashuraCompleteButton,.ashuraWithdrawButton,.ashuraReadButton{min-height:54px}}.adminAshuraLink{color:#fff3d7;background:linear-gradient(135deg,#211814,#68171b);border:1px solid #b8872f;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 22px;padding:18px 22px;text-decoration:none;display:flex}.adminAshuraLink span{flex-direction:column;display:flex}.adminAshuraLink strong{font-size:20px}.adminAshuraLink b{color:#581216;white-space:nowrap;background:#e7cb86;border-radius:999px;padding:8px 14px}.ashuraAdminPage{direction:rtl;background:linear-gradient(#efe3d0,#f8f2e8);min-height:100vh;padding:26px}.ashuraAdminHeader,.ashuraAdminSection,.ashuraAdminError,.ashuraAdminLoading{width:min(1400px,100%);margin-inline:auto}.ashuraAdminHeader{color:#fff3d7;background:linear-gradient(135deg,#17191f,#3b241d);border-radius:22px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:24px 28px;display:flex}.ashuraAdminHeader span{color:#dabd74;font-weight:700}.ashuraAdminHeader h1{margin:4px 0 0}.ashuraAdminHeader nav{flex-wrap:wrap;gap:10px;display:flex}.ashuraAdminHeader a{color:#fff3d7;border:1px solid #e7cb8659;border-radius:10px;padding:9px 13px;text-decoration:none}.ashuraAdminSection{background:#fffaf1;border:1px solid #d8bc83;border-radius:22px;margin-bottom:20px;padding:24px}.ashuraAdminKhatmas{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.ashuraAdminKhatmaCard{background:#f8f0e2;border:1px solid #e2d3b7;border-radius:16px;padding:18px}.ashuraAdminCardHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.ashuraAdminCardHeader b{color:#6f171b;background:#ead7a3;border-radius:999px;padding:5px 9px}.ashuraAdminStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.ashuraAdminStats div{text-align:center;background:#fffaf1;border-radius:10px;padding:10px 5px}.ashuraAdminStats strong,.ashuraAdminStats span{display:block}.ashuraAdminStats strong{color:#6f171b;font-size:22px}.ashuraAdminTableWrap{overflow-x:auto}.ashuraAdminTable{border-collapse:collapse;width:100%;min-width:700px}.ashuraAdminTable th,.ashuraAdminTable td{text-align:right;border-bottom:1px solid #dfc99f;padding:12px}.ashuraAdminError,.ashuraAdminLoading,.ashuraAdminEmpty{text-align:center;padding:24px}.ashuraAdminError{color:#8a2525;background:#fae9e6}@media (max-width:700px){.ashuraAdminPage{padding:10px}.ashuraAdminHeader{flex-direction:column;align-items:stretch;padding:18px}.ashuraAdminSection{padding:16px 12px}.adminAshuraLink{align-items:flex-start;padding:15px}.adminAshuraLink strong{font-size:17px}.adminAshuraLink b{font-size:12px}}.ashuraReadingLimit{color:#66594f;text-align:center;margin:8px 0 18px;font-size:18px;font-weight:600;line-height:1.7}.ashuraReadingLimit strong{color:#7b171c;font-size:22px;font-weight:900}@media (max-width:600px){.ashuraReadingLimit{font-size:16px}.ashuraReadingLimit strong{font-size:20px}}.ashuraReadingLimit{margin:4px 0 14px!important;font-size:16px!important;line-height:1.5!important}.ashuraReadingLimit strong{font-size:19px!important;font-weight:900!important}@media (max-width:600px){.ashuraReadingLimit{font-size:15px!important}.ashuraReadingLimit strong{font-size:18px!important}}