.page.svelte-1v2fuis{min-height:60vh}.page-header.svelte-1v2fuis{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-card-border);padding:2rem 0}.container.svelte-1v2fuis{max-width:1200px;margin:0 auto;padding:0 1.5rem}.content.svelte-1v2fuis{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.breadcrumb.svelte-1v2fuis{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.breadcrumb.svelte-1v2fuis a:where(.svelte-1v2fuis){color:var(--color-primary);text-decoration:none}.breadcrumb.svelte-1v2fuis a:where(.svelte-1v2fuis):hover{text-decoration:underline}.breadcrumb.svelte-1v2fuis .sep:where(.svelte-1v2fuis),.breadcrumb.svelte-1v2fuis .current:where(.svelte-1v2fuis){color:var(--color-caption)}.page-title.svelte-1v2fuis{color:var(--color-heading);margin-bottom:.5rem;font-size:1.75rem}.page-desc.svelte-1v2fuis{color:var(--color-caption);font-size:.95rem}.loading-state.svelte-1v2fuis,.error-state.svelte-1v2fuis,.empty-state.svelte-1v2fuis{text-align:center;color:var(--color-caption);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.spinner.svelte-1v2fuis{border:3px solid var(--color-card-border);border-top-color:var(--color-primary);border-radius:50%;width:2.5rem;height:2.5rem;margin-bottom:1rem;animation:.8s linear infinite svelte-1v2fuis-spin}@keyframes svelte-1v2fuis-spin{to{transform:rotate(360deg)}}.error-state.svelte-1v2fuis{color:var(--color-error)}.error-state.svelte-1v2fuis svg:where(.svelte-1v2fuis){opacity:.6;margin-bottom:1rem}.empty-state.svelte-1v2fuis svg:where(.svelte-1v2fuis){color:var(--color-disabled-bg);margin-bottom:1rem}.empty-hint.svelte-1v2fuis{color:var(--color-caption);margin-top:.25rem;font-size:.85rem}.modul-besar-card.svelte-1v2fuis{background:linear-gradient(135deg, var(--color-navbar) 0%, var(--color-primary) 100%);color:#fff;border-radius:.75rem;align-items:center;gap:1rem;margin-bottom:1.75rem;padding:1.1rem 1.25rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 18px #0000001f}.modul-besar-card.svelte-1v2fuis:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 26px #0000002e}.mb-icon.svelte-1v2fuis{background:#ffffff2e;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.mb-text.svelte-1v2fuis{flex-direction:column;flex:1;min-width:0;display:flex}.mb-label.svelte-1v2fuis{text-transform:uppercase;letter-spacing:.05em;opacity:.85;font-size:.72rem}.mb-text.svelte-1v2fuis strong:where(.svelte-1v2fuis){font-size:1.05rem;font-weight:700}.mb-btn.svelte-1v2fuis{color:var(--color-primary);background:#fff;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}@media (width<=560px){.modul-besar-card.svelte-1v2fuis{flex-wrap:wrap}.mb-btn.svelte-1v2fuis{justify-content:center;width:100%}}.list-heading.svelte-1v2fuis{color:var(--color-heading);margin-bottom:.25rem;font-size:1.15rem}.list-sub.svelte-1v2fuis{color:var(--color-caption);margin-bottom:1.25rem;font-size:.85rem}.modul-grid.svelte-1v2fuis{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=768px){.modul-grid.svelte-1v2fuis{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.modul-grid.svelte-1v2fuis{grid-template-columns:repeat(3,1fr)}}.modul-card.svelte-1v2fuis{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:.75rem;flex-direction:column;padding:1.5rem;transition:all .25s;display:flex}.modul-card.svelte-1v2fuis:hover{box-shadow:0 8px 24px #0000000f}.modul-header.svelte-1v2fuis{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.modul-number.svelte-1v2fuis{background:var(--color-bg-secondary);border-radius:.5rem;flex-direction:column;align-items:center;padding:.35rem .75rem;line-height:1.2;display:flex}.modul-number.svelte-1v2fuis span:where(.svelte-1v2fuis){color:var(--color-caption);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem}.modul-number.svelte-1v2fuis strong:where(.svelte-1v2fuis){color:var(--color-primary);font-size:1.25rem}.modul-title.svelte-1v2fuis{color:var(--color-heading);margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.modul-desc.svelte-1v2fuis{color:var(--color-body);flex:1;font-size:.85rem;line-height:1.5}