body{margin:0;font-family:Inter,sans-serif}.dashboard{color:#fff;background:linear-gradient(135deg,#065f46,#064e3b);min-height:100vh}.hero{padding:100px 6% 60px}.hero-top{justify-content:space-between;align-items:center;display:flex}.hero h1{font-size:28px;font-weight:500}.hero h1 span{font-weight:700}.location{opacity:.8;align-items:center;gap:5px;font-size:12px;display:flex}.date{opacity:.7;margin-top:8px;font-size:12px}.next-prayer{margin-top:50px}.next-prayer p{opacity:.8;font-size:14px}.next-prayer h2{margin:10px 0;font-size:64px;font-weight:300}.next-prayer span{color:#a7f3d0;font-size:14px}.prayer-section{color:#000;background:#fff;border-top-left-radius:40px;border-top-right-radius:40px;padding:40px 6%}.prayer-section h3{color:#555;margin-bottom:25px;font-size:16px}.prayer-row{gap:20px;padding-bottom:10px;display:flex;overflow-x:auto}.prayer-card{text-align:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;min-width:130px;padding:20px;transition:all .3s}.prayer-card svg{color:#555;margin-bottom:10px}.prayer-card p{color:#666;margin:5px 0;font-size:13px}.prayer-card strong{font-size:16px}.prayer-card:hover{transform:translateY(-5px)}.prayer-card.active{background:#ecfdf5;border-color:#10b981}.prayer-card.active svg{color:#10b981}.footer-note{text-align:center;color:#888;margin-top:30px;font-size:11px}.loader{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:4px solid #ccc;border-top-color:#10b981;border-radius:50%;width:40px;height:40px;margin-bottom:10px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.next-prayer h2{font-size:48px}.prayer-card{min-width:110px}}
body{color:#fff;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);margin:0;font-family:Inter,sans-serif}.namaz-container{min-height:100vh;padding:120px 5% 80px}.hero{text-align:center;margin-bottom:50px}.hero h1{letter-spacing:1px;margin-bottom:20px;font-size:52px;font-weight:700}.rakats{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:15px;padding:12px 30px;display:inline-flex}.rakats span{opacity:.8;font-size:14px}.rakats strong{font-size:28px;font-weight:600}.tabs{justify-content:center;gap:20px;margin-bottom:40px;display:flex}.tabs button{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:30px;padding:12px 28px;font-weight:500;transition:all .3s}.tabs button:hover{background:#fff3}.tabs button.active{color:#000;background:#00c896}.content{gap:30px;max-width:1000px;margin:auto;display:grid}.glass-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:25px;padding:35px;transition:all .3s}.glass-card:hover{background:#ffffff1f;transform:translateY(-6px)}.glass-card h3{color:#00e0a4;margin-bottom:20px;font-size:20px}.arabic{text-align:right;margin-bottom:20px;font-family:Scheherazade,serif;font-size:32px;line-height:2}.translit{opacity:.8;margin-bottom:15px;font-style:italic}.translation{opacity:.95;font-size:15px;line-height:1.7}.loader{background:#0f2027;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:4px solid #fff3;border-top-color:#00e0a4;border-radius:50%;width:45px;height:45px;margin-bottom:15px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.hero h1{font-size:36px}.arabic{font-size:24px}.glass-card{padding:25px}}
body{margin:0;font-family:Inter,sans-serif}.quran-container{color:#fff;background:linear-gradient(135deg,#064e3b,#022c22);min-height:100vh;padding:120px 6% 80px}.quran-hero{text-align:center;margin-bottom:60px}.quran-hero h1{letter-spacing:1px;font-size:52px;font-weight:500}.quran-hero h1 span{color:#34d399;font-weight:700}.quran-hero p{opacity:.8;margin-top:15px;font-size:15px}.quran-content{color:#000;background:#fff;border-radius:35px;max-width:1200px;margin:auto;padding:50px;box-shadow:0 20px 50px #00000026}.tabs-wrapper{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:40px;display:flex}.tab-btn{cursor:pointer;text-transform:capitalize;background:#f3f4f6;border:none;border-radius:30px;padding:10px 22px;font-size:14px;transition:all .3s}.tab-btn:hover{background:#e5e7eb}.tab-btn.active{color:#fff;background:#10b981;box-shadow:0 5px 15px #10b98166}.tab-content{min-height:300px;margin-top:20px}@media (max-width:768px){.quran-hero h1{font-size:36px}.quran-content{padding:30px}.tab-btn{padding:8px 18px;font-size:13px}}