@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-primary:"Plus Jakarta Sans", sans-serif;--font-heading:"Outfit", sans-serif;--bg-gradient-start:#0f172a;--bg-gradient-end:#020617;--color-primary:#10b981;--color-primary-rgb:16, 185, 129;--color-accent:#38bdf8;--color-accent-rgb:56, 189, 248;--text-main:#f8fafc;--text-muted:#94a3b8;--text-inverse:#020617;--card-bg:#0f172a73;--card-border:#ffffff14;--card-blur:16px;--glow-shadow:0 0 25px #10b98126;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}.theme-fajr{--bg-gradient-start:#0c152b;--bg-gradient-end:#1e112c;--color-primary:#f472b6;--color-primary-rgb:244, 114, 182;--color-accent:#a78bfa;--color-accent-rgb:167, 139, 250;--glow-shadow:0 0 25px #f472b626}.theme-sunrise{--bg-gradient-start:#1e152a;--bg-gradient-end:#3b1d1d;--color-primary:#fb923c;--color-primary-rgb:251, 146, 60;--color-accent:#facc15;--color-accent-rgb:250, 204, 21;--glow-shadow:0 0 25px #fb923c2e}.theme-dhuhr{--bg-gradient-start:#0369a1;--bg-gradient-end:#075985;--color-primary:#2dd4bf;--color-primary-rgb:45, 212, 191;--color-accent:#38bdf8;--color-accent-rgb:56, 189, 248;--glow-shadow:0 0 25px #2dd4bf33}.theme-asr{--bg-gradient-start:#1e293b;--bg-gradient-end:#451a03;--color-primary:#fbbf24;--color-primary-rgb:251, 191, 36;--color-accent:#f97316;--color-accent-rgb:249, 115, 22;--glow-shadow:0 0 25px #fbbf2426}.theme-maghrib{--bg-gradient-start:#1a0b2e;--bg-gradient-end:#0f051d;--color-primary:#ef4444;--color-primary-rgb:239, 68, 68;--color-accent:#f97316;--color-accent-rgb:249, 115, 22;--glow-shadow:0 0 25px #ef444433}.theme-isha{--bg-gradient-start:#090d16;--bg-gradient-end:#020408;--color-primary:#10b981;--color-primary-rgb:16, 185, 129;--color-accent:#6366f1;--color-accent-rgb:99, 102, 241;--glow-shadow:0 0 25px #10b98126}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:var(--text-main);background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);min-height:100vh;transition:background var(--transition-slow), color var(--transition-normal);line-height:1.5;overflow-x:hidden}button,input,select{font-family:inherit;font-size:inherit;color:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px rgba(var(--color-primary-rgb), .15)}50%{box-shadow:0 0 30px rgba(var(--color-primary-rgb), .3)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:border var(--transition-normal), background var(--transition-normal), box-shadow var(--transition-normal);box-shadow:0 8px 32px #0000005e}.glass-panel-hover:hover{border-color:rgba(var(--color-primary-rgb), .25);background:#ffffff0d}.app-wrapper{flex-direction:column;gap:2rem;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;display:flex}header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-icon{color:var(--color-primary);filter:drop-shadow(0 0 8px rgba(var(--color-primary-rgb), .4));animation:4s ease-in-out infinite float}.brand h1{font-family:var(--font-heading);letter-spacing:-.025em;background:linear-gradient(to right, #fff, var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.header-controls{align-items:center;gap:.75rem;display:flex}.btn{border-radius:var(--radius-md);border:1px solid var(--card-border);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;display:inline-flex}.btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:var(--text-inverse);border:none}.btn-primary:hover{background:rgba(var(--color-primary-rgb), .9);box-shadow:var(--glow-shadow);transform:translateY(-1px)}.btn-icon{border-radius:var(--radius-md);width:2.75rem;height:2.75rem;padding:0}.main-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=900px){.main-grid{grid-template-columns:1.5fr 1fr}}.hero-card{flex-direction:column;justify-content:space-between;min-height:400px;padding:2.5rem;animation:8s infinite alternate pulseGlow;display:flex;position:relative;overflow:hidden}.hero-location{color:var(--text-muted);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500;display:flex}.hero-location-text{color:var(--text-main);font-weight:600}.countdown-section{text-align:center;margin:2rem 0}.countdown-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.countdown-time{font-family:var(--font-heading);letter-spacing:-.03em;background:linear-gradient(#fff 30%,#ffffffb3 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #00000026);-webkit-background-clip:text;font-size:5.5rem;font-weight:800;line-height:1}.progress-bar-container{background:#ffffff14;border-radius:999px;width:100%;height:6px;margin-top:1.5rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(to right, var(--color-primary), var(--color-accent));border-radius:999px;height:100%;transition:width 1s linear}.hero-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.95rem;display:flex}.date-text{color:var(--text-muted)}.date-text-hijri{color:var(--color-primary);font-weight:600}.prayer-list-card{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.prayer-list-title{font-family:var(--font-heading);border-bottom:1px solid #ffffff0f;padding-bottom:1rem;font-size:1.4rem;font-weight:700}.prayer-times-grid{flex-direction:column;gap:.75rem;display:flex}.prayer-row{border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff05;border:1px solid #0000;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.prayer-row:hover{background:#ffffff0a}.prayer-row.active{background:rgba(var(--color-primary-rgb), .08);border-color:rgba(var(--color-primary-rgb), .25);box-shadow:0 4px 20px #00000026}.prayer-row-left{align-items:center;gap:1rem;display:flex}.prayer-icon{color:var(--text-muted);transition:color var(--transition-normal)}.active .prayer-icon{color:var(--color-primary)}.prayer-name{transition:color var(--transition-normal);font-size:1.1rem;font-weight:600}.active .prayer-name{color:var(--color-primary)}.prayer-time{font-family:var(--font-heading);letter-spacing:-.01em;transition:color var(--transition-normal);font-size:1.25rem;font-weight:700}.active .prayer-time{color:var(--color-primary)}.settings-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0009;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.settings-modal{flex-direction:column;gap:1.75rem;width:100%;max-width:500px;padding:2.25rem;display:flex;position:relative}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:700}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-muted);font-size:.9rem;font-weight:600}.form-control{border-radius:var(--radius-md);border:1px solid var(--card-border);transition:all var(--transition-fast);background:#ffffff0d;outline:none;width:100%;padding:.85rem 1rem}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 12px rgba(var(--color-primary-rgb), .15);background:#ffffff14}.coordinate-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-close{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.btn-close:hover{color:var(--text-main);background:#ffffff14}.monthly-card{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.table-responsive{border-radius:var(--radius-md);border:1px solid var(--card-border);overflow-x:auto}.weekly-table{border-collapse:collapse;text-align:left;width:100%}.weekly-table th{color:var(--text-muted);border-bottom:1px solid var(--card-border);background:#ffffff08;padding:1rem;font-size:.9rem;font-weight:600}.weekly-table td{font-size:.95rem;font-family:var(--font-primary);border-bottom:1px solid #ffffff08;padding:1rem}.weekly-table tr:last-child td{border-bottom:none}.weekly-table tbody tr:hover{background:#ffffff04}.weekly-table td.table-time{font-family:var(--font-heading);font-weight:600}.weekly-table tr.today{background:rgba(var(--color-primary-rgb), .05)}.weekly-table tr.today td{color:var(--color-primary);font-weight:600}footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;margin-top:auto;padding:2rem 0;font-size:.9rem}footer a{color:var(--color-primary);text-decoration:none}footer a:hover{text-decoration:underline}