.page-header.svelte-42s9t0{background:var(--gradient-blue);color:#fff;padding:4rem 0;text-align:center;position:relative;overflow:hidden}.page-header.svelte-42s9t0:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.1}.page-header.svelte-42s9t0 h1:where(.svelte-42s9t0){font-size:3rem;margin-bottom:.75rem;font-weight:800;position:relative;z-index:1}.page-header.svelte-42s9t0 p:where(.svelte-42s9t0){font-size:1.25rem;opacity:.95;position:relative;z-index:1}.container.svelte-42s9t0{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.content-section.svelte-42s9t0{padding:4rem 0;background:var(--gray-50);min-height:50vh}.search-wrapper.svelte-42s9t0{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.search-box.svelte-42s9t0{flex:1;min-width:280px;display:flex;align-items:center;gap:.75rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:.875rem 1.25rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.search-box.svelte-42s9t0:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box.svelte-42s9t0 input:where(.svelte-42s9t0){flex:1;border:none;outline:none;font-size:.95rem;color:#1e293b}.search-box.svelte-42s9t0 input:where(.svelte-42s9t0)::placeholder{color:#94a3b8}.stats-badge.svelte-42s9t0{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #e2e8f0;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;color:#475569;box-shadow:0 1px 3px #0000000d}.kelompok-grid.svelte-42s9t0{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.kelompok-card.svelte-42s9t0{background:#fff;border-radius:16px;padding:1.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .3s;display:flex;flex-direction:column;gap:1.25rem}.kelompok-card.svelte-42s9t0:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#3b82f6}.card-header.svelte-42s9t0{display:flex;align-items:flex-start;gap:1rem}.card-icon.svelte-42s9t0{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.card-header.svelte-42s9t0 h3:where(.svelte-42s9t0){margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1.3}.card-description.svelte-42s9t0{color:#64748b;font-size:.9rem;line-height:1.6;margin:0}.card-info.svelte-42s9t0{display:flex;flex-direction:column;gap:.75rem}.info-item.svelte-42s9t0{display:flex;align-items:center;gap:.75rem;color:#475569;font-size:.9rem}.info-label.svelte-42s9t0{font-weight:600;color:#1e293b;min-width:60px}.info-value.svelte-42s9t0{color:#475569}.info-link.svelte-42s9t0{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.info-link.svelte-42s9t0:hover{color:#2563eb;text-decoration:underline}.card-footer.svelte-42s9t0{margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8f0}.member-badge.svelte-42s9t0{display:inline-flex;align-items:center;gap:.5rem;background:#eff6ff;color:#2563eb;padding:.5rem 1rem;border-radius:9999px;font-weight:600;font-size:.875rem}.empty-state.svelte-42s9t0{text-align:center;padding:4rem 2rem;color:#94a3b8}.empty-state.svelte-42s9t0 h3:where(.svelte-42s9t0){color:#475569;margin:1rem 0 .5rem;font-size:1.25rem}.empty-state.svelte-42s9t0 p:where(.svelte-42s9t0){color:#94a3b8;margin:0}@media (max-width: 768px){.page-header.svelte-42s9t0{padding:3rem 0}.page-header.svelte-42s9t0 h1:where(.svelte-42s9t0){font-size:2rem}.page-header.svelte-42s9t0 p:where(.svelte-42s9t0){font-size:1rem}.content-section.svelte-42s9t0{padding:2rem 0}.kelompok-grid.svelte-42s9t0{grid-template-columns:1fr}.search-wrapper.svelte-42s9t0{flex-direction:column;align-items:stretch}.stats-badge.svelte-42s9t0{justify-content:center}}