@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap";.header{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--white);padding:48px 32px;text-align:center;position:relative;overflow:hidden}.header-pattern{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:400px;height:400px;background-image:repeating-linear-gradient(0deg,transparent,transparent 35px,rgba(255,255,255,.03) 35px,rgba(255,255,255,.03) 70px),repeating-linear-gradient(90deg,transparent,transparent 35px,rgba(255,255,255,.03) 35px,rgba(255,255,255,.03) 70px);opacity:.5;pointer-events:none}.header-logo-container{margin-bottom:24px;z-index:2;position:relative;animation:fadeIn .8s ease-out}.header-logo{height:80px;width:auto;object-fit:contain;transition:transform .3s ease}.header-logo:hover{transform:scale(1.05)}.header-content{position:relative;z-index:1}.header-title{font-size:2.25em;margin-bottom:12px;font-weight:600;letter-spacing:-.025em;animation:slideIn .6s ease-out}.header-subtitle{font-size:1.125em;opacity:.95;margin-bottom:8px;font-weight:400;animation:slideIn .7s ease-out}.header-org{font-size:.95em;opacity:.85;font-weight:300;animation:slideIn .8s ease-out}.header-actions{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:10}.icon-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:var(--white);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.icon-btn:active{transform:translateY(0)}@media (max-width: 768px){.header{padding:36px 24px}.header-title{font-size:1.75em}.header-crescent{font-size:120px;right:-20px}.header-actions{top:12px;right:12px;gap:6px}.icon-btn{width:36px;height:36px}}.live-prayer-times{background:linear-gradient(to bottom,#f9fafb,#fff);padding:32px 24px;border-bottom:1px solid var(--border);animation:fadeIn .7s ease-out}[data-theme=dark] .live-prayer-times{background:linear-gradient(to bottom,var(--light),var(--white))}.live-header{text-align:center;margin-bottom:24px}.live-header h3{margin-bottom:12px;font-size:1.5em;font-weight:600;color:var(--primary)}.live-date{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95em;color:var(--text);margin-bottom:8px;font-weight:500}.source{font-size:.875em;color:var(--text-light)}.live-times-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-width:900px;margin:0 auto}.live-time-card{background:var(--white);padding:20px 16px;border-radius:8px;text-align:center;border:1px solid var(--border);transition:var(--transition);cursor:default}.live-time-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.prayer-name-live{font-size:.875em;color:var(--text-light);margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.prayer-time-live{font-size:1.5em;font-weight:600;color:var(--text)}@media (max-width: 768px){.live-times-grid{grid-template-columns:repeat(3,1fr);gap:12px}.live-time-card{padding:16px 12px}.prayer-time-live{font-size:1.25em}}@media (max-width: 480px){.live-times-grid{grid-template-columns:repeat(2,1fr)}}.countdown{background:var(--light);padding:24px;text-align:center;font-size:1.25em;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);transition:var(--transition);animation:fadeIn .8s ease-out}.countdown.started{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--white)}.countdown-text{margin-bottom:16px}.countdown-timer{display:inline-flex;gap:16px;margin-top:16px;flex-wrap:wrap;justify-content:center}.time-unit{background:#0000000d;padding:12px 20px;border-radius:8px;min-width:80px;transition:var(--transition)}.countdown.started .time-unit{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.time-unit:hover{transform:scale(1.05)}.time-unit .number{font-size:1.75em;display:block;font-weight:700;line-height:1}.time-unit .label{font-size:.75em;opacity:.8;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;display:block}@media (max-width: 768px){.countdown{font-size:1.1em;padding:20px}.countdown-timer{gap:12px}.time-unit{min-width:70px;padding:10px 16px}.time-unit .number{font-size:1.5em}}@media (max-width: 480px){.countdown-timer{gap:8px}.time-unit{min-width:60px;padding:8px 12px}}.table-section{animation:fadeIn .9s ease-out}.table-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.table-header h2{font-size:1.5em;color:var(--primary);font-weight:600}.search-box{display:flex;align-items:center;gap:8px;background:var(--light);padding:8px 16px;border-radius:8px;border:1px solid var(--border);transition:var(--transition)}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1e46201a}.search-box input{border:none;background:transparent;outline:none;font-size:.95em;color:var(--text);width:200px}.search-box input::placeholder{color:var(--text-light)}.table-container{overflow-x:auto;padding:0 24px 24px}table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95em}th{background:var(--primary);color:var(--white);padding:16px 12px;text-align:center;font-weight:600;font-size:.875em;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--accent)}th:first-child{border-radius:8px 0 0}th:last-child{border-radius:0 8px 0 0}th small{display:block;font-size:.75em;margin-top:4px;opacity:.9;font-weight:400;text-transform:none}th.suhoor-col{background:#0369a1!important}th.iftar-col{background:#92400e!important}td{padding:14px 12px;text-align:center;border-bottom:1px solid var(--border);font-size:.9em;transition:var(--transition)}tbody tr{cursor:pointer;transition:var(--transition)}tbody tr:hover{background:var(--light)}tr.today{background:#fef3c7}[data-theme=dark] tr.today{background:#4a3f1f}tr.past{opacity:.5}tr.dst-notice{background:transparent!important;cursor:default!important}[data-theme=dark] tr.dst-notice{background:transparent!important}tr.dst-notice td{background:#fffbeb;color:#92400e;text-align:center;padding:16px;font-weight:500;font-size:.9em;border-top:1px solid #fcd34d;border-bottom:1px solid #fcd34d;letter-spacing:.01em}[data-theme=dark] tr.dst-notice td{background:#f59e0b1a;color:#fbbf24;border-top:1px solid rgba(245,158,11,.2);border-bottom:1px solid rgba(245,158,11,.2)}.date-col{text-align:left;font-weight:500}.ramadan-day{display:inline-block;background:var(--primary);color:var(--white);padding:4px 12px;border-radius:4px;font-size:.85em;font-weight:600}.suhoor-time{background:var(--suhoor);font-weight:600}.iftar-time{background:var(--iftar);font-weight:600}.no-results{text-align:center;padding:40px;color:var(--text-light);font-size:1.1em}@media (max-width: 768px){.table-header{flex-direction:column;align-items:flex-start}.search-box input{width:100%}table{font-size:.85em}th,td{padding:10px 6px}}@media (max-width: 480px){.hide-mobile{display:none}}.dua-slideshow{background:linear-gradient(to bottom,#fff,#f9fafb);padding:40px 24px;border-top:1px solid var(--border);animation:fadeIn 1s ease-out}[data-theme=dark] .dua-slideshow{background:linear-gradient(to bottom,var(--white),var(--light))}.dua-container{max-width:800px;margin:0 auto;position:relative}.dua-slide{display:none;animation:fadeIn .5s ease-in}.dua-slide.active{display:block}.dua-title{text-align:center;font-size:1.5em;color:var(--primary);margin-bottom:24px;font-weight:600}.dua-arabic{text-align:center;font-size:1.75em;color:var(--text);margin:24px 0;line-height:2;direction:rtl;font-family:Amiri,Traditional Arabic,Al Qalam,serif;padding:28px;background:var(--white);border-radius:8px;border:1px solid var(--border)}.dua-arabic div{margin:8px 0}.dua-translation{text-align:center;font-size:1.05em;color:var(--text);margin:20px 0;padding:20px;background:var(--light);border-radius:6px;line-height:1.7}.dua-translation div{margin:6px 0}.dua-controls{display:flex;justify-content:center;gap:12px;margin-top:32px}.dua-btn{background:var(--primary);color:var(--white);border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:.95em;font-weight:500;transition:var(--transition);display:flex;align-items:center;gap:6px}.dua-btn:hover{background:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.dua-btn:active{transform:translateY(0)}.dua-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;cursor:pointer;transition:var(--transition)}.dot:hover{background:var(--secondary);transform:scale(1.1)}.dot.active{background:var(--primary);transform:scale(1.2)}@media (max-width: 768px){.dua-slideshow{padding:32px 20px}.dua-title{font-size:1.25em}.dua-arabic{font-size:1.4em;padding:20px}.dua-translation{font-size:1em;padding:16px}}@media (max-width: 480px){.dua-arabic{font-size:1.25em;padding:16px}.dua-controls{flex-direction:column;gap:8px}.dua-btn{width:100%;justify-content:center}}.footer{background:var(--light);padding:32px 24px;text-align:center;font-size:.95em;color:var(--text);border-top:1px solid var(--border);animation:fadeIn 1.1s ease-out}.verse{margin:16px 0 24px;padding:20px;background:var(--white);border-radius:8px;border-left:3px solid var(--secondary);line-height:1.6}.download-btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--white);border:none;padding:12px 28px;border-radius:6px;font-size:.95em;font-weight:500;cursor:pointer;transition:var(--transition);margin:16px 0}.download-btn:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #1e46204d}.download-btn:active{transform:translateY(0)}.footer-info{margin-top:16px;font-size:.875em;color:var(--text-light);line-height:1.6}.footer-copyright{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);font-size:.85em;color:var(--text-light)}@media (max-width: 768px){.footer{padding:24px 20px}.verse{padding:16px;font-size:.95em}.download-btn{width:100%;justify-content:center}}.modal{display:flex;align-items:center;justify-content:center;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.modal-content{background:var(--white);margin:5% auto;padding:0;border-radius:16px;max-width:540px;width:90%;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--white);padding:28px;border-radius:16px 16px 0 0;position:relative}.modal-header h2{margin-bottom:8px;font-weight:600;font-size:1.5em;padding-right:40px}.day-info{opacity:.9;font-size:.95em;font-weight:400}.close{position:absolute;right:20px;top:20px;color:var(--white);background:#ffffff26;border:1px solid rgba(255,255,255,.2);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close:hover{background:#ffffff40;transform:scale(1.1)}.close:active{transform:scale(.95)}.modal-body{padding:32px}.prayer-time{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin:12px 0;background:var(--light);border-radius:8px;border-left:3px solid var(--border);transition:var(--transition)}.prayer-time:hover{background:#f3f4f6;border-left-color:var(--primary);transform:translate(4px)}[data-theme=dark] .prayer-time:hover{background:#374151}.prayer-time.highlight{background:var(--iftar);border-left-color:#92400e;border-left-width:4px}[data-theme=dark] .prayer-time.highlight{background:#4a3f1f}.prayer-name{font-weight:600;color:var(--text);font-size:.95em}.prayer-value{font-weight:700;color:var(--primary);font-size:1.15em}.modal-message{margin-top:20px;padding:16px;background:var(--light);border-radius:6px;text-align:center}.modal-message p{font-size:.95em;color:var(--text);font-style:italic}@media (max-width: 768px){.modal-content{width:95%;margin:10px auto}.modal-header{padding:24px}.modal-header h2{font-size:1.25em}.modal-body{padding:24px}.prayer-time{padding:14px 16px}}.container{max-width:1200px;margin:0 auto;background:var(--white);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeIn .6s ease-out}@media (max-width: 768px){.container{border-radius:8px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1e4620;--secondary: #8b7355;--accent: #2d5016;--light: #f9fafb;--white: #ffffff;--text: #1f2937;--text-light: #6b7280;--border: #e5e7eb;--suhoor: #e0f2fe;--iftar: #fef3c7;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary: #2d5016;--secondary: #a89074;--accent: #3d6626;--light: #1f2937;--white: #111827;--text: #f9fafb;--text-light: #9ca3af;--border: #374151;--suhoor: #1e3a4c;--iftar: #4a3f1f}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);min-height:100vh;color:var(--text);transition:var(--transition)}[data-theme=dark] body{background:linear-gradient(135deg,#111827,#1f2937)}#root{min-height:100vh;padding:20px 10px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .5s ease-out}@media print{body{background:#fff}.no-print{display:none!important}.container{box-shadow:none!important}}