:root{--bg: #0f1923;--bg-warm: #152232;--card: rgba(255,255,255,.05);--card-hover: rgba(255,255,255,.08);--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.12);--muted: rgba(255,255,255,.04);--muted-fg: rgba(255,255,255,.5);--fg: #f0ece4;--fg-secondary: rgba(240,236,228,.7);--primary: #c8a84b;--primary-dark: #a8882e;--secondary: #3e8040;--accent: #b8860b;--accent-green: #5a9e6f;--accent-red: #c0392b;--gold: #c8a84b;--emerald: #00a86b;--navy: #1a2d42;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-hover: 0 8px 30px rgba(0,0,0,.4);--glass: rgba(255,255,255,.05);--glass-border: rgba(255,255,255,.08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans Arabic,Noto Naskh Arabic,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 10%,rgba(0,168,107,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(200,168,75,.03) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.max-w-7xl{max-width:1280px;margin:0 auto;padding:0 20px}header{border-bottom:1px solid var(--glass-border);background:#0f1923d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px}.header-right{text-align:right}.header-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#f0ece4 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-sub{font-size:.875rem;color:var(--fg-secondary);margin-top:4px}.header-sub-bold{font-size:.875rem;font-weight:600;color:var(--gold);margin-top:2px}.badge{font-size:.75rem;padding:6px 16px;border-radius:999px;font-weight:600;background:linear-gradient(135deg,#8b1a1a,#b22222);color:#fff;white-space:nowrap;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #8b1a1a4d}.countdown-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.countdown-grid{grid-template-columns:1fr 1fr}}.countdown-card{border-radius:var(--radius-lg);padding:24px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.countdown-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.countdown-card .accent-glow{position:absolute;top:0;right:0;width:4px;height:100%;box-shadow:0 0 12px currentColor}.countdown-card-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.countdown-card-title{font-size:1rem;font-weight:700}.countdown-card-date{font-size:.75rem;color:var(--muted-fg)}.countdown-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;direction:ltr}.countdown-box{background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:10px 4px;text-align:center}.countdown-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}@media (min-width: 768px){.countdown-value{font-size:1.875rem}}.countdown-label{font-size:.625rem;color:var(--muted-fg);margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;box-shadow:var(--shadow);text-align:right;transition:transform .2s ease,border-color .2s ease}.stat-card:hover{transform:translateY(-2px);border-color:var(--gold)}.stat-label{font-size:.75rem;color:var(--muted-fg)}.stat-value{font-size:1.25rem;font-weight:700;color:var(--gold);margin-top:6px}.stat-footnote{font-size:.6875rem;color:var(--muted-fg);margin-top:4px}.legend-section{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;box-shadow:var(--shadow)}.legend-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px;flex-wrap:wrap}.legend-title{font-size:.875rem;font-weight:700;color:var(--gold)}.legend-clear{font-size:.75rem;padding:4px 14px;border-radius:999px;border:1px solid var(--glass-border);background:#0003;cursor:pointer;color:var(--muted-fg);font-family:inherit;transition:all .2s ease}.legend-clear:hover{background:#c8a84b26;color:var(--gold);border-color:var(--gold)}.legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.legend-btn{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;text-align:right;font-family:inherit;font-size:.8125rem;color:var(--fg);transition:all .2s ease}.legend-btn:hover{background:var(--card-hover);border-color:var(--glass-border)}.legend-btn.inactive{opacity:.4;background:transparent;border-color:transparent}.legend-swatch{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.1);flex-shrink:0;transition:transform .2s ease}.legend-btn:hover .legend-swatch{transform:scale(1.15)}.calendar-grid-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.month-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.month-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.month-header{padding:12px 16px;text-align:center;font-weight:700;font-size:.9rem;background:linear-gradient(135deg,#00a86b33,#c8a84b1a);color:var(--fg);letter-spacing:.5px;border-bottom:1px solid var(--glass-border)}.day-headers{display:grid;grid-template-columns:repeat(7,1fr);font-size:.6rem;font-weight:600;color:var(--muted-fg);background:#00000026}.day-header-cell{padding:6px 0;text-align:center}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:3px;background:#0000001a}.day-cell{aspect-ratio:1;font-size:.7rem;font-weight:500;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;font-family:inherit;transition:all .15s ease;position:relative}.day-cell:hover:not(.empty){transform:scale(1.12);z-index:10;box-shadow:0 4px 16px #0006}.day-cell.empty{background:transparent;cursor:default}.day-cell.hidden{opacity:.12}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px}.popup-card{background:linear-gradient(145deg,#1a2d42,#0f1923);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:0;max-width:420px;width:100%;box-shadow:0 24px 80px #0009;overflow:hidden;animation:popIn .25s ease}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-accent-bar{height:6px;width:100%}.popup-body{padding:24px}.popup-date-large{font-size:3rem;font-weight:800;line-height:1;margin-bottom:4px}.popup-month-name{font-size:1rem;color:var(--fg-secondary);margin-bottom:20px}.popup-details{background:#0003;border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.popup-detail-row{display:flex;align-items:center;gap:12px;padding:8px 0}.popup-detail-row+.popup-detail-row{border-top:1px solid var(--glass-border)}.popup-detail-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.popup-detail-label{font-size:.8125rem;color:var(--fg-secondary)}.popup-detail-value{font-size:.875rem;font-weight:600;margin-right:auto}.popup-description{font-size:.8125rem;color:var(--fg-secondary);line-height:1.7;background:#00000026;border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:20px;border-right:3px solid var(--gold)}.popup-close-btn{width:100%;padding:12px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#0003;color:var(--fg);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.popup-close-btn:hover{background:#c8a84b26;border-color:var(--gold);color:var(--gold)}.app-footer{text-align:center;padding:32px 0 48px;font-size:.75rem;color:var(--muted-fg);border-top:1px solid var(--glass-border);margin-top:16px}.main-content{display:flex;flex-direction:column;gap:32px;padding-top:32px;padding-bottom:32px}