:root{--text:#1f2937;--muted:#6b7280;--gold:#c19a2b;--gold-soft:#facc15;--cols: 1.25fr .85fr 1fr 1fr}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(#fffaeb8c,#fffaeb8c),url(/assets/islamic-bg-DpiYv5_U.png);background-size:cover;background-position:center;background-attachment:fixed}#app{max-width:1000px;margin:60px auto;padding:0 20px 60px}.header{text-align:center;padding:30px 20px;margin-bottom:30px;background:#ffffff73;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;box-shadow:0 25px 60px #00000040}.header h1{margin:0 0 10px;font-size:28px;font-weight:800;letter-spacing:.5px}.header p{margin:0;color:var(--muted)}.panel{background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px;box-shadow:0 30px 70px #00000040;overflow:hidden}.panelHead{padding:20px;text-align:center;border-bottom:1px solid rgba(0,0,0,.06)}.panelHead h2{margin:0;font-size:16px;font-weight:700;letter-spacing:.4px}.legend{display:grid;grid-template-columns:var(--cols);gap:12px;padding:14px 25px;font-size:12px;font-weight:700;color:var(--muted);border-bottom:1px solid rgba(0,0,0,.05)}.cards{display:grid;gap:18px;padding:14px 25px 22px}.eventCard{position:relative;background:#ffffff8c;border-radius:18px;padding:18px 18px 18px 10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 45px #0000002e;transition:all .2s ease}.eventCard:hover{transform:translateY(-4px);box-shadow:0 25px 60px #0000002e}.eventCard:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:6px;background:linear-gradient(180deg,var(--gold),var(--gold-soft));border-radius:12px}.eventCard .line{display:grid;grid-template-columns:var(--cols);gap:12px;align-items:center}.eventTitle{font-weight:800;font-size:15px}.eventText{font-size:13px;color:#374151}.eventText.muted{color:var(--muted)}.empty{padding:20px;text-align:center;color:var(--muted)}@media(max-width:768px){#app{margin:30px auto}.legend{display:none}.eventCard .line{grid-template-columns:1fr;gap:8px}.eventTitle{font-size:16px}}.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-btn{background:#22c55e40;color:#065f46;padding:6px 14px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.2s ease}.admin-btn:hover{background:#22c55e66}