.topbar.svelte-y7n507{background:var(--color-bg-primary);border-bottom:.5px solid var(--color-border);position:sticky;top:0;z-index:100}.topbar-inner.svelte-y7n507{max-width:960px;margin:0 auto;padding:0 16px;height:52px;display:flex;align-items:center;gap:12px}.logo.svelte-y7n507{font-family:Lora,serif;font-weight:700;font-size:19px;color:var(--color-primary);text-decoration:none;flex-shrink:0}.searchbar.svelte-y7n507{display:flex;align-items:center;background:var(--color-bg-secondary);border:.5px solid var(--color-border);border-radius:20px;padding:5px 14px;gap:7px;flex:1;max-width:300px;transition:border-color .15s}.searchbar.active.svelte-y7n507{border-color:var(--color-primary)}.searchbar.svelte-y7n507 i:where(.svelte-y7n507){font-size:14px;color:var(--color-text-tertiary)}.searchbar.svelte-y7n507 input:where(.svelte-y7n507){background:none;border:none;outline:none;font-size:13px;color:var(--color-text-primary);width:100%;font-family:inherit}.clear-btn.svelte-y7n507{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:0;display:flex;align-items:center}.topnav.svelte-y7n507{display:none;gap:2px}@media (min-width: 768px){.topnav.svelte-y7n507{display:flex}}.topnav.svelte-y7n507 a:where(.svelte-y7n507){font-size:13px;color:var(--color-text-secondary);text-decoration:none;padding:6px 10px;border-radius:6px}.topnav.svelte-y7n507 a:where(.svelte-y7n507):hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.topnav.svelte-y7n507 a.active:where(.svelte-y7n507){color:var(--color-primary);font-weight:700}.auth-area.svelte-y7n507{display:flex;gap:6px;align-items:center;margin-left:auto;flex-shrink:0}.btn-outline.svelte-y7n507{background:none;border:.5px solid var(--color-border-strong);border-radius:6px;padding:6px 12px;font-size:13px;color:var(--color-text-primary);text-decoration:none}.btn-filled.svelte-y7n507{background:var(--color-primary);border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700;color:#fff;text-decoration:none}.btn-admin.svelte-y7n507{background:var(--color-primary-bg);color:var(--color-primary);border:.5px solid var(--color-primary-border);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:4px}.avatar-btn.svelte-y7n507{display:flex;align-items:center;cursor:pointer;text-decoration:none}.avatar-img.svelte-y7n507{width:30px;height:30px;border-radius:50%;object-fit:cover}.avatar-initials.svelte-y7n507{width:30px;height:30px;border-radius:50%;background:#eeedfe;color:var(--color-primary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.notif-wrap.svelte-y7n507{position:relative}.notif-btn.svelte-y7n507{background:none;border:.5px solid var(--color-border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);font-size:16px;position:relative}.notif-badge.svelte-y7n507{position:absolute;top:-4px;right:-4px;background:#d85a30;color:#fff;font-size:9px;font-weight:700;padding:1px 4px;border-radius:20px;min-width:16px;text-align:center}.notif-dropdown.svelte-y7n507{position:absolute;top:36px;right:0;width:280px;background:var(--color-bg-primary);border:.5px solid var(--color-border);border-radius:10px;box-shadow:0 4px 20px #0000001a;z-index:200;overflow:hidden}.notif-head.svelte-y7n507{padding:10px 14px;font-size:12px;font-weight:700;border-bottom:.5px solid var(--color-border)}.notif-empty.svelte-y7n507{padding:20px;text-align:center;font-size:12px;color:var(--color-text-tertiary)}.notif-item.svelte-y7n507{display:block;padding:10px 14px;border-bottom:.5px solid var(--color-border);text-decoration:none;color:inherit}.notif-item.svelte-y7n507:last-child{border-bottom:none}.notif-item.svelte-y7n507:hover{background:var(--color-bg-secondary)}.notif-item.unread.svelte-y7n507{background:var(--color-primary-bg)}.notif-title.svelte-y7n507{font-size:12px;font-weight:700;margin-bottom:2px}.notif-pesan.svelte-y7n507{font-size:11px;color:var(--color-text-secondary)}@media (max-width: 380px){.topbar.svelte-y7n507{padding:0 10px;gap:6px}.logo.svelte-y7n507{font-size:16px}}.bottom-nav.svelte-qzbt73{display:flex;background:var(--color-bg-primary);border-top:.5px solid var(--color-border);position:fixed;bottom:0;left:0;right:0;z-index:90;padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 768px){.bottom-nav.svelte-qzbt73{display:none}}.bnav-item.svelte-qzbt73{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;text-decoration:none;color:var(--color-text-tertiary);font-size:9px;transition:color .15s}.bnav-item.svelte-qzbt73 i:where(.svelte-qzbt73){font-size:20px}.bnav-item.active.svelte-qzbt73{color:var(--color-primary)}.app-layout.svelte-1v2axqk{min-height:100vh;display:flex;flex-direction:column}.main-content.svelte-1v2axqk{flex:1}.footer-ad.svelte-1v2axqk{display:flex;justify-content:center;padding:12px 0 4px;background:var(--color-bg-primary);border-top:.5px solid var(--color-border)}.site-footer.svelte-1v2axqk{background:var(--color-bg-primary);border-top:.5px solid var(--color-border);padding:16px 20px 80px}@media (min-width: 768px){.site-footer.svelte-1v2axqk{padding-bottom:16px}}.footer-inner.svelte-1v2axqk{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:8px}.footer-logo.svelte-1v2axqk{font-family:Lora,serif;font-weight:700;font-size:16px;color:var(--color-primary)}.footer-links.svelte-1v2axqk{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.footer-links.svelte-1v2axqk a:where(.svelte-1v2axqk){font-size:12px;color:var(--color-text-secondary);text-decoration:none}.footer-links.svelte-1v2axqk a:where(.svelte-1v2axqk):hover{color:var(--color-primary)}.footer-contact.svelte-1v2axqk{font-size:11px;color:var(--color-text-tertiary)}.footer-contact.svelte-1v2axqk a:where(.svelte-1v2axqk){color:var(--color-primary);text-decoration:none}.footer-contact.svelte-1v2axqk a:where(.svelte-1v2axqk):hover{text-decoration:underline}.footer-copy.svelte-1v2axqk{font-size:11px;color:var(--color-text-tertiary)}