:root{--color-primary:#2ecc71;--color-primary-dark:#27ae60;--color-secondary:#3498db;--color-accent:#e74c3c;--color-warning:#f39c12;--color-background:#f4f6f8;--color-card-bg:#fff;--color-text:#34495e;--color-text-light:#7f8c8d;--color-text-white:#fff;--color-border:#e0e0e0;--color-border-light:#eee;--color-header-bg:#2c3e50;--color-header-text:#ecf0f1;--color-elapsed:#bdc3c7;--color-elapsed-text:#7f8c8d;--font-primary:"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-arabic:"Noto Kufi Arabic","Tahoma",var(--font-primary);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius:8px;--box-shadow:0 4px 12px #00000014;--box-shadow-hover:0 6px 16px #0000001f;--max-width:1200px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f6f8;background-color:var(--color-background);color:#34495e;color:var(--color-text);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-primary);line-height:1.6;margin:0;text-align:left}:root[dir=rtl] body{text-align:right}h1,h2,h3,h4,h5,h6{color:#34495e;color:var(--color-text);line-height:1.3;margin-bottom:16px;margin-bottom:var(--spacing-md)}h1{font-size:2.2rem}h2{border-bottom:2px solid #2ecc71;border-bottom:2px solid var(--color-primary);display:inline-block;font-size:1.6rem;padding-bottom:8px;padding-bottom:var(--spacing-sm)}h2,h3{color:#2c3e50;color:var(--color-header-bg)}h3{font-size:1.3rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}p{margin-bottom:16px;margin-bottom:var(--spacing-md)}a{color:#2ecc71;color:var(--color-primary);text-decoration:none}a:hover{color:#27ae60;color:var(--color-primary-dark);text-decoration:underline}button,select{font-family:inherit;font-size:1rem}.App{min-height:100vh;text-align:center}.App,.App-content{display:flex;flex-direction:column}.App-content{flex-grow:1;gap:24px;gap:var(--spacing-lg);margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:24px 16px;padding:var(--spacing-lg) var(--spacing-md);width:100%}.card{background-color:#fff;background-color:var(--color-card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;box-shadow:var(--box-shadow);padding:24px;padding:var(--spacing-lg);text-align:inherit;transition:box-shadow .3s ease}.card:hover{box-shadow:0 6px 16px #0000001f;box-shadow:var(--box-shadow-hover)}.card h2{border-bottom-color:#e0e0e0;border-bottom-color:var(--color-border);display:block;margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:center;width:100%}.rtl{direction:rtl;font-family:Noto Kufi Arabic,Tahoma,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-arabic)}.rtl .App-content,.rtl .card{text-align:right}.rtl .App-footer,.rtl .card h2,.rtl .chart-container h3,.rtl .dua-section,.rtl .progress-item,.rtl .time-block{text-align:center}.ltr{direction:ltr;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-primary)}.App-header{background-color:#2c3e50;background-color:var(--color-header-bg);box-shadow:0 2px 5px #0003;color:#ecf0f1;color:var(--color-header-text);padding:16px 0;padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 16px;padding:0 var(--spacing-md);position:relative}.App-header h1{color:#2ecc71;color:var(--color-primary);font-size:1.8rem;margin:8px 0;margin:var(--spacing-sm) 0;text-align:center}.language-switch{display:flex;gap:8px;gap:var(--spacing-sm);position:absolute;right:16px;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.rtl .language-switch{left:16px;left:var(--spacing-md);right:auto}.language-switch button{background:#0000;border:1px solid #ecf0f1;border:1px solid var(--color-header-text);border-radius:4px;color:#ecf0f1;color:var(--color-header-text);cursor:pointer;font-size:.9rem;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.language-switch button.active{background:#2ecc71;background:var(--color-primary);border-color:#2ecc71;border-color:var(--color-primary);color:#fff;color:var(--color-text-white);font-weight:700}.language-switch button:hover:not(.active){background:#ffffff1a}.current-time-location{align-items:center;color:#ecf0f1;color:var(--color-header-text);display:flex;flex-wrap:wrap;font-size:.95rem;gap:24px;gap:var(--spacing-lg);justify-content:center;width:100%}.location-selector label{margin-inline-end:8px;margin-inline-end:var(--spacing-sm)}.rtl .location-selector label{margin-inline-end:0;margin-inline-start:8px;margin-inline-start:var(--spacing-sm)}.location-selector select{background-color:#fff;background-color:var(--color-card-bg);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:4px;color:#34495e;color:var(--color-text);font-size:.9rem;padding:3px 8px;padding:3px var(--spacing-sm)}.status-message{color:#2ecc71;color:var(--color-primary);font-size:1.2rem;font-weight:700;text-align:center}.today-header{align-items:center;background:#f4f6f8;background:var(--color-background);border-radius:8px;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.today-main{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;text-align:left}.rtl .today-main{align-items:flex-end;text-align:right}.rtl .today-main>span{display:block;text-align:right;width:100%}.rtl .today-main>.fasting-status{display:inline-block;margin-left:auto;margin-right:0;width:auto}.day-name{color:#34495e;color:var(--color-text);font-size:1.4em;font-weight:700;margin-bottom:2px}.fasting-status{background-color:#eee;background-color:var(--color-border-light);border-radius:15px;color:#7f8c8d;color:var(--color-text-light);display:inline-block;font-size:1em;margin-top:4px;margin-top:var(--spacing-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.today-times{display:flex;gap:16px;gap:var(--spacing-md);justify-content:center}.time-block{border-radius:8px;border-radius:var(--border-radius);display:flex;flex-direction:column;min-width:90px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.rtl .time-block,.time-block{align-items:center}.time-block.suhoor{background:#3498db1a}.time-block.iftar{background:#2ecc711a}.time-block .label{color:#7f8c8d;color:var(--color-text-light);font-size:.9em;letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.time-block .time{font-size:1.3em;font-weight:700}.time-block.suhoor .time{color:#3498db;color:var(--color-secondary)}.time-block.iftar .time{color:#2ecc71;color:var(--color-primary)}.dua-section{background-color:#fdfaef;border:1px dashed #e0e0e0;border:1px dashed var(--color-border);border-radius:8px;border-radius:var(--border-radius);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md);text-align:center}.dua-title{color:#34495e;color:var(--color-text);font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.dua{line-height:1.5;margin-bottom:4px!important;margin-bottom:var(--spacing-xs)!important}.dua.arabic{color:#2ecc71;color:var(--color-primary);font-family:Noto Kufi Arabic,Tahoma,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-arabic),var(--font-primary);font-size:1.5em;margin-bottom:8px!important;margin-bottom:var(--spacing-sm)!important}.dua.transliteration{color:#34495e;color:var(--color-text);font-size:1.1em;font-style:italic}.dua.translation{color:#7f8c8d;color:var(--color-text-light);font-size:.9em}.progress-container{grid-gap:24px;grid-gap:var(--spacing-lg);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border-radius:var(--border-radius);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:24px;margin-top:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.progress-item{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:120px;text-align:center}.progress-circle{height:100px;margin-bottom:8px;margin-bottom:var(--spacing-sm);width:100px}.progress-circle.suhoor-progress .CircularProgressbar-text{fill:#3498db;fill:var(--color-secondary);dominant-baseline:middle;text-anchor:middle;font-size:1.1em!important;font-weight:700}.progress-label{color:#7f8c8d;color:var(--color-text-light);font-size:.9em;font-weight:500;margin-top:4px;margin-top:var(--spacing-xs)}.time-remaining{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.time-label{color:#7f8c8d;color:var(--color-text-light);font-size:1em;font-weight:500;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.big-time{font-size:2.2em;font-weight:700;line-height:1.1;margin:0;transition:font-size .3s ease}.time-remaining.suhoor .big-time{color:#3498db;color:var(--color-secondary)}.time-remaining.iftar .big-time{color:#2ecc71;color:var(--color-primary)}.progress-container.state-before-suhoor .time-remaining.suhoor.prominent .big-time{font-size:2.6em}.moon-emoji{font-size:3.5em;line-height:1;margin:0}@media (min-width:768px){.progress-container.state-before-suhoor{grid-template-columns:repeat(3,1fr);justify-items:center}.progress-container.state-before-suhoor .time-remaining.suhoor.prominent .big-time{font-size:2.8em}.progress-container.state-fasting{grid-template-columns:repeat(3,1fr);justify-items:center}.progress-container.state-after-iftar{grid-template-columns:repeat(2,1fr);justify-items:center;margin-left:auto;margin-right:auto;max-width:600px}}.monthly-stats-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:992px){.monthly-stats-grid{grid-template-areas:"progress duration" "progress timings";grid-template-columns:repeat(2,1fr)}.progress-chart{grid-area:progress}.duration-chart{grid-area:duration}.timings-chart{grid-area:timings}}.chart-container{background:#f4f6f8;background:var(--color-background);border:1px solid #eee;border:1px solid var(--color-border-light);border-radius:8px;border-radius:var(--border-radius);padding:16px;padding:var(--spacing-md)}.chart-container h3{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);color:#34495e;color:var(--color-text);font-size:1.1em;margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:8px;padding-bottom:var(--spacing-sm);text-align:center}.chart-wrapper{height:300px;position:relative;width:100%}.progress-chart-content{align-items:center;display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.progress-chart .chart-wrapper{height:220px;max-width:100%;width:220px}.progress-details{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);max-width:300px;width:100%}.progress-details .progress-item{align-items:center;background:#fff;background:var(--color-card-bg);border:1px solid #eee;border:1px solid var(--color-border-light);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;min-height:auto;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.rtl .progress-details .progress-item{flex-direction:row-reverse;text-align:right}.progress-details .progress-label{color:#7f8c8d;color:var(--color-text-light);font-size:.95em;font-weight:500;margin:0;text-align:inherit}.rtl .progress-details .progress-label{text-align:right}.progress-value{background:#2ecc711a;border-radius:15px;color:#2ecc71;color:var(--color-primary);font-size:1.1em;font-weight:700;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}table{border-collapse:collapse;font-size:.95rem;margin-top:16px;margin-top:var(--spacing-md);width:100%}td,th{border:1px solid #e0e0e0;border:1px solid var(--color-border);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;vertical-align:middle}th{background-color:#2c3e50;background-color:var(--color-header-bg);color:#ecf0f1;color:var(--color-header-text);font-weight:700;white-space:nowrap}tbody tr:nth-child(2n){background-color:#fdfdfd}tbody tr:nth-child(odd){background-color:#fff;background-color:var(--color-card-bg)}tbody tr:hover{background-color:#f4f6f8;background-color:var(--color-background)}.elapsed-day{background-color:#f4f6f8!important;background-color:var(--color-background)!important;opacity:.7}.elapsed-day td{color:#7f8c8d;color:var(--color-elapsed-text)}tr[aria-current=date]{background-color:#2ecc7126!important;font-weight:700}tr[aria-current=date] td{color:#27ae60;color:var(--color-primary-dark)}.App-footer{background-color:#2c3e50;background-color:var(--color-header-bg);color:#ecf0f1;color:var(--color-header-text);font-size:.9rem;margin-top:24px;margin-top:var(--spacing-lg);padding:24px;padding:var(--spacing-lg);text-align:center}.App-footer p{color:#7f8c8d;color:var(--color-text-light);margin:0}@media (max-width:991px){.progress-chart-content{flex-direction:column}.chart-wrapper{height:250px}}@media (max-width:767px){h1{font-size:1.8rem}h2{font-size:1.4rem}.App-header h1{font-size:1.5rem}.header-content{padding:16px 16px 32px;padding:var(--spacing-md) var(--spacing-md) var(--spacing-xl)}.language-switch{justify-content:center;margin-top:16px;margin-top:var(--spacing-md);position:static;transform:none;width:100%}.current-time-location{flex-direction:column;gap:8px;gap:var(--spacing-sm);margin-top:4px;margin-top:var(--spacing-xs)}.today-header{align-items:center;flex-direction:column;gap:16px;gap:var(--spacing-md)}.rtl .today-main,.today-main{align-items:center;text-align:center}.rtl .today-main>span{display:block}.rtl .today-main>.fasting-status,.rtl .today-main>span{margin-left:auto;margin-right:auto;text-align:center;width:auto}.rtl .today-main>.fasting-status{display:inline-block}.today-times{margin-top:8px;margin-top:var(--spacing-sm)}.progress-container{gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-left:0;margin-right:0;max-width:none;padding:8px;padding:var(--spacing-sm)}.monthly-stats-grid{grid-template-areas:none!important;grid-template-columns:1fr}.chart-wrapper{height:220px}table,tbody,td,th,thead,tr{display:block}thead tr{left:-9999px;position:absolute;top:-9999px}tr{border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;margin-bottom:16px;margin-bottom:var(--spacing-md);overflow:hidden}tr:nth-child(2n),tr:nth-child(odd){background-color:#fff;background-color:var(--color-card-bg)}tr[aria-current=date]{background-color:#2ecc710d!important;border-left:5px solid #2ecc71;border-left:5px solid var(--color-primary)}.rtl tr[aria-current=date]{border-left:none;border-right:5px solid #2ecc71;border-right:5px solid var(--color-primary)}td{border:none;border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border-light);min-height:38px;padding-bottom:8px;padding-bottom:var(--spacing-sm);padding-left:50%;padding-top:8px;padding-top:var(--spacing-sm);position:relative;text-align:right;white-space:normal}td:before{color:#34495e;color:var(--color-text);content:attr(data-label);font-weight:700;left:8px;left:var(--spacing-sm);padding-right:8px;padding-right:var(--spacing-sm);position:absolute;text-align:left;white-space:nowrap;width:45%}td:last-child{border-bottom:0}.rtl td{padding-right:50%;text-align:left}.rtl td,.rtl td:before{padding-left:8px;padding-left:var(--spacing-sm)}.rtl td:before{color:#34495e;color:var(--color-text);content:attr(data-label);font-weight:700;left:auto;padding-right:0;position:absolute;right:8px;right:var(--spacing-sm);text-align:right;white-space:nowrap;width:45%}.elapsed-day{opacity:.6}.elapsed-day td{color:#7f8c8d;color:var(--color-elapsed-text);text-decoration:none}}@media (max-width:480px){.time-block{min-width:75px;padding:8px;padding:var(--spacing-sm)}.time-block .time{font-size:1.1em}.progress-container{gap:8px;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.progress-circle{height:80px;width:80px}.big-time{font-size:1.6em}.moon-emoji{font-size:2.5em}.progress-container.state-before-suhoor .time-remaining.suhoor.prominent .big-time{font-size:2em}.progress-circle.suhoor-progress .CircularProgressbar-text{font-size:1em!important}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}
/*# sourceMappingURL=main.6e9d4a14.css.map*/