.resources-page.svelte-qmpoei{min-height:100vh;background:#fff;color:#333;display:flex;flex-direction:column}.resources-grid.loading.svelte-qmpoei{opacity:.6;pointer-events:none}.empty-state.svelte-qmpoei{grid-column:1 / -1;padding:2rem;border:1px dashed #cbd5e0;border-radius:12px;text-align:center;color:#4a5568;background:#f8fafc}.resources-content.svelte-qmpoei{flex:1;max-width:1680px;margin:0 auto;padding:60px 20px;width:100%}h1.svelte-qmpoei{font-size:2.5rem;margin-bottom:.5rem;color:#1a202c;text-align:center}.subtitle.svelte-qmpoei{font-size:1.2rem;color:#4a5568;margin-bottom:3rem;text-align:center}.resources-grid.svelte-qmpoei{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.resource-card.svelte-qmpoei{background-color:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;transition:all .3s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit;box-shadow:0 4px 6px #0000000d}.resource-card.svelte-qmpoei:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a;border-color:#3b82f6}.resource-card.requires-auth.svelte-qmpoei:not(.requires-admin){border-color:#cbd5f5}.resource-card.requires-admin.svelte-qmpoei{border-color:#f97316;box-shadow:0 6px 16px #f9731626}.resource-icon.svelte-qmpoei{font-size:2.5rem;margin-bottom:1rem;text-align:center}.access-badge.svelte-qmpoei{display:inline-block;background:#fef3c7;color:#b45309;font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:999px;margin:0 auto .75rem;text-transform:uppercase;letter-spacing:.04em}.requires-admin.svelte-qmpoei .access-badge:where(.svelte-qmpoei){background:#fee2e2;color:#b91c1c}.resource-title.svelte-qmpoei{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#1a202c;text-align:center}.resource-description.svelte-qmpoei{font-size:.95rem;color:#4a5568;line-height:1.5;flex-grow:1;text-align:center;margin-bottom:1rem}.resource-link.svelte-qmpoei{display:block;text-align:center;color:#3b82f6;font-weight:600;margin-top:1rem;transition:color .2s ease}.resource-link.svelte-qmpoei:hover{color:#2563eb}@media (max-width: 768px){.resources-content.svelte-qmpoei{padding:40px 1rem}h1.svelte-qmpoei{font-size:2rem}.subtitle.svelte-qmpoei{font-size:1rem}.resources-grid.svelte-qmpoei{grid-template-columns:1fr}}