*{box-sizing:border-box}body{color:#1b2430;background:#f3f6fb;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.kerangka.svelte-12qhfyh{flex-direction:column;min-height:100vh;display:flex}.isi.svelte-12qhfyh{flex:1;min-height:0}.status.svelte-12qhfyh{color:#5b738f;background:#fff;border-top:1px solid #dbe3ec;flex-shrink:0;align-items:center;gap:12px;height:40px;padding:0 14px;font-size:.78rem;display:flex;position:relative}.kiri.svelte-12qhfyh{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.butir.svelte-12qhfyh{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pemisah.svelte-12qhfyh{color:#c3d0de}.bar.svelte-12qhfyh{background:#e8eef6;border-radius:3px;flex-shrink:0;width:70px;height:5px;overflow:hidden}.bar-isi.svelte-12qhfyh{background:#1d4ed8;height:100%;display:block}.tengah.svelte-12qhfyh{flex:1;justify-content:center;gap:4px;display:flex}.tautan.svelte-12qhfyh{color:#5b738f;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;text-decoration:none;display:flex}.tautan.svelte-12qhfyh:hover{color:#1d4ed8;background:#eff6ff}.tautan.aktif.svelte-12qhfyh{color:#1d4ed8;background:#dbeafe;font-weight:600}.kanan.svelte-12qhfyh{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.profil.svelte-12qhfyh{cursor:pointer;color:#33475e;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:4px 8px;font-family:inherit;font-size:.78rem;display:flex}.profil.svelte-12qhfyh:hover{background:#eff6ff}.avatar.svelte-12qhfyh{color:#fff;background:#1d4ed8;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.74rem;font-weight:700;display:grid}.avatar.besar.svelte-12qhfyh{width:36px;height:36px;font-size:.95rem}.nama.svelte-12qhfyh{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.panah.svelte-12qhfyh{color:#9fb3c8;font-size:.65rem}.menu.svelte-12qhfyh{z-index:60;background:#fff;border:1px solid #dbe3ec;border-radius:10px;width:232px;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 28px #0f294229}.menu-kepala.svelte-12qhfyh{background:#f8fafc;border-bottom:1px solid #eef2f7;align-items:center;gap:10px;padding:12px;display:flex}.menu-kepala.svelte-12qhfyh strong:where(.svelte-12qhfyh){color:#0f2942;font-size:.85rem;display:block}.menu-kepala.svelte-12qhfyh small:where(.svelte-12qhfyh){color:#7b93ad;text-overflow:ellipsis;white-space:nowrap;max-width:152px;font-size:.72rem;display:block;overflow:hidden}.menu-butir.svelte-12qhfyh{text-align:left;color:#33475e;cursor:pointer;background:0 0;border:0;width:100%;padding:10px 13px;font-family:inherit;font-size:.83rem;text-decoration:none;display:block}.menu-butir.svelte-12qhfyh:hover{background:#eff6ff}.menu-butir.keluar.svelte-12qhfyh{color:#b91c1c;border-top:1px solid #eef2f7}.menu-butir.keluar.svelte-12qhfyh:hover{background:#fef2f2}.menu.svelte-12qhfyh form:where(.svelte-12qhfyh){margin:0}@media (width<=620px){.kanan.svelte-12qhfyh{display:none}.tengah.svelte-12qhfyh{flex:1;justify-content:flex-end;gap:2px}.tautan.svelte-12qhfyh{padding:5px 9px;font-size:.85rem}.tautan.svelte-12qhfyh .teks:where(.svelte-12qhfyh){display:none}.nama.svelte-12qhfyh{max-width:92px}}