:root{--vf-color-primary:#007bff;--vf-color-primary-light:#7fbdff;--vf-color-primary-strong:#0062cc;--vf-color-ink:#333;--vf-color-surface:#fff;--vf-color-on-primary:#fff;--vf-color-destructive:#c23b3b;--vf-color-destructive-hover:#a32f2f;--vf-color-positive:#1b9e6b;--vf-color-positive-soft:#e3f5ee;--vf-color-positive-foreground:#136f4b;--vf-color-negative:#d64545;--vf-color-negative-soft:#fbe6e6;--vf-color-negative-foreground:#a32f2f;--vf-font-medium:"Montserrat", "Montserrat Medium", system-ui, -apple-system, "Segoe UI", sans-serif;--vf-font-extra-bold:"Montserrat", "Montserrat ExtraBold", system-ui, -apple-system, "Segoe UI", sans-serif;--vf-weight-medium:500;--vf-weight-extra-bold:800;--vf-font-size-sm:14px;--vf-font-size-md:16px;--vf-font-size-lg:20px;--vf-font-size-xl:20px;--vf-space-xs:4px;--vf-space-sm:8px;--vf-space-md:16px;--vf-space-lg:24px;--vf-space-xl:32px;--vf-radius-sm:4px;--vf-radius-md:6px;--vf-radius-lg:8px;--vf-radius-xl:10px;--vf-radius-xxl:12px;--vf-radius-pill:999px}[data-theme=dark]{--vf-color-ink:#e6eaf0;--vf-color-surface:#131a23;--vf-color-destructive-hover:#d64545;--vf-color-positive-soft:#10372a;--vf-color-positive-foreground:#6fd3a8;--vf-color-negative-soft:#3d1717;--vf-color-negative-foreground:#f39b9b}*{box-sizing:border-box}html,body{background:var(--vf-color-surface);color:var(--vf-color-ink);font-family:var(--vf-font-medium);font-size:var(--vf-font-size-md);margin:0;padding:0;line-height:1.5}a{color:var(--vf-color-primary)}:focus-visible{outline:2px solid var(--vf-color-primary);outline-offset:2px}.vf-skip-link{background:var(--vf-color-primary);color:var(--vf-color-on-primary);padding:var(--vf-space-sm) var(--vf-space-md);z-index:20;position:absolute;top:0;left:-9999px}.vf-skip-link:focus{left:0}.vf-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.vf-shell__sidebar{border-right:1px solid var(--vf-color-primary-light);padding:var(--vf-space-lg) var(--vf-space-md);gap:var(--vf-space-md);flex-direction:column;display:flex}.vf-shell__brand{font-family:var(--vf-font-extra-bold);font-weight:var(--vf-weight-extra-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--vf-color-primary);font-size:var(--vf-font-size-lg)}.vf-shell__app{font-family:var(--vf-font-extra-bold);font-weight:var(--vf-weight-extra-bold);font-size:var(--vf-font-size-md)}.vf-shell__nav-group{gap:var(--vf-space-xs);flex-direction:column;display:flex}.vf-shell__nav-title{font-size:var(--vf-font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--vf-color-ink);opacity:.7}.vf-shell__nav-link{justify-content:space-between;align-items:center;gap:var(--vf-space-sm);min-height:44px;padding:var(--vf-space-xs) var(--vf-space-sm);border-radius:var(--vf-radius-sm);color:var(--vf-color-ink);text-decoration:none;display:flex}.vf-shell__nav-link[aria-current=page]{background:var(--vf-color-primary-light);color:var(--vf-color-ink);font-weight:var(--vf-weight-extra-bold)}.vf-shell__nav-link[data-locked=true]{color:var(--vf-color-ink);opacity:.85}.vf-shell__nav-badge{font-size:var(--vf-font-size-sm);border:1px solid var(--vf-color-ink);border-radius:var(--vf-radius-pill);padding:0 var(--vf-space-sm);white-space:nowrap}.vf-shell__main{flex-direction:column;min-width:0;display:flex}.vf-shell__header{align-items:flex-end;gap:var(--vf-space-md);padding:var(--vf-space-md) var(--vf-space-lg);border-bottom:1px solid var(--vf-color-primary-light);flex-wrap:wrap;display:flex}.vf-shell__control{display:inline-flex}.vf-shell__spacer{flex:auto}.vf-shell__hamburger{min-width:44px;min-height:44px;font-size:var(--vf-font-size-lg);color:var(--vf-color-ink);border:1px solid var(--vf-color-ink);border-radius:var(--vf-radius-sm);cursor:pointer;background:0 0;display:none}.vf-shell__icon-button{min-width:44px;min-height:44px;color:var(--vf-color-ink);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.vf-shell__badge{background:var(--vf-color-primary);color:var(--vf-color-on-primary);border-radius:var(--vf-radius-pill);padding:0 var(--vf-space-xs);font-size:var(--vf-font-size-sm);font-weight:var(--vf-weight-extra-bold);position:absolute;top:0;right:0}.vf-shell__menu{position:relative}.vf-shell__avatar{border-radius:var(--vf-radius-pill);background:var(--vf-color-primary-light);min-width:44px;min-height:44px;color:var(--vf-color-ink);font-weight:var(--vf-weight-extra-bold);cursor:pointer;justify-content:center;align-items:center;list-style:none;display:inline-flex}.vf-shell__avatar::-webkit-details-marker{display:none}.vf-shell__menu-panel{right:0;top:calc(100% + var(--vf-space-xs));z-index:10;background:var(--vf-color-surface);border:1px solid var(--vf-color-primary-light);border-radius:var(--vf-radius-md);min-width:248px;padding:var(--vf-space-sm);gap:var(--vf-space-xs);flex-direction:column;display:flex;position:absolute;box-shadow:0 8px 16px #3333331f}.vf-shell__menu-title{font-weight:var(--vf-weight-extra-bold);margin:0}.vf-shell__menu-item{min-height:44px;padding:var(--vf-space-xs) var(--vf-space-sm);border-radius:var(--vf-radius-sm);color:var(--vf-color-ink);font-family:var(--vf-font-medium);font-size:var(--vf-font-size-md);text-align:left;cursor:pointer;background:0 0;border:none;text-decoration:none;display:block}.vf-shell__menu-item:hover{background:var(--vf-color-primary-light)}.vf-shell__status{padding:var(--vf-space-sm) var(--vf-space-lg);margin:0}.vf-shell__content{padding:var(--vf-space-lg);gap:var(--vf-space-lg);flex-direction:column;flex:auto;display:flex}.vf-shell__bottom{display:none}.vf-card{border:1px solid var(--vf-color-primary-light);border-radius:var(--vf-radius-md);padding:var(--vf-space-md);max-width:720px}.vf-card__title{font-family:var(--vf-font-extra-bold);font-weight:var(--vf-weight-extra-bold);margin:0 0 var(--vf-space-sm);font-size:var(--vf-font-size-lg)}.vf-muted{opacity:.75}.vf-link{color:var(--vf-color-primary);font-family:var(--vf-font-medium);font-weight:var(--vf-weight-medium)}.vf-banner{background:var(--vf-color-primary-light);border-radius:var(--vf-radius-md);padding:var(--vf-space-sm) var(--vf-space-md);color:var(--vf-color-ink)}.vf-error{color:var(--vf-color-ink);background:var(--vf-color-primary-light);border-radius:var(--vf-radius-sm);padding:var(--vf-space-sm)}@media (width<=900px){.vf-shell{grid-template-columns:1fr}.vf-shell__sidebar{border-right:none;border-bottom:1px solid var(--vf-color-primary-light);display:none}.vf-shell[data-menu-open=true] .vf-shell__sidebar{display:flex}.vf-shell__hamburger{justify-content:center;align-items:center;display:inline-flex}.vf-shell__bottom{background:var(--vf-color-surface);border-top:1px solid var(--vf-color-primary-light);display:flex;position:sticky;bottom:0}.vf-shell__bottom-item{justify-content:center;align-items:center;gap:var(--vf-space-xs);min-height:48px;color:var(--vf-color-ink);font-family:var(--vf-font-medium);font-size:var(--vf-font-size-sm);cursor:pointer;background:0 0;border:none;flex:1 1 0;text-decoration:none;display:inline-flex}.vf-shell__bottom-item[aria-current=page]{font-weight:var(--vf-weight-extra-bold);border-top:2px solid var(--vf-color-primary)}.vf-shell__content{padding:var(--vf-space-md)}}.vf-card--lebar{max-width:1100px}.vf-tabel-bungkus{overflow-x:auto}.vf-tabel{border-collapse:collapse;width:100%;font-family:var(--vf-font-medium);font-size:var(--vf-font-size-sm);color:var(--vf-color-ink)}.vf-tabel caption{text-align:left;padding-bottom:var(--vf-space-xs)}.vf-tabel th,.vf-tabel td{border-bottom:1px solid var(--vf-color-primary-light);padding:var(--vf-space-sm);text-align:left;vertical-align:top}.vf-tabel thead th{font-family:var(--vf-font-extra-bold);font-weight:var(--vf-weight-extra-bold);white-space:nowrap}.vf-aksi{align-items:center;gap:var(--vf-space-xs);flex-wrap:wrap;display:inline-flex}.vf-form{gap:var(--vf-space-sm);border:1px solid var(--vf-color-primary-light);border-radius:var(--vf-radius-md);padding:var(--vf-space-md);flex-direction:column;display:flex}.vf-dialog{border:1px solid var(--vf-color-ink);border-radius:var(--vf-radius-md);padding:var(--vf-space-md);gap:var(--vf-space-sm);flex-direction:column;display:flex}.vf-skeleton-daftar{gap:var(--vf-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vf-skeleton{border-radius:var(--vf-radius-sm);background:var(--vf-color-primary-light);opacity:.4;height:44px}@media (prefers-reduced-motion:no-preference){.vf-skeleton{animation:1.4s ease-in-out infinite vf-pulse}}@keyframes vf-pulse{0%,to{opacity:.25}50%{opacity:.5}}.vf-modal{z-index:20;padding:var(--vf-space-lg);background:#33333373;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.vf-modal__kartu{background:var(--vf-color-surface);border:1px solid var(--vf-color-primary-light);border-radius:var(--vf-radius-md);width:100%;max-width:720px;padding:var(--vf-space-md)}.vf-modal__kepala{justify-content:space-between;align-items:center;gap:var(--vf-space-sm);flex-wrap:wrap;display:flex}.vf-segmen{gap:var(--vf-space-xs);flex-wrap:wrap;display:flex}.vf-segmen__tombol{font-family:var(--vf-font-medium);font-weight:var(--vf-weight-medium);font-size:var(--vf-font-size-md);color:var(--vf-color-ink);background:var(--vf-color-surface);border:1px solid var(--vf-color-primary-light);border-radius:var(--vf-radius-pill);padding:var(--vf-space-sm) var(--vf-space-md);cursor:pointer;min-height:44px}.vf-segmen__tombol[aria-pressed=true]{background:var(--vf-color-primary);border-color:var(--vf-color-primary);color:var(--vf-color-on-primary)}.vf-chip{font-family:var(--vf-font-medium);font-weight:var(--vf-weight-medium);font-size:var(--vf-font-size-sm);color:var(--vf-color-ink);background:var(--vf-color-surface);border:1px solid var(--vf-color-primary-light);border-radius:var(--vf-radius-pill);padding:var(--vf-space-xs) var(--vf-space-sm);cursor:pointer;min-height:44px}.vf-chip[aria-pressed=true]{background:var(--vf-color-primary);border-color:var(--vf-color-primary);color:var(--vf-color-on-primary)}@media (width<=900px){.vf-modal{padding:var(--vf-space-sm)}}.vf-aksi--filter{align-items:flex-end}.vf-kelompok th{background:var(--vf-color-primary-light);font-family:var(--vf-font-extra-bold);font-weight:var(--vf-weight-extra-bold)}.vf-kelompok__judul{display:block}.vf-kelompok__subtotal{font-family:var(--vf-font-medium);font-weight:var(--vf-weight-medium);font-size:var(--vf-font-size-sm);display:block}.vf-pilih{align-items:center;gap:var(--vf-space-xs);min-height:44px;font-size:var(--vf-font-size-sm);cursor:pointer;display:inline-flex}.vf-lencana{font-size:var(--vf-font-size-sm);border:1px solid var(--vf-color-ink);border-radius:var(--vf-radius-pill);padding:0 var(--vf-space-sm);white-space:nowrap;display:inline-block}.vf-amount{font-family:var(--vf-font-extra-bold);font-weight:var(--vf-weight-extra-bold);white-space:nowrap}.vf-amount--inbound{color:var(--vf-color-primary)}.vf-amount--outbound{color:var(--vf-color-ink)}@media (width<=900px){.vf-aksi--filter{flex-direction:column;align-items:stretch}}.vf-sync{position:relative}.vf-sync__summary{align-items:center;gap:var(--vf-space-xs);min-height:44px;padding:0 var(--vf-space-sm);border:1px solid var(--vf-color-ink);border-radius:var(--vf-radius-pill);background:var(--vf-color-surface);color:var(--vf-color-ink);font-size:var(--vf-font-size-sm);cursor:pointer;list-style:none;display:inline-flex}.vf-sync__summary::-webkit-details-marker{display:none}.vf-sync[data-status=synced] .vf-sync__summary{border-color:var(--vf-color-primary);color:var(--vf-color-primary)}.vf-sync[data-status=sending] .vf-sync__summary{border-color:var(--vf-color-primary-light);background:var(--vf-color-primary-light)}.vf-sync[data-status=needs_attention] .vf-sync__summary{border-width:2px;border-color:var(--vf-color-ink);font-weight:var(--vf-weight-extra-bold)}.vf-sync__icon{font-weight:var(--vf-weight-extra-bold)}.vf-sync__text{white-space:nowrap}.vf-sync__panel{right:0;top:calc(100% + var(--vf-space-xs));z-index:12;background:var(--vf-color-surface);border:1px solid var(--vf-color-primary-light);border-radius:var(--vf-radius-md);width:min(360px,90vw);padding:var(--vf-space-md);gap:var(--vf-space-sm);flex-direction:column;display:flex;position:absolute;box-shadow:0 8px 16px #3333331f}.vf-sync__title{font-weight:var(--vf-weight-extra-bold);margin:0}.vf-sync__list{padding-left:var(--vf-space-md);gap:var(--vf-space-xs);flex-direction:column;margin:0;display:flex}.vf-sync__item{flex-direction:column;display:flex}.vf-sync__item-label{font-weight:var(--vf-weight-medium)}.vf-sync__item-desc{font-size:var(--vf-font-size-sm);opacity:.75}.vf-sync__conflict{border-top:1px solid var(--vf-color-primary-light);padding-top:var(--vf-space-sm);gap:var(--vf-space-xs);flex-direction:column;display:flex}.vf-sync__conflict-message{margin:0}