@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--bg-deep:#050811;--bg-space:radial-gradient(circle at 50% 50%, #0c152a 0%, #050811 100%);--card-bg:#0d162a8c;--card-border:#ffffff12;--card-border-hover:#f5c4534d;--text-primary:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--gold:#f5c453;--gold-glow:#f5c45326;--emerald:#10b981;--emerald-glow:#10b98126;--accent-blue:#38bdf8;--shadow-lg:0 10px 30px -10px #000000b3;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-space);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:4px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{flex-direction:column;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:.5rem;display:flex;overflow-x:hidden}.app-header{text-align:center;flex-direction:column;align-items:center;gap:.3rem;width:100%;margin-bottom:.2rem;display:flex}.portal-tag{font-family:var(--font-display);letter-spacing:.2em;color:var(--accent-blue);text-transform:uppercase;background:#38bdf81a;border:1px solid #38bdf833;border-radius:50px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.app-title{font-family:var(--font-display);background:linear-gradient(135deg, #fff 40%, var(--gold) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.65rem;font-weight:800}.app-subtitle{color:var(--text-muted);max-width:600px;padding:0 .5rem;font-size:.8rem}.main-layout{grid-template-columns:1fr;gap:1rem;width:100%;min-width:0;display:grid}.calendar-panel{width:100%;min-width:0}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);transition:var(--transition-smooth);border-radius:12px;width:100%;min-width:0;padding:.75rem}.glass-card:hover{border-color:#ffffff1f}.sidebar-panel{flex-direction:column;gap:1rem;width:100%;min-width:0;display:flex}.today-card{text-align:center;background:linear-gradient(145deg,#101c36b3 0%,#080c1c99 100%);border:1px solid #f5c45340;flex-direction:column;align-items:center;display:flex;box-shadow:0 0 30px #f5c4530d}.today-label{font-family:var(--font-display);color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.2rem;font-size:.7rem}.today-hijri{font-family:var(--font-display);color:var(--gold);margin:.3rem 0;font-size:1.35rem;font-weight:700;line-height:1.2}.today-gregorian{color:var(--text-primary);font-size:.85rem;font-weight:500}.today-weekday{color:var(--text-muted);font-size:.8rem}.moon-visualizer{border-top:1px solid #ffffff14;flex-direction:column;align-items:center;width:100%;margin-top:.75rem;padding-top:.75rem;display:flex}.moon-svg-container{filter:drop-shadow(0 0 10px #e2e8f033);width:70px;height:70px;margin-bottom:.5rem;position:relative}.moon-phase-title{font-family:var(--font-display);color:var(--text-primary);font-size:.9rem;font-weight:600}.moon-phase-illumination{color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem}.moon-phase-desc{color:var(--text-dim);text-align:center;font-size:.7rem;line-height:1.35}.tabs-header{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#00000040;border:1px solid #ffffff0d;border-radius:10px;margin-bottom:.75rem;padding:.15rem;display:flex;overflow-x:auto}.tabs-header::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-muted);font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;flex:1 0;padding:.5rem .75rem;font-size:.8rem;font-weight:600}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--gold);background:#ffffff14;box-shadow:0 3px 8px #00000026}.calendar-controls{flex-direction:column;gap:.5rem;width:100%;margin-bottom:1rem;display:flex}.selector-group{grid-template-columns:1.3fr 1fr;gap:.4rem;width:100%;display:grid}.select-wrapper{width:100%;position:relative}.calendar-select{color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;appearance:none;text-overflow:ellipsis;white-space:nowrap;width:100%;transition:var(--transition-smooth);background:#0f172acc;border:1px solid #ffffff1a;border-radius:8px;padding:.45rem 1.6rem .45rem .6rem;font-size:.8rem;font-weight:500;overflow:hidden}.calendar-select:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-glow);outline:none}.select-wrapper:after{content:"▾";color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.action-group{grid-template-columns:auto 1fr auto;gap:.4rem;width:100%;display:grid}.nav-arrow-btn{color:var(--text-primary);cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.nav-arrow-btn:hover{border-color:var(--gold);color:var(--gold);background:#ffffff1f}.today-btn{color:var(--gold);font-family:var(--font-display);cursor:pointer;text-align:center;width:100%;transition:var(--transition-smooth);background:#f5c4531a;border:1px solid #f5c45340;border-radius:8px;padding:.45rem;font-size:.8rem;font-weight:600}.today-btn:hover{background:#f5c45333}.calendar-grid-container{flex-direction:column;width:100%;min-width:0;display:flex}.weekdays-header{text-align:center;border-bottom:1px solid #ffffff0f;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:.3rem;padding-bottom:.4rem;display:grid}.weekday-label{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.7rem;font-weight:600}.weekday-label:nth-child(6),.weekday-label:nth-child(7){color:var(--gold);opacity:.8}.days-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;width:100%;display:grid}.day-cell{aspect-ratio:1;cursor:pointer;width:100%;min-width:0;transition:var(--transition-smooth);background:#0f172a4d;border:1px solid #ffffff0a;border-radius:8px;flex-direction:column;justify-content:flex-start;padding:.2rem;display:flex;position:relative;overflow:hidden}.day-cell:hover{border-color:var(--card-border-hover);background:#0f172aa6;transform:scale(1.02)}.day-cell.inactive{opacity:.2}.day-cell.inactive:hover{opacity:.35}.day-primary-num{font-family:var(--font-display);color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.1;display:block}.day-secondary-num{font-family:var(--font-sans);color:var(--gold);font-size:.6rem;font-weight:500;line-height:1;position:absolute;bottom:.2rem;right:.2rem}.hijri-mode-cell .day-secondary-num{color:var(--emerald)}.day-cell.is-today{border:1.5px solid var(--accent-blue);background:#38bdf814;box-shadow:0 0 10px #38bdf826}.event-indicators{gap:2px;display:flex;position:absolute;bottom:.2rem;left:.2rem}.event-dot{border-radius:50%;width:4px;height:4px;display:block}.event-dot.holiday{background-color:var(--accent-blue)}.event-dot.kandil{background-color:var(--gold)}.event-dot.eid{background-color:var(--emerald)}.event-dot.ramadan{background-color:#f43f5e}.selected-day-details{background:#0003;border:1px solid #ffffff0a;border-radius:10px;margin-top:.75rem;padding:.75rem}.details-title{font-family:var(--font-display);color:var(--gold);margin-bottom:.3rem;font-size:.85rem;font-weight:600}.details-dates{flex-direction:column;gap:.3rem;font-size:.75rem;display:flex}.details-date-item{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.details-date-item span{font-weight:600}.details-event-alert{border-radius:6px;margin-top:.3rem;padding:.5rem .75rem;font-size:.75rem;line-height:1.35}.details-event-alert.kandil{border-left:3px solid var(--gold);color:var(--gold);background:#f5c45314}.details-event-alert.eid{border-left:3px solid var(--emerald);color:var(--emerald);background:#10b98114}.details-event-alert.holiday{border-left:3px solid var(--accent-blue);color:var(--accent-blue);background:#38bdf814}.details-event-alert.ramadan{color:#f43f5e;background:#f43f5e14;border-left:3px solid #f43f5e}.converter-container{flex-direction:column;gap:1rem;display:flex}.converter-flow{grid-template-columns:1fr;gap:1rem;display:grid}.converter-card{background:#0f172a40;border:1px solid #ffffff0a;border-radius:12px;padding:1rem}.converter-title{font-family:var(--font-display);color:var(--accent-blue);align-items:center;gap:.3rem;margin-bottom:.75rem;font-size:.95rem;font-weight:700;display:flex}.converter-title.h2g{color:var(--gold)}.form-group{flex-direction:column;gap:.3rem;margin-bottom:.75rem;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.input-row{grid-template-columns:1fr;gap:.4rem;display:grid}.form-input{color:var(--text-primary);font-family:var(--font-sans);width:100%;transition:var(--transition-smooth);background:#0f172acc;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem;font-size:.85rem}.form-input:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 2px #38bdf826}.converter-card.h2g .form-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-glow)}.convert-btn{width:100%;font-family:var(--font-display);cursor:pointer;background:linear-gradient(135deg, var(--accent-blue) 0%, #0284c7 100%);color:#fff;transition:var(--transition-smooth);border:none;border-radius:6px;padding:.6rem;font-size:.85rem;font-weight:700;box-shadow:0 3px 8px #38bdf826}.convert-btn.h2g{background:linear-gradient(135deg, var(--gold) 0%, #d97706 100%);box-shadow:0 3px 8px #f5c45326}.result-box{background:#0003;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:.25rem;margin-top:.75rem;padding:.75rem;display:flex}.result-label{color:var(--text-muted);font-size:.7rem;font-weight:500}.result-value{font-family:var(--font-display);color:var(--gold);word-wrap:break-word;font-size:1.1rem;font-weight:700}.result-value.greg{color:var(--accent-blue)}.holidays-container{flex-direction:column;gap:1rem;display:flex}.holidays-year-header{font-family:var(--font-display);border-left:3px solid var(--gold);margin-bottom:.2rem;padding-left:.4rem;font-size:1.05rem;font-weight:700}.holidays-list{grid-template-columns:1fr;gap:.5rem;display:grid}.holiday-item-card{transition:var(--transition-smooth);background:#0f172a40;border:1px solid #ffffff0a;border-radius:10px;flex-direction:column;gap:.3rem;padding:.75rem;display:flex;position:relative;overflow:hidden}.holiday-item-card:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.holiday-item-card.type-holiday:before{background-color:var(--accent-blue)}.holiday-item-card.type-kandil:before{background-color:var(--gold)}.holiday-item-card.type-eid:before{background-color:var(--emerald)}.holiday-item-card.type-ramadan:before{background-color:#f43f5e}.holiday-item-card:hover{background:#0f172a73;transform:translate(2px)}.holiday-item-title{font-family:var(--font-display);color:var(--text-primary);margin-right:4.2rem;font-size:.85rem;font-weight:700}.holiday-item-card.type-kandil .holiday-item-title{color:var(--gold)}.holiday-item-card.type-eid .holiday-item-title{color:var(--emerald)}.holiday-item-date{color:var(--text-muted);font-size:.75rem;font-weight:600}.holiday-item-desc{color:var(--text-dim);font-size:.7rem;line-height:1.35}.holiday-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:.15rem .4rem;font-size:.6rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.holiday-badge.type-holiday{color:var(--accent-blue);background:#38bdf81a}.holiday-badge.type-kandil{color:var(--gold);background:#f5c4531a}.holiday-badge.type-eid{color:var(--emerald);background:#10b9811a}.holiday-badge.type-ramadan{color:#f43f5e;background:#f43f5e1a}.settings-panel{flex-direction:column;gap:.5rem;display:flex}.settings-row{flex-direction:column;gap:.4rem;display:flex}.settings-label{color:var(--text-primary);font-size:.8rem;font-weight:500}.settings-desc{color:var(--text-muted);margin-top:.15rem;font-size:.7rem;line-height:1.3}.app-footer{text-align:center;color:var(--text-dim);border-top:1px solid #ffffff0a;margin-top:.75rem;padding-top:.75rem;font-size:.7rem}.app-footer a{color:var(--accent-blue);text-decoration:none}@media (width>=400px){.app-container{padding:.75rem}.glass-card{padding:1rem}.day-cell{padding:.25rem .3rem}.day-primary-num{font-size:1.05rem}.day-secondary-num{font-size:.65rem}.weekday-label{font-size:.75rem}.app-title{font-size:1.9rem}}@media (width>=480px){.app-title{font-size:2.1rem}.today-hijri{font-size:1.55rem}.day-primary-num{font-size:1.15rem}.day-secondary-num{font-size:.7rem}.day-cell{padding:.35rem .45rem}.input-row{grid-template-columns:repeat(3,1fr)}.settings-row{flex-direction:row;justify-content:space-between;align-items:center}.calendar-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem}.selector-group{align-items:center;gap:.4rem;width:auto;display:flex}.calendar-select{width:130px}.action-group{align-items:center;gap:.4rem;width:auto;display:flex}.today-btn{width:auto;padding:.45rem 1rem}}@media (width>=768px){.app-container{gap:1.5rem;padding:1.5rem}.app-header{margin-bottom:.5rem}.app-title{font-size:2.5rem}.app-subtitle{font-size:.95rem}.glass-card{padding:1.5rem}.today-hijri{font-size:1.8rem}.moon-svg-container{width:100px;height:100px}.tab-btn{border-radius:10px;padding:.75rem 1rem;font-size:.95rem}.calendar-controls{gap:1rem}.calendar-select{width:160px;padding:.6rem 2.2rem .6rem 1rem;font-size:.95rem}.nav-arrow-btn{width:38px;height:38px;font-size:.85rem}.today-btn{padding:.6rem 1.2rem;font-size:.9rem}.weekday-label{font-size:.85rem}.days-grid{gap:.5rem}.day-cell{border-radius:14px;padding:.5rem .6rem}.day-primary-num{font-size:1.3rem}.day-secondary-num{font-size:.75rem;bottom:.4rem;right:.6rem}.event-indicators{gap:3px;bottom:.4rem;left:.6rem}.event-dot{width:6px;height:6px}.details-title{font-size:1.05rem}.details-dates{flex-direction:row;gap:1.5rem;font-size:.9rem}.converter-flow{grid-template-columns:1fr 1fr;gap:1.5rem}.converter-card{padding:1.5rem}.converter-title{font-size:1.15rem}.result-value{font-size:1.4rem}.holidays-list{grid-template-columns:1fr 1fr;gap:1rem}.holiday-item-card{padding:1.25rem}.holiday-item-title{font-size:1.1rem}}@media (width>=1024px){.app-container{gap:2rem;padding:2rem 1.5rem}.app-title{font-size:2.75rem}.main-layout{grid-template-columns:350px 1fr;gap:2rem}}.day-cell.hacamat-gold{background:#f5c45314;border:1px solid #f5c45340;box-shadow:inset 0 0 10px #f5c4530d}.day-cell.hacamat-gold:hover{border-color:var(--gold);box-shadow:0 0 15px var(--gold-glow), inset 0 0 10px #f5c4531a;background:#f5c45329}.day-cell.hacamat-gold .day-primary-num{color:var(--gold)}.day-cell.hacamat-green{background:#10b98114;border:1px solid #10b98140;box-shadow:inset 0 0 10px #10b9810d}.day-cell.hacamat-green:hover{border-color:var(--emerald);box-shadow:0 0 15px var(--emerald-glow), inset 0 0 10px #10b9811a;background:#10b98129}.day-cell.hacamat-green .day-primary-num{color:var(--emerald)}.day-cell.hacamat-red{background:#ef44440f;border:1px solid #ef444433;box-shadow:inset 0 0 10px #ef444405}.day-cell.hacamat-red:hover{background:#ef44441f;border-color:#f87171;box-shadow:0 0 15px #ef44441a,inset 0 0 10px #ef44440d}.day-cell.hacamat-red .day-primary-num{color:#f87171;opacity:.8}.day-cell.hacamat-red .day-secondary-num{opacity:.6}.day-cell.hacamat-neutral{background:#94a3b80d;border:1px solid #94a3b826}.day-cell.hacamat-neutral:hover{border-color:var(--text-muted);background:#94a3b81a}.hacamat-legend{background:#00000026;border:1px solid #ffffff0a;border-radius:10px;flex-wrap:wrap;gap:.6rem;width:100%;margin-bottom:1rem;padding:.6rem;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.7rem;font-weight:500;display:flex}.legend-color-box{border:1px solid #ffffff1a;border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-color-box.gold{border-color:var(--gold);background-color:#f5c45333}.legend-color-box.green{border-color:var(--emerald);background-color:#10b98133}.legend-color-box.red{background-color:#ef444433;border-color:#ef4444}.legend-color-box.neutral{border-color:var(--text-muted);background-color:#94a3b826}@media (width>=768px){.hacamat-legend{gap:.8rem;padding:.75rem}.legend-item{gap:.4rem;font-size:.75rem}.legend-color-box{width:12px;height:12px}}