:root{--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--gold-50:#fffbeb;--gold-100:#fef3c7;--gold-200:#fde68a;--gold-400:#fbbf24;--gold-500:#f59e0b;--gold-600:#d97706;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn-primary{background:var(--teal-600);color:#fff;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--teal-700)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.btn-secondary:hover{background:var(--gray-200)}.card{background:#fff;border-radius:16px;padding:20px;transition:box-shadow .2s;box-shadow:0 1px 3px #0000000f}.card:hover{box-shadow:0 4px 12px #00000014}.page-header{padding:32px 0 24px}.page-title{color:var(--gray-900);font-size:28px;font-weight:700}.page-subtitle{color:var(--gray-500);margin-top:4px;font-size:15px}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}html,body{max-width:100vw;overflow-x:hidden}.desktop-only{display:flex}.mobile-only{display:none}.desktop-sidebar{display:flex}.mobile-topbar{display:none}.app-shell{padding-left:240px}@media (width<=900px){.desktop-sidebar{display:none!important}.mobile-topbar{display:flex!important}.app-shell{padding-left:0}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 16px}.desktop-only{display:none!important}.mobile-only{display:flex!important}[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns:repeat(3"],[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}[style*="grid-template-columns: repeat(6"],[style*="grid-template-columns:repeat(6"]{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}.detail-layout{grid-template-columns:1fr!important;gap:20px!important}.masjid-events-section{order:3}}@media (width<=480px){[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr 1fr!important}}@media (width>=769px) and (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.loading-spinner{justify-content:center;align-items:center;padding:60px;display:flex}.empty-state{text-align:center;color:var(--gray-400);padding:60px 20px}.empty-state h3{color:var(--gray-600);margin-top:12px;font-size:18px;font-weight:600}.empty-state p{margin-top:4px;font-size:14px}