@import "https://fonts.googleapis.com/css2?family=Amiri&family=Playfair+Display:wght@400;600&family=Outfit:wght@300;400;500&display=swap";:root{--bg-primary:#002814;--bg-secondary:#223d2e;--bg-card:#0a361e;--border:#1c3322;--emerald:#52d494;--emerald-light:#74e8ad;--emerald-muted:#256b48;--text-secondary:#6dd494;--gold:#f0c040;--gold-muted:#a07820;--text-primary:#e8f5ec;--text-hijri:#9abfa6;--text-muted:#6a9a7a;--ramadan:#a78bfa;--sunnah:#3b82f6;--ayyam:#e2e8f0;--special:#14b8a6;--prohibited:#ef4444;--font-display:"Playfair Display", serif;--font-body:"Outfit", sans-serif;--radius:12px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;font-size:1.2rem;font-weight:300;overflow-x:hidden}.text-gold-metallic{background:linear-gradient(135deg,#e8c973 0%,#fde68a 30%,#c9952a 50%,#fde68a 70%,#e8c973 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shimmer}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#2d9e6b0d 0%,#0000 50%),radial-gradient(at 80% 80%,#e8b84b0a 0%,#0000 50%);position:fixed;inset:0}#root{z-index:1;max-width:1200px;margin:0 auto;padding:2rem;position:relative}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);font-weight:400}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.25rem,3vw,1.75rem)}h3{font-size:1.1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all .3s}.card--glow{border-color:var(--border);border-top:3px solid var(--gold);background:linear-gradient(180deg, #0a361ecc 0%, var(--bg-card) 100%);box-shadow:0 8px 32px #0003}.card--glow:hover{border-color:var(--emerald-muted);box-shadow:0 12px 40px #00000040}.glassmorphism{-webkit-backdrop-filter:blur(12px);background:#0a361e73;border:1px solid #1c332280}.card--error{border-top:3px solid var(--prohibited);background:#ef44440d}.divider{align-items:center;gap:1rem;margin:2rem 0;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg, transparent, var(--emerald-muted), var(--gold-muted), var(--emerald-muted), transparent);opacity:.5;flex:1;height:1px}.divider:after{background:linear-gradient(270deg, transparent, var(--emerald-muted), var(--gold-muted), var(--emerald-muted), transparent)}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:2rem;padding-bottom:0;display:flex;position:relative}.tab{color:var(--text-muted);cursor:pointer;font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.9rem 2rem;font-size:.9rem;font-weight:400;transition:color .2s,background .2s}.tab:hover{color:var(--text-secondary)}.tab--active{color:var(--gold);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#f0c0400d;border-bottom-color:#0000;font-weight:500}.tab-indicator{background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent);pointer-events:none;border-radius:1px;height:2px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px;box-shadow:0 0 10px #f0c04073}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:.25rem .5rem;font-size:.7rem;font-weight:500;display:inline-block}.badge--ramadan{color:#a78bfa;background:#a78bfa26;border:1px solid #a78bfa4d}.badge--sunnah{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.badge--ayyam{color:#e2e8f0;background:#e2e8f026;border:1px solid #e2e8f04d}.badge--arafah{color:#f97316;background:#f9731626;border:1px solid #f973164d}.badge--ashura{color:#f9a8d4;background:#ec489926;border:1px solid #ec48994d}.badge--special{color:#14b8a6;background:#14b8a626;border:1px solid #14b8a64d}.badge--prohibited{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.badge--extra{color:#5eead4;background:#14b8a626;border:1px solid #14b8a64d}.badge--skipped{color:#a8a29e;background:#78716c26;border:1px solid #78716c4d}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}#root>div{animation:.6s forwards fadeUp}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:.3s forwards fadeIn}button{cursor:pointer;-webkit-user-select:none;user-select:none}button:active{transform:scale(.97)}h1,h2,h3,p{cursor:default}::selection{color:var(--text-primary);background:#f0c04040}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--emerald-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--emerald)}.aurora-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.aurora-blob{will-change:transform;border-radius:50%;position:absolute}.aurora-blob--emerald{filter:blur(60px);background:radial-gradient(circle,#2d9e6b1a 0%,#0000 70%);width:650px;height:650px;animation:32s ease-in-out infinite alternate aurora-1;top:-15%;left:-8%}.aurora-blob--gold{filter:blur(50px);background:radial-gradient(circle,#c8943012 0%,#0000 70%);width:500px;height:500px;animation:26s ease-in-out infinite alternate aurora-2;bottom:-10%;right:-6%}.aurora-blob--emerald-2{filter:blur(65px);background:radial-gradient(circle,#2d9e6b0f 0%,#0000 70%);width:420px;height:420px;animation:40s ease-in-out infinite alternate aurora-3;top:35%;right:15%}@keyframes aurora-1{0%{transform:translate(0)scale(1)}50%{transform:translate(70px,50px)scale(1.08)}to{transform:translate(-35px,25px)scale(.94)}}@keyframes aurora-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-55px,-40px)scale(1.1)}to{transform:translate(40px,-15px)scale(.93)}}@keyframes aurora-3{0%{transform:translate(0)scale(1)}50%{transform:translate(-25px,45px)scale(1.06)}to{transform:translate(45px,-25px)scale(.97)}}.geo-pattern{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23256b48' stroke-width='0.8' stroke-linecap='round'%3E%3Cpolygon points='40,12 60,20 68,40 60,60 40,68 20,60 12,40 20,20'/%3E%3Cpolygon points='40,28 48,32 52,40 48,48 40,52 32,48 28,40 32,32'/%3E%3Cline x1='40' y1='0' x2='40' y2='12'/%3E%3Cline x1='40' y1='68' x2='40' y2='80'/%3E%3Cline x1='0' y1='40' x2='12' y2='40'/%3E%3Cline x1='68' y1='40' x2='80' y2='40'/%3E%3Cline x1='0' y1='0' x2='20' y2='20'/%3E%3Cline x1='80' y1='0' x2='60' y2='20'/%3E%3Cline x1='0' y1='80' x2='20' y2='60'/%3E%3Cline x1='80' y1='80' x2='60' y2='60'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 80px;position:absolute;inset:0}.moon-svg{margin:0 auto .75rem;animation:4s ease-in-out infinite moon-breathe;display:block}@keyframes moon-breathe{0%,to{filter:drop-shadow(0 0 8px #f0c04080)}50%{filter:drop-shadow(0 0 18px #f0c040e6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-block{background:linear-gradient(90deg, var(--bg-secondary) 25%, #2e5440 50%, var(--bg-secondary) 75%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.8s ease-in-out infinite skeleton-shimmer}.skeleton-root{padding:.5rem 0}.skeleton-metrics-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.skeleton-pill{border-radius:6px;height:32px}.skeleton-stat-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.skeleton-stat-card{border-radius:var(--radius);height:80px}.skeleton-controls-row{gap:.5rem;margin-bottom:1rem;display:flex}.skeleton-control{border-radius:var(--radius-sm);width:46px;height:28px}.skeleton-chart{border-radius:var(--radius);height:300px;margin-bottom:1rem}.skeleton-legend-row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.skeleton-legend-chip{border-radius:12px;width:88px;height:24px}.skeleton-nav{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.skeleton-nav-btn{border-radius:50%;flex-shrink:0;width:32px;height:32px}.skeleton-nav-center{flex-direction:column;align-items:center;gap:6px;display:flex}.skeleton-month-title{border-radius:var(--radius-sm);width:160px;height:22px}.skeleton-hijri-title{border-radius:var(--radius-sm);width:120px;height:13px}.skeleton-weekday-row{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;display:grid}.skeleton-weekday-header{height:24px}.skeleton-calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:1.25rem;display:grid}.skeleton-day-cell{height:100px}.skeleton-calendar-grid .skeleton-block:nth-child(7n+2){animation-delay:80ms}.skeleton-calendar-grid .skeleton-block:nth-child(7n+3){animation-delay:.16s}.skeleton-calendar-grid .skeleton-block:nth-child(7n+4){animation-delay:.24s}.skeleton-calendar-grid .skeleton-block:nth-child(7n+5){animation-delay:.32s}.skeleton-calendar-grid .skeleton-block:nth-child(7n+6){animation-delay:.24s}.skeleton-calendar-grid .skeleton-block:nth-child(7n){animation-delay:.16s}