@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Amiri:wght@400;700&display=swap');
:root{--green:#073f3b;--green2:#0b514b;--gold:#c7a35a;--cream:#f7f3e9;--ink:#173d3a;--muted:#667a78;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8}.container{width:min(1180px,92%);margin:auto}
.header{background:var(--green);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #0002}.nav{min-height:86px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;margin-right:auto}.brand b{font-size:24px;display:block}.brand small{font-size:10px;color:#ddd;display:block}.brand-mark{font-size:36px;color:var(--gold)}.links{display:flex;gap:19px;align-items:center}.links a{color:#fff;text-decoration:none;font-size:13px;padding:26px 0;opacity:.9}.links a.active{color:#e4c676;border-bottom:3px solid #e4c676}.actions{display:flex;gap:8px}.actions button,.primary{font-family:inherit;cursor:pointer;border-radius:22px;padding:8px 16px}.ghost{background:transparent;border:1px solid #ddd;color:#fff}.gold{background:transparent;border:1px solid var(--gold);color:#f2d78e}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:440px;position:relative;background:linear-gradient(90deg,#052f2b 10%,#0b4a45aa 45%,#0000),url('https://images.unsplash.com/photo-1585036156171-384164a8c675?auto=format&fit=crop&w=1800&q=85') center/cover}.hero-content{min-height:440px;display:flex;align-items:center}.hero-copy{max-width:590px;color:#fff}.ayah{font-family:Amiri,serif;font-size:30px;color:#f3dfac;margin-bottom:14px}.ayah small{display:block;font:14px Cairo;color:#eee}.hero h1{font-size:31px;margin:8px 0}.hero p{font-size:16px;color:#f4f4f4}.search{display:flex;background:#fff;border-radius:30px;overflow:hidden;margin-top:22px;max-width:590px}.search input{flex:1;border:0;outline:0;padding:14px 20px;font:14px Cairo}.search button{width:60px;border:0;background:#124e58;color:#fff;font-size:25px;cursor:pointer}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:28px 0 42px}.card{border:1px solid #e5e8e4;border-radius:9px;padding:20px;background:linear-gradient(145deg,#fff,#f7faf8);min-height:205px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #12332b12}.card .icon{font-size:36px}.card h3{margin:4px 0;font-size:18px}.card p{font-size:12px;color:var(--muted);margin:2px 0 10px}.card a{font-size:12px;color:#0b5550;text-decoration:none;font-weight:700}
.daily{background:var(--cream);padding:38px 0}.grid3{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.panel{background:#fff;border-radius:10px;padding:24px;box-shadow:0 5px 20px #183e3410;text-align:center}.panel h2{font-size:20px;margin:0 0 3px}.panel p,.panel small{color:var(--muted);font-size:12px}.times{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0}.times div{background:var(--green);color:#fff;border-radius:10px;padding:8px}.times b{display:block;font-size:10px}.times strong{font-size:15px}.quote{font-family:Amiri,serif;font-size:23px;margin:25px 0 8px}.primary{display:block;margin:20px auto 0;background:var(--green);color:#fff;border:0}.lower{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;padding:34px 0}.banner{min-height:180px;border-radius:12px;background:linear-gradient(90deg,#082e2b88,#082e2b22),url('https://images.unsplash.com/photo-1519817650390-64a93db51149?auto=format&fit=crop&w=1000&q=80') center/cover;color:#fff;padding:35px;display:flex;align-items:center}.banner h2{font-size:20px}.banner span{margin:auto;font-size:35px;color:#e3ca83}.selected{border:1px solid #e4e8e5;border-radius:12px;padding:22px}.selected h2{margin-top:0}.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini a{border:1px solid #e2e6e4;border-radius:9px;padding:20px 10px;text-decoration:none;color:var(--ink);font-weight:700;text-align:center}
footer{background:var(--green);color:#fff;padding:28px 0 10px}.footer{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer b{font-size:22px;color:#e6cd8a}.footer p,.footer a{font-size:12px;color:#d7e1df}.footer a{margin:0 8px;text-decoration:none}.social{font-size:20px}.copyright{text-align:center;border-top:1px solid #ffffff22;margin-top:20px;padding-top:10px;font-size:11px;color:#cbd7d5}.top{position:fixed;bottom:20px;left:20px;border:0;background:var(--green);color:#fff;width:42px;height:42px;border-radius:50%;font-size:20px;cursor:pointer}
@media(max-width:900px){.links{display:none}.menu{display:block}.nav{justify-content:space-between}.brand{margin:0}.actions{display:none}.cards{grid-template-columns:repeat(2,1fr)}.grid3,.lower{grid-template-columns:1fr}.hero-copy{padding:35px 0}.hero{min-height:500px}.hero-content{min-height:500px}.mini{grid-template-columns:1fr}}
@media(max-width:560px){.cards{grid-template-columns:1fr}.hero h1{font-size:26px}.ayah{font-size:24px}.times{grid-template-columns:repeat(2,1fr)}.footer{flex-direction:column;align-items:flex-start}}

.feature-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:40px 0}
.feature-box{background:#fff;border:1px solid #e6e9e5;border-radius:14px;padding:24px;box-shadow:0 8px 28px #163c3510}
.prayer-box{grid-column:1/-1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-head h2{margin:0;font-size:23px}.section-head p{margin:0;color:var(--muted);font-size:12px}.eyebrow{font-size:11px;color:#9b7a35;font-weight:700}.outline{font-family:inherit;border:1px solid #b7c6c2;background:#fff;color:var(--green);padding:7px 13px;border-radius:20px;cursor:pointer}.adhkar-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.tab{font-family:inherit;border:0;background:#edf3f1;color:var(--green);padding:8px 13px;border-radius:20px;cursor:pointer}.tab.active{background:var(--green);color:#fff}.adhkar-list{display:grid;gap:10px}.dhikr{border:1px solid #e4e8e5;border-radius:10px;padding:14px;background:#fbfcfa}.dhikr p{font-family:Amiri,serif;font-size:22px;margin:0 0 7px}.dhikr-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.count-btn{font-family:inherit;border:0;background:var(--green);color:#fff;border-radius:18px;padding:6px 12px;cursor:pointer}.hadith-card{background:linear-gradient(145deg,#f8f5eb,#fff);border-radius:12px;padding:25px;text-align:center;border:1px solid #e7dfca}.hadith-badge{display:inline-block;background:#e8d7a8;color:#614d22;padding:4px 11px;border-radius:20px;font-size:11px}.hadith-card blockquote{font-family:Amiri,serif;font-size:25px;margin:20px 0 10px}.source{font-weight:700;font-size:12px}.explain{color:var(--muted);font-size:12px}.live-times{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.live-time{background:var(--green);color:#fff;border-radius:11px;text-align:center;padding:13px 7px}.live-time .name{display:block;font-size:11px;color:#dce9e6}.live-time .time{display:block;font-size:19px;font-weight:800}.status{font-size:12px;color:var(--muted);margin-bottom:12px}.note{font-size:11px;color:var(--muted);margin:13px 0 0}
@media(max-width:900px){.feature-sections{grid-template-columns:1fr}.prayer-box{grid-column:auto}.live-times{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.live-times{grid-template-columns:repeat(2,1fr)}.feature-box{padding:18px}.hadith-card blockquote{font-size:21px}}

.quran-app{padding:45px 0}.quran-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.quran-head h2{font-size:30px;margin:0}.quran-head p{margin:0;color:var(--muted);font-size:13px}.last-read{background:#f2ead5;border:1px solid #dfcfaa;color:#6b5426;padding:9px 14px;border-radius:22px;font-size:12px}
.quran-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px}.quran-search{display:flex;flex:1;border:1px solid #dfe6e2;border-radius:25px;overflow:hidden;background:#fff}.quran-search input{flex:1;border:0;outline:0;padding:11px 17px;font:13px Cairo}.quran-search button{border:0;background:var(--green);color:#fff;padding:0 20px;font-family:inherit;cursor:pointer}.quran-toolbar select{border:1px solid #dfe6e2;background:#fff;padding:10px 13px;border-radius:22px;font-family:inherit;color:var(--ink)}
.quran-layout{display:grid;grid-template-columns:310px 1fr;gap:18px;align-items:start}.surah-panel{border:1px solid #e1e7e3;border-radius:14px;background:#fbfcfb;overflow:hidden;position:sticky;top:105px;max-height:730px}.surah-panel-head{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e9e6}.surah-panel-head span{font-size:11px;color:var(--muted)}.surah-filter{width:calc(100% - 24px);margin:12px;border:1px solid #e0e6e3;border-radius:20px;padding:9px 13px;font-family:inherit;outline:0}.surah-list{overflow:auto;max-height:610px;padding:0 10px 10px}.surah-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;border-radius:10px;padding:9px;text-align:right;cursor:pointer;font-family:inherit;color:var(--ink)}.surah-item:hover,.surah-item.active{background:#e9f1ef}.surah-number{width:31px;height:31px;border-radius:50%;background:#edf2ef;display:grid;place-items:center;font-size:11px;color:var(--green);flex:none}.surah-name{font-weight:700;font-size:13px;display:block}.surah-sub{font-size:10px;color:var(--muted);display:block}
.reader{border:1px solid #e1e7e3;border-radius:14px;background:#fff;padding:22px;min-height:500px}.reader-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e8ece9;padding-bottom:15px}.reader-head h2{font-family:Amiri,serif;font-size:31px;margin:0}.surah-meta{font-size:10px;color:#987934}.surah-info{color:var(--muted);font-size:11px}.reader-actions{display:flex;gap:8px;align-items:center}.reader audio{width:100%;margin:16px 0}.ayah-list{display:grid;gap:9px}.ayah{border:1px solid #ecefea;border-radius:10px;padding:16px;background:#fff;transition:.2s}.ayah.saved{background:#f5f0e2;border-color:#dbc994}.ayah-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ayah-num{width:32px;height:32px;border:1px solid #d5c18b;border-radius:50%;display:grid;place-items:center;color:#866a2f;font-size:11px;flex:none}.ayah-text{font-family:Amiri,serif;font-size:27px;line-height:2.2;margin:8px 0;text-align:right}.ayah-tools{display:flex;gap:7px}.ayah-tools button{font-family:inherit;border:1px solid #dce4df;background:#fff;border-radius:17px;padding:5px 10px;color:var(--green);font-size:10px;cursor:pointer}.tafsir{background:#f7f8f5;border-right:3px solid #b7964e;padding:12px;margin-top:10px;border-radius:6px;font-size:12px;display:none}.tafsir.open{display:block}.tafsir b{color:#705827}.search-results{margin-top:15px}.search-results.hidden{display:none}.result{padding:14px;border:1px solid #e5e9e6;border-radius:9px;margin-bottom:8px;background:#fbfcfa}.result b{color:var(--green)}.result p{font-family:Amiri,serif;font-size:21px;margin:5px 0}.result small{color:var(--muted)}.status{padding:8px 0}.continue-highlight{outline:3px solid #d7c27f;outline-offset:2px}
@media(max-width:900px){.quran-layout{grid-template-columns:1fr}.surah-panel{position:static;max-height:360px}.surah-list{max-height:240px}.quran-head{align-items:start;flex-direction:column}.quran-toolbar{flex-wrap:wrap}.quran-search{min-width:100%}.quran-toolbar select{flex:1}}
@media(max-width:560px){.reader{padding:14px}.reader-head{flex-direction:column}.reader-actions{flex-wrap:wrap}.ayah-text{font-size:23px}.quran-toolbar select,.quran-toolbar .outline{width:100%}}

.mushaf-tools{padding:12px 0 42px}.mushaf-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.progress-card,.quick-card,.bookmark-card{border:1px solid #e2e8e4;border-radius:14px;background:#fff;padding:20px;box-shadow:0 7px 25px #173c3410}.progress-top{display:flex;justify-content:space-between}.progress-top span{font-weight:800;color:#8b6b2d}.progress-track{height:12px;background:#edf1ef;border-radius:20px;overflow:hidden;margin:13px 0}.progress-track div{height:100%;width:0;background:var(--gold);transition:width .35s}.progress-card p,.bookmark-card p{font-size:12px;color:var(--muted)}.quick-card h3,.bookmark-card h3{margin-top:0}.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-links button{font-family:inherit;background:#f0f5f2;border:1px solid #dce7e2;border-radius:9px;padding:9px;cursor:pointer;color:var(--green);font-weight:700}.bookmark-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0ee;padding:9px 0;font-size:12px}.bookmark-row:last-child{border-bottom:0}.bookmark-row button{border:0;background:transparent;color:#9a3737;cursor:pointer}
@media(max-width:900px){.mushaf-grid{grid-template-columns:1fr 1fr}.bookmark-card{grid-column:1/-1}}
@media(max-width:560px){.mushaf-grid{grid-template-columns:1fr}.bookmark-card{grid-column:auto}}

.account-area{padding:20px 0 50px}.account-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;border-radius:16px;background:linear-gradient(135deg,#f4f0e4,#f8fbf9);border:1px solid #e3e6e0;padding:28px}.account-intro h2{font-size:27px;margin:5px 0 10px}.account-intro p{color:var(--muted);font-size:13px;max-width:650px}.account-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.account-benefits span{background:#fff;border:1px solid #dfe6e1;border-radius:18px;padding:6px 11px;font-size:11px;color:var(--green)}.account-box,.profile-box{background:#fff;border:1px solid #e0e6e2;border-radius:13px;padding:20px;box-shadow:0 7px 22px #153c3510}.auth-tabs{display:flex;border-bottom:1px solid #e7ebe8;margin-bottom:18px}.auth-tab{font-family:inherit;background:transparent;border:0;padding:10px 14px;color:var(--muted);cursor:pointer}.auth-tab.active{color:var(--green);font-weight:800;border-bottom:2px solid var(--gold)}label{display:block;font-size:11px;color:var(--muted);margin:10px 0}label input{display:block;width:100%;margin-top:5px;border:1px solid #dfe6e2;border-radius:9px;padding:10px 12px;font-family:inherit;outline:0}.wide{width:100%;border-radius:9px}.auth-note{font-size:10px;color:var(--muted)}.hidden{display:none!important}.profile-box{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.profile-main{display:flex;align-items:center;gap:13px}.avatar{width:55px;height:55px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800}.profile-main h2{margin:0}.profile-main p{margin:0;color:var(--muted);font-size:11px}.profile-stats{display:flex;gap:28px}.profile-stats div{text-align:center}.profile-stats b{display:block;color:var(--green);font-size:20px}.profile-stats span{font-size:10px;color:var(--muted)}
@media(max-width:800px){.account-shell{grid-template-columns:1fr}.profile-box{flex-direction:column;align-items:stretch}.profile-stats{justify-content:space-around}}

.cloud-status{margin:10px auto 0;padding:11px 15px;border-radius:10px;background:#fff8e8;border:1px solid #ead9a8;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px}.cloud-status span{font-weight:800;color:#765d1b}.cloud-status small{color:var(--muted)}.cloud-status.cloud-on{background:#eef8f2;border-color:#cfe5d7}.cloud-status.cloud-on span{color:var(--green)}
@media(max-width:700px){.cloud-status{flex-direction:column;align-items:flex-start}}

.admin-section{padding:30px 0 60px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.admin-head h2{margin:3px 0}.admin-head p{color:var(--muted);font-size:12px}.admin-login{background:#f8faf8;border:1px solid #e0e7e2;border-radius:12px;padding:16px}.admin-login-row{display:flex;gap:8px}.admin-login-row input{flex:1;border:1px solid #dce4df;border-radius:9px;padding:10px;font-family:inherit}.admin-content{margin-top:18px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.admin-stats div{background:#fff;border:1px solid #e1e7e3;border-radius:12px;padding:15px;text-align:center}.admin-stats b{display:block;font-size:23px;color:var(--green)}.admin-stats span{font-size:10px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-card,.admin-list{background:#fff;border:1px solid #e0e6e2;border-radius:12px;padding:18px;margin-bottom:14px}.admin-card h3,.admin-list h3{margin-top:0}.admin-card input,.admin-card textarea{width:100%;box-sizing:border-box;margin:5px 0;border:1px solid #dfe6e2;border-radius:8px;padding:10px;font-family:inherit}.admin-card textarea{min-height:75px;resize:vertical}.admin-item{padding:10px;border-bottom:1px solid #edf0ee;font-size:12px}.admin-item:last-child{border-bottom:0}.danger{background:#fff0f0;border:1px solid #e5bcbc;color:#a33;padding:10px;border-radius:9px;margin-top:8px;font-family:inherit;cursor:pointer}.wide{width:100%}
@media(max-width:700px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-login-row{flex-direction:column}.admin-head{align-items:flex-start;gap:10px}}

.secure-admin-note{background:#eef7f1;border:1px solid #cfe4d6;color:#245d3d;border-radius:10px;padding:10px 13px;margin-bottom:10px;font-size:11px}

.global-search{padding:28px 0}.global-search>div:first-child h2{margin:4px 0}.global-search p{font-size:12px;color:var(--muted)}.global-search-box{display:flex;gap:8px;margin:12px 0}.global-search-box input{flex:1;border:1px solid #dce5e0;border-radius:10px;padding:12px;font-family:inherit}.global-result{padding:12px;border:1px solid #e1e7e3;border-radius:10px;background:#fff;margin:7px 0;font-size:12px}.global-result b{color:var(--green)}body.dark{background:#101918;color:#e8eeeb}body.dark header,body.dark .card,body.dark .account-box,body.dark .profile-box,body.dark .admin-card,body.dark .admin-list,body.dark .global-result,body.dark .admin-stats div{background:#182321;color:#e8eeeb;border-color:#2b3935}body.dark .account-shell{background:#16211f;border-color:#2b3935}body.dark input,body.dark textarea{background:#101918;color:#fff;border-color:#34443f}body.dark .muted,body.dark p,body.dark small{color:#aab8b2}body.dark .cloud-status{background:#182b24}