:root{--brand-indigo:#232ca8;--brand-indigo-light:#98a6ff;--brand-accent:#b5127a;--brand-accent-light:#ff66c4;--primary:#232ca8;--accent:#b5127a;--ink:#0b0c12;--muted:#3f4656;--ground:#f4f5fa;--surface:#fff;--surface2:#eef0f6;--hairline:#dde1ea;--divider:#c6ccd8;--on-primary:#fff;--focus:#232ca8;--tone-netral-fg:#39424e;--tone-netral-bg:#e6e9ed;--tone-info-fg:#232ca8;--tone-info-bg:#dfe4ff;--tone-perhatian-fg:#5a3b00;--tone-perhatian-bg:#ffedc2;--tone-peringatan-fg:#6b3410;--tone-peringatan-bg:#ffe2cc;--tone-selesai-fg:#0c4a3e;--tone-selesai-bg:#d6f2e7;--tone-kritis-fg:#8a1020;--tone-kritis-bg:#ffdce1;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-pip:2px;--radius-xs:4px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--size-tap-target:48px;--size-pip:8px;--size-badge-height:24px;--size-row-height:72px;--size-rate-row:56px;--size-icon-sm:20px;--size-icon:24px;--size-focus-ring:2px;--size-focus-offset:2px;--size-hairline:1px;--duration-state:.15s;--duration-sheet:.24s;--duration-enter:.3s;--shadow-raised:0px 1px 2px #0e11160f, 0px 4px 12px #0e111614;--shadow-overlay:0px 8px 32px #0e111629;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-display:"Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif}[data-theme=dark]{--primary:#98a6ff;--accent:#ff66c4;--ink:#f4f5f9;--muted:#a7aebd;--ground:#0b0c12;--surface:#14161f;--surface2:#1c1f2b;--hairline:#262a38;--divider:#333848;--on-primary:#0b0c12;--focus:#98a6ff;--tone-netral-fg:#d5d9df;--tone-netral-bg:#333a45;--tone-info-fg:#c7ceff;--tone-info-bg:#242a5e;--tone-perhatian-fg:#f6ddae;--tone-perhatian-bg:#453515;--tone-peringatan-fg:#fad9c2;--tone-peringatan-bg:#4c2d14;--tone-selesai-fg:#a8e8d4;--tone-selesai-bg:#124034;--tone-kritis-fg:#ffcfd6;--tone-kritis-bg:#511a23}@media (prefers-color-scheme:dark){:root:not([data-theme]){--primary:#98a6ff;--accent:#ff66c4;--ink:#f4f5f9;--muted:#a7aebd;--ground:#0b0c12;--surface:#14161f;--surface2:#1c1f2b;--hairline:#262a38;--divider:#333848;--on-primary:#0b0c12;--focus:#98a6ff;--tone-netral-fg:#d5d9df;--tone-netral-bg:#333a45;--tone-info-fg:#c7ceff;--tone-info-bg:#242a5e;--tone-perhatian-fg:#f6ddae;--tone-perhatian-bg:#453515;--tone-peringatan-fg:#fad9c2;--tone-peringatan-bg:#4c2d14;--tone-selesai-fg:#a8e8d4;--tone-selesai-bg:#124034;--tone-kritis-fg:#ffcfd6;--tone-kritis-bg:#511a23}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--size-focus-ring) solid var(--focus);outline-offset:var(--size-focus-offset)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.pip{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:0 0;border:1.5px solid;border-radius:2px;flex:none;block-size:8px;inline-size:8px;display:inline-block;position:relative}.pip--half:before,.pip--solid:before{content:"";border-radius:inherit;position:absolute;inset:-1.5px}.pip--half:before{background:linear-gradient(135deg,#0000 0 50%,currentColor 50% 100%)}.pip--solid:before{background:currentColor}@media print{.pip--solid:before{background:0 0;box-shadow:inset 0 0 0 100px}.pip--half:before{background:0 0;border:5.5px solid #0000;border-color:#0000 #0000 currentColor currentColor;border-radius:0}}.num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1;text-align:right;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--ink);background:var(--ground);-webkit-text-size-adjust:100%}body{margin:0}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;text-align:right;font-weight:500}.pip{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:0 0;border:1.5px solid;border-radius:2px;flex:none;block-size:8px;inline-size:8px;display:inline-block;position:relative}.pip--half:before,.pip--solid:before{content:"";border-radius:inherit;position:absolute;inset:-1.5px}.pip--half:before{background:linear-gradient(135deg,#0000 0 50%,currentColor 50% 100%)}.pip--solid:before{background:currentColor}@media print{.pip--solid:before{background:0 0;box-shadow:inset 0 0 0 100px}.pip--half:before{background:0 0;border:5.5px solid #0000;border-color:#0000 #0000 currentColor currentColor;border-radius:0}}.chip{align-items:center;gap:var(--space-2,8px);padding:2px 10px 2px var(--space-2,8px);border-radius:var(--radius-full,999px);white-space:nowrap;font-size:13px;font-weight:600;line-height:20px;display:inline-flex}.chip[data-tone=netral]{color:var(--tone-netral-fg);background:var(--tone-netral-bg)}.chip[data-tone=info]{color:var(--tone-info-fg);background:var(--tone-info-bg)}.chip[data-tone=perhatian]{color:var(--tone-perhatian-fg);background:var(--tone-perhatian-bg)}.chip[data-tone=peringatan]{color:var(--tone-peringatan-fg);background:var(--tone-peringatan-bg)}.chip[data-tone=selesai]{color:var(--tone-selesai-fg);background:var(--tone-selesai-bg)}.chip[data-tone=kritis]{color:var(--tone-kritis-fg);background:var(--tone-kritis-bg)}.actions{gap:var(--space-2,8px);flex-wrap:wrap;display:flex}.actions__group+.actions__group{margin-block-start:var(--space-4,16px)}.actions__label{margin:0 0 var(--space-2,8px);color:var(--muted);font-size:13px;font-weight:500}.btn{min-block-size:48px;padding:0 var(--space-4,16px);border-radius:var(--radius-md,8px);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn[data-full=true]{inline-size:100%}.btn[data-variant=primary]{background:var(--primary);color:var(--on-primary)}.btn[data-variant=secondary]{background:var(--surface);color:var(--ink);border-color:var(--hairline)}.btn[data-variant=danger]{background:var(--tone-kritis-bg);color:var(--tone-kritis-fg);border-color:var(--tone-kritis-fg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dialog{inline-size:min(92vw,420px);padding:var(--space-5,20px);border:1px solid var(--hairline);border-radius:var(--radius-lg,12px);background:var(--surface);color:var(--ink);margin:auto}.dialog::backdrop{background:#00000073}@media (max-width:39.99rem){.dialog--sheet{border-radius:var(--radius-xl,16px) var(--radius-xl,16px) 0 0;max-block-size:90dvh;inline-size:100%;max-inline-size:none;border-block-end:0;border-inline:0;margin:0;padding-block-end:max(var(--space-5,20px), env(safe-area-inset-bottom));position:fixed;inset:auto 0 0}}.dialog__body{margin:0 0 var(--space-5,20px);line-height:1.5}.dialog__todo{margin:0 0 var(--space-5,20px);color:var(--muted);font-family:var(--font-mono);font-size:13px}.dialog__actions{gap:var(--space-2,8px);justify-content:flex-end;display:flex}.dialog__actions:has(>.btn[data-full=true]){flex-direction:column-reverse;align-items:stretch}.field{margin-block-end:var(--space-5,20px);display:block}.field__label{color:var(--ink);margin-block-end:var(--space-2,8px);font-size:14px;font-weight:500;display:block}.field__input{min-block-size:48px;inline-size:100%;padding:0 var(--space-3,12px);border:1px solid var(--hairline);border-radius:var(--radius-md,8px);background:var(--surface);color:var(--ink);font-family:inherit;font-size:16px}.field__input:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}.field__input[aria-invalid=true]{border-color:var(--tone-peringatan-fg)}.field__hint{margin:var(--space-2,8px) 0 0;color:var(--muted);font-size:13px;line-height:1.5}.field__error{margin:var(--space-2,8px) 0 0;color:var(--tone-peringatan-fg);font-size:13px;line-height:1.5}.field__input--digits{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}.field__input--code{letter-spacing:.32em;text-indent:.32em;text-align:center;min-block-size:64px;font-size:28px}.signin{min-block-size:100dvh;max-inline-size:380px;padding:var(--space-8,32px) var(--space-4,16px) var(--space-6,24px);flex-direction:column;margin-inline:auto;display:flex}.signin__brand{margin:0 0 var(--space-8,32px);letter-spacing:-.015em;color:var(--ink);font-size:15px;font-weight:800}.signin__title{margin:0 0 var(--space-6,24px);letter-spacing:-.02em;color:var(--ink);font-size:24px;font-weight:700}.signin__addressee{justify-content:space-between;align-items:baseline;gap:var(--space-3,12px);margin:0 0 var(--space-6,24px);border-block-end:1px solid var(--hairline);padding-block-end:var(--space-3,12px);display:flex}.signin__number{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;color:var(--ink);font-size:15px}.signin__back{padding:var(--space-2,8px) 0;color:var(--primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:14px;text-decoration:underline}.signin__back:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.signin__secondary{align-items:center;gap:var(--space-3,12px);flex-wrap:wrap;margin-block-start:var(--space-4,16px);display:flex}.signin__terms{margin:var(--space-4,16px) 0;color:var(--muted);font-size:13px;line-height:1.5}.signin__terms a{color:var(--primary);text-decoration:underline}.signin__terms a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.signin form{margin-block-end:var(--space-6,24px)}.signin__notes{border-block-start:1px solid var(--hairline);margin-block-start:auto;padding-block-start:var(--space-6,24px)}.signin__notes p{margin:0 0 var(--space-2,8px);color:var(--muted);font-size:13px;line-height:1.5}.signin__notes p:last-child{margin-block-end:0}.signin__identity{color:var(--muted);margin-block-start:var(--space-4,16px);font-size:11px;font-style:normal;line-height:14px}.signin__identity a{color:var(--primary);text-decoration:none}@media (hover:hover){.signin__identity a:hover{text-decoration:underline}}.signin__identity a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.detail__oneliner{margin:var(--space-2,8px) 0 var(--space-4,16px);color:var(--muted);max-inline-size:52ch;font-size:14px;line-height:1.5}.detail__head{justify-content:space-between;align-items:center;gap:var(--space-3,12px);margin-block-end:var(--space-4,16px);display:flex}.rates{gap:var(--space-2,8px);margin-block-end:var(--space-5,20px);display:grid}.rate{column-gap:var(--space-3,12px);row-gap:var(--space-1,4px);min-block-size:var(--size-rate-row,56px);padding:var(--space-3,12px) var(--space-4,16px);border:1px solid var(--hairline);border-radius:var(--radius-md,8px);background:var(--surface);cursor:pointer;grid-template-columns:minmax(0,1fr) max-content;align-content:center;display:grid;position:relative}.rate input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rate__name{white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;min-inline-size:0;font-size:15px;overflow:hidden}.rate__price{white-space:nowrap;grid-area:1/2}.rate__meta{align-items:center;gap:var(--space-2,8px);grid-area:2/1;min-inline-size:0;display:flex}.rate__etd{color:var(--muted);white-space:nowrap;font-size:13px}.rate:has(input:checked){border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--tone-info-bg);color:var(--tone-info-fg)}.rates[role=group] .rate{grid-template-columns:max-content minmax(0,1fr) max-content}.rates[role=group] .rate__name{grid-area:1/2}.rates[role=group] .rate__price{grid-area:1/3}.rates[role=group] .rate__meta{grid-area:2/2}.rates[role=group] .rate:before{content:"";border:2px solid var(--divider);border-radius:var(--radius-xs,4px);grid-area:1/1;align-self:center;block-size:18px;inline-size:18px}.rates[role=group] .rate:has(input:checked):before{background:currentColor;border-color:currentColor}.rate__tick{z-index:1;color:var(--surface);pointer-events:none;grid-area:1/1;place-self:center}.rate:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.rate:has(input:disabled){opacity:.5;cursor:not-allowed}.rate__flag{min-block-size:22px;max-inline-size:80px;padding:0 var(--space-2,8px);border-radius:var(--radius-sm,6px);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid;align-items:center;font-size:12px;font-weight:600;line-height:20px;display:inline-flex;overflow:hidden}.rate:has(input:checked) .rate__flag{color:currentColor}.error{padding:var(--space-3,12px);border-radius:var(--radius-md,8px);background:var(--tone-peringatan-bg);color:var(--tone-peringatan-fg)}.error__remedy{margin-block-start:var(--space-3,12px)}.denoms{gap:var(--space-2,8px);margin-block-end:var(--space-5,20px);display:grid}.denom{min-block-size:var(--size-rate-row,56px);padding-inline:var(--space-4,16px);border:1px solid var(--hairline);border-radius:var(--radius-md,8px);background:var(--surface);cursor:pointer;justify-content:flex-end;align-items:center;display:flex;position:relative}.denom input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.denom:has(input:checked){border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--tone-info-bg);color:var(--tone-info-fg)}.denom:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.denom:has(input:disabled){opacity:.5;cursor:not-allowed}.denom__figure{font-size:20px;font-weight:600}.wallet__pending{margin:0 0 var(--space-5,20px);max-inline-size:52ch;line-height:1.5}.addr{margin-block:var(--space-5,20px)}.addr__heading{margin:0 0 var(--space-3,12px);letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:700}.addr__raw{padding:var(--space-3,12px) var(--space-4,16px);border-inline-start:3px solid var(--hairline);background:var(--surface);border-radius:var(--radius-md,8px);margin-block-end:var(--space-4,16px)}.addr__rawlabel{color:var(--muted);margin-block-end:var(--space-1,4px);font-size:12px;font-weight:600}.addr__rawtext{color:var(--ink);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.addr__fields{gap:var(--space-2,8px) var(--space-4,16px);grid-template-columns:max-content 1fr;margin:0;display:grid}.addr__row{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.addr__fields dt{color:var(--muted);font-size:13px;font-weight:600}.addr__fields dd{color:var(--ink);text-wrap:pretty;margin:0;font-size:14px}.toast{z-index:15;inline-size:fit-content;min-inline-size:min(344px, calc(100% - 2 * var(--space-2,8px)));max-inline-size:min(672px, calc(100% - 2 * var(--space-2,8px)));min-block-size:var(--size-tap-target,48px);padding:var(--space-3,12px) var(--space-4,16px);border-radius:var(--radius-xs,4px);background:var(--ink);color:var(--ground);box-shadow:var(--shadow-raised);text-wrap:pretty;cursor:pointer;animation:toast-in var(--duration-sheet,.2s) ease-out;align-items:center;margin-inline:auto;font-size:14px;line-height:20px;display:flex;position:fixed;inset-block-end:calc(var(--tabbar-height) + var(--space-2,8px));inset-inline:0}.toast[data-leaving=true]{animation:toast-out var(--duration-state,.15s) ease-out forwards;pointer-events:none}@keyframes toast-in{0%{opacity:0;translate:0 var(--space-2,8px)}to{opacity:1;translate:none}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.shell{--rail-width:16.5rem;--tabbar-height:calc(69px + env(safe-area-inset-bottom,0px));min-block-size:100dvh}.shell__rail{display:none}.shell__brand{padding:var(--space-5,20px) var(--space-4,16px) var(--space-3,12px);letter-spacing:-.015em;color:var(--ink);font-size:15px;font-weight:800}.nav{gap:var(--space-1,4px);padding:var(--space-3,12px);flex-direction:column;margin:0;display:flex}.nav__item{align-items:center;gap:var(--space-3,12px);min-block-size:var(--size-tap-target,48px);padding-inline:var(--space-3,12px);border-radius:var(--radius-md,8px);color:var(--muted);text-align:start;cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav__item[data-active=true]{background:var(--tone-info-bg);color:var(--tone-info-fg);font-weight:700}.nav__item:disabled{opacity:.5;cursor:not-allowed}.nav__item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.nav__foot{padding:var(--space-3,12px);border-block-start:1px solid var(--hairline);gap:var(--space-1,4px);flex-direction:column;margin-block-start:auto;display:flex}.topbar{z-index:5;align-items:center;gap:var(--space-2,8px);max-inline-size:720px;padding-inline:var(--space-4,16px);padding-block:var(--space-2,8px);background:var(--surface);margin-inline:auto;display:flex;position:sticky;inset-block-start:0}a.shell__brand{display:block}a.topbar__brand{align-self:stretch;align-items:center;display:flex}a.topbar__brand,a.shell__brand{color:inherit;text-decoration:none}a.topbar__brand:hover,a.shell__brand:hover{text-decoration:underline}.topbar__brand{letter-spacing:-.015em;color:var(--ink);font-size:15px;font-weight:800}.tabbar{z-index:5;gap:var(--space-1,4px);padding:var(--space-1,4px) var(--space-2,8px) calc(var(--space-2,8px) + env(safe-area-inset-bottom,0px));background:var(--surface);border-block-start:1px solid var(--hairline);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset-block-end:0;inset-inline:0}.tabbar__item{border-radius:var(--radius-md,12px);min-block-size:56px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:inherit;font-size:11px;font-weight:600;line-height:14px;text-decoration:none;display:flex}.tabbar__item[data-active=true]{color:var(--tone-info-fg);background:var(--tone-info-bg)}.tabbar__item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.shell__main{padding-block-end:var(--tabbar-height)}.moresheet{z-index:20;position:fixed;inset:0}.moresheet__backdrop{background:#00000073;position:absolute;inset:0}.moresheet__panel{padding-block:var(--space-2,8px) calc(var(--space-4,16px) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-xl,24px) var(--radius-xl,24px) 0 0;background:var(--surface);box-shadow:var(--shadow-overlay);animation:sheet-in var(--duration-sheet,.24s) ease-out;flex-direction:column;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.moresheet__grab{block-size:4px;inline-size:36px;margin:0 auto var(--space-2,8px);border-radius:var(--radius-pip,2px);background:var(--divider)}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media (min-width:56.25rem){.shell{grid-template-columns:var(--rail-width) 1fr;display:grid}.shell__rail{border-inline-end:1px solid var(--hairline);background:var(--surface);flex-direction:column;block-size:100dvh;display:flex;position:sticky;inset-block-start:0}.topbar,.tabbar,.moresheet{display:none}.shell{--tabbar-height:0px}.shell__main{padding-block-end:0}.toast{min-inline-size:344px;max-inline-size:min(672px, calc(100% - var(--rail-width) - 2 * var(--space-4,16px)));inset-block-end:calc(var(--space-4,16px) + env(safe-area-inset-bottom,0px));inset-inline-start:var(--rail-width)}}.screen__section{margin:var(--space-6,24px) 0 var(--space-3,12px);font-size:15px;font-weight:700}.screen__empty,.screen__note{margin-block:var(--space-4,16px);color:var(--muted);text-wrap:pretty;font-size:14px;line-height:1.5}.rows{margin:0;padding:0;list-style:none}.row{align-items:center;gap:var(--space-3,12px);inline-size:100%;min-block-size:var(--size-tap-target,48px);padding-block:var(--space-3,12px);border:0;border-block-end:1px solid var(--hairline);color:var(--ink);text-align:start;cursor:pointer;background:0 0;padding-inline:0;font-family:inherit;font-size:15px;display:flex}.row[data-static=true]{cursor:default}.row[data-inactive=true]{cursor:default;opacity:.65}.row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.row__main{flex:auto;min-inline-size:0;display:block}.row__title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.row__meta{color:var(--muted);font-size:13px;display:block}.row__figure{flex:none;font-size:14px}.row__figure[data-sign=credit]{color:var(--tone-selesai-fg)}.row__action{flex:none}.wallet{margin-block-end:var(--space-4,16px)}.wallet__balance{text-align:start;font-size:24px;font-weight:600;line-height:28px}.wallet__note{margin:var(--space-1,4px) 0 0;color:var(--muted);font-size:14px}.wallet__note[data-tone=accent]{color:var(--accent);font-weight:600}.wallet__neutrality{margin:var(--space-3,12px) 0 0;color:var(--muted);text-wrap:pretty;font-size:12px;line-height:1.5}.wallet__pending{margin:0 0 var(--space-4,16px);color:var(--muted);text-wrap:pretty;line-height:1.5}.checklist{flex-direction:column;display:flex}.checklist__row{align-items:center;gap:var(--space-3,12px);min-block-size:var(--size-tap-target,48px);cursor:pointer;font-size:15px;display:flex}.checklist__row input{flex:none;block-size:20px;inline-size:20px}.addressbox{padding:var(--space-3,12px);border:1px solid var(--hairline);border-radius:var(--radius-md,8px);background:var(--surface);font-size:14px;line-height:1.5}.addressbox__name{font-weight:500}.addressbox__line{color:var(--muted);text-wrap:pretty}.picker{position:relative}.picker__meta{font-family:var(--font-mono);color:var(--muted);font-size:12px;display:block}.picker__list{z-index:10;padding:var(--space-1,4px);border:1px solid var(--hairline);border-radius:var(--radius-md,8px);background:var(--surface);max-block-size:40vh;box-shadow:var(--shadow-raised);margin:0;list-style:none;position:absolute;inset-block-start:calc(100% + 4px);inset-inline:0;overflow-y:auto}.picker__option{min-block-size:var(--size-tap-target,48px);padding-inline:var(--space-3,12px);border-radius:var(--radius-sm,6px);cursor:pointer;align-items:center;font-size:15px;display:flex}.picker__option[data-active=true],.picker__option:hover{background:var(--tone-info-bg);color:var(--tone-info-fg)}.sheet{z-index:30;position:fixed;inset:0}.sheet__backdrop{background:#00000073;position:absolute;inset:0}.sheet__panel{padding:var(--space-5,20px);background:var(--surface);box-shadow:var(--shadow-overlay);border-start-start-radius:var(--radius-lg,12px);border-start-end-radius:var(--radius-lg,12px);position:absolute;inset-block-end:0;inset-inline:0}.sheet__body{margin:0 0 var(--space-5,20px);text-wrap:pretty;line-height:1.5}@media (min-width:40rem){.sheet__panel{border-radius:var(--radius-lg,12px);inline-size:min(92vw,420px);inset:auto;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}}.product-form{padding:var(--space-3,12px);margin-block:var(--space-3,12px);border:1px solid var(--hairline);border-radius:var(--radius-md,8px);background:var(--surface)}.orders{padding:var(--space-4,16px);max-inline-size:720px;margin-inline:auto}.orders__search{inline-size:100%;min-block-size:var(--size-tap-target,48px);padding:0 var(--space-4,16px);border:1px solid var(--hairline);border-radius:var(--radius-md,8px);background:var(--surface);color:var(--ink);font-family:inherit;font-size:16px}.orders__search:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--primary)}.orders__filters{gap:var(--space-2,8px);margin-block:var(--space-3,12px);scrollbar-width:none;margin-inline:calc(-1 * var(--space-4,16px));padding-inline:var(--space-4,16px);display:flex;overflow-x:auto}.orders__filters::-webkit-scrollbar{display:none}.chipbtn{min-block-size:36px;padding:0 var(--space-3,12px);border:1px solid var(--hairline);border-radius:var(--radius-full,999px);background:var(--surface);color:var(--muted);white-space:nowrap;cursor:pointer;flex:none;font-family:inherit;font-size:14px;font-weight:600}.chipbtn[data-active=true]{border-color:var(--primary);background:var(--tone-info-bg);color:var(--tone-info-fg)}.chipbtn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.orders__empty{margin-block:var(--space-8,32px);color:var(--muted);text-wrap:pretty;line-height:1.5}.orders__empty[data-hero=true]{margin-block:var(--space-4,16px) var(--space-6,24px);padding:var(--space-8,32px) var(--space-6,24px);border-radius:var(--radius-xl,24px);background:linear-gradient(160deg, var(--tone-info-bg) 0%, var(--tone-info-bg) 55%, var(--ground) 100%);color:var(--tone-info-fg);font-family:var(--font-display,var(--font-sans));letter-spacing:-.015em;font-size:28px;font-weight:800;line-height:32px}.orders__list{margin:0;padding:0;list-style:none}a.orders__row{color:inherit;text-decoration:none}a.orders__row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--radius-md,8px)}.orders__row{align-items:center;gap:var(--space-3,12px);padding-block:var(--space-3,12px);border-block-end:1px solid var(--hairline);display:flex}.orders__ref{flex:auto;min-inline-size:0}.orders__ref .num{white-space:nowrap}.orders__customer,.orders__noawb{color:var(--muted);font-size:13px}.orders__customer{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.orders__noawb{font-style:italic}.orders__awb{text-align:left;font-size:13px}.awb[data-void=true] .num{color:var(--muted);text-decoration:line-through}.awb__void{color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;display:block}.orders__ref .num{text-align:left}.orders__right{justify-content:flex-end;align-items:center;gap:var(--space-3,12px);flex:0 auto;display:flex}@media (max-width:26rem){.orders__right{align-items:flex-end;gap:var(--space-2,8px);flex-direction:column}}.oc{margin-block:var(--space-5,20px)}.oc__heading{margin:0 0 var(--space-2,8px);letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:700}.oc__name{color:var(--ink);margin:0;font-size:15px}.oc__phone{padding-block:var(--space-1,4px);text-align:left;color:var(--primary);margin-block-start:var(--space-1,4px);font-size:14px;display:inline-block}.oc__phone:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.oc__items{margin:0;padding:0;list-style:none}.oc__item{gap:var(--space-3,12px);padding-block:var(--space-2,8px);border-block-end:1px solid var(--hairline);grid-template-columns:max-content 1fr max-content;align-items:baseline;display:grid}.oc__item:has(.oc__remove){grid-template-columns:max-content 1fr max-content max-content;align-items:center}.item-row__remove{justify-content:flex-end}.oc__qty{color:var(--muted);text-align:left;font-size:14px}.oc__itemname{color:var(--ink);text-wrap:pretty;font-size:15px}.oc__price{color:var(--ink);font-size:14px}.oc__shipping{justify-content:space-between;align-items:baseline;gap:var(--space-3,12px);padding-block:var(--space-3,12px);border-block-end:1px solid var(--hairline);color:var(--ink);margin:0;font-size:15px;display:flex}.oc__shippingname{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.oc__service{color:var(--muted);text-wrap:pretty;font-size:13px}.oc__total{padding-block:var(--space-3,12px);color:var(--ink);justify-content:space-between;margin:0;font-size:15px;font-weight:700;display:flex}.orders__list[data-selectable=true] li{align-items:center;gap:var(--space-3,12px);display:flex}.orders__list[data-selectable=true] a.orders__row{flex:1;min-inline-size:0}.orders__tick{inline-size:var(--size-tap-target,48px);block-size:var(--size-tap-target,48px);cursor:pointer;flex:none;justify-content:center;align-items:center;display:flex}.orders__tick input{block-size:20px;inline-size:20px;accent-color:var(--primary);cursor:pointer;margin:0}.orders__tick:focus-within{outline:2px solid var(--focus);outline-offset:-6px;border-radius:var(--radius-sm,6px)}.orders__tick--none{cursor:default}.orders__list[data-selectable=true]{padding-block-end:calc(var(--size-tap-target,48px) * 2 + var(--space-3,12px) * 2 + var(--space-2,8px))}.printbar{gap:var(--space-2,8px);margin-inline:calc(-1 * var(--space-4,16px));padding-inline:var(--space-4,16px);background:var(--surface,#fff);border-block-start:1px solid var(--hairline);flex-direction:column;margin-block-start:var(--space-4,16px);padding-block-start:var(--space-3,12px);padding-block-end:var(--space-3,12px);display:flex;position:sticky;inset-block-end:var(--tabbar-height,0px)}@media (min-width:56.25rem){.printbar{padding-block-end:calc(var(--space-3,12px) + env(safe-area-inset-bottom,0px))}}.printbar__row{justify-content:space-between;align-items:center;gap:var(--space-3,12px);display:flex}.printbar__all{align-items:center;gap:var(--space-2,8px);min-block-size:var(--size-tap-target,48px);cursor:pointer;font-size:15px;display:flex}.printbar__all input{block-size:20px;inline-size:20px;accent-color:var(--primary);cursor:pointer;margin:0}.printbar__all:focus-within{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm,6px)}.printbar__count{text-align:end;min-inline-size:2ch;color:var(--muted);flex:none}.screen{padding:var(--space-4,16px);max-inline-size:720px;margin-inline:auto;padding-block-end:var(--space-10,40px)}.screen__title{margin:0 0 var(--space-2,8px);font-family:var(--font-display,var(--font-sans));letter-spacing:-.015em;font-size:28px;font-weight:800;line-height:32px}.screen__lead{margin:0 0 var(--space-6,24px);color:var(--muted);text-wrap:pretty;font-size:14px;line-height:1.5}.screen__section{margin:var(--space-6,24px) 0 var(--space-3,12px);color:var(--muted);font-size:13px;font-weight:600}.screen__section:first-of-type{margin-block-start:var(--space-4,16px)}.field__input--multiline{padding-block:var(--space-3,12px);resize:none;line-height:1.5}.item-row{padding:var(--space-4,16px);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg,12px);margin-block-end:var(--space-3,12px)}.item-row__numbers{gap:var(--space-3,12px);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.item-row__numbers .field{margin-block-end:0}.subtotal{justify-content:space-between;align-items:baseline;gap:var(--space-4,16px);margin-block:var(--space-6,24px);color:var(--muted);font-size:14px;display:flex}.subtotal .num{color:var(--ink);font-size:17px}.handover{border:1px solid var(--hairline);border-radius:var(--radius-md,8px);background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-end:var(--space-4,16px);display:grid;overflow:hidden}.handover__option{min-block-size:48px;padding:0 var(--space-3,12px);text-align:center;cursor:pointer;justify-content:center;align-items:center;font-size:15px;display:flex;position:relative}.handover__option+.handover__option{border-inline-start:1px solid var(--hairline)}.handover__option input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.handover__option:has(input:checked){background:var(--tone-info-bg);color:var(--tone-info-fg);font-weight:600}.handover__option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}.handover__option:has(input:disabled){opacity:.5;cursor:not-allowed}.handover-note{gap:var(--space-3,12px);flex-direction:column;margin-block-end:var(--space-5,20px);display:flex}.handover-note p{max-inline-size:60ch;margin:0;font-size:15px;line-height:1.5}.btn[data-variant=accent]{gap:var(--space-2,8px);background:var(--accent);color:var(--ground);font-weight:700}.home__head{justify-content:space-between;align-items:center;gap:var(--space-3,12px);margin-block-end:var(--space-4,16px);display:flex}.home__title{margin:0}.home__empty{margin:0 0 var(--space-4,16px);color:var(--muted);text-wrap:pretty;font-size:15px;line-height:22px}.home__hero{justify-content:space-between;align-items:flex-end;gap:var(--space-3,12px);padding:var(--space-5,20px);border-radius:var(--radius-xl,24px);text-decoration:none;display:flex}.home__hero[data-tone=info]{background:var(--tone-info-bg);color:var(--tone-info-fg)}.home__hero-label{font-size:17px;font-weight:700;line-height:24px}.home__hero-figure{font-size:56px;font-weight:600;line-height:56px}.home__tiles{gap:var(--space-2,8px);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--space-2,8px);display:grid}.home__tile{gap:var(--space-2,8px);min-block-size:var(--size-tap-target,48px);padding:var(--space-3,12px);border-radius:var(--radius-lg,16px);background:var(--surface2,var(--surface));color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.home__tile[data-tone=netral] .pip{color:var(--tone-netral-fg)}.home__tile[data-tone=info] .pip{color:var(--tone-info-fg)}.home__tile[data-tone=perhatian] .pip{color:var(--tone-perhatian-fg)}.home__tile[data-tone=peringatan] .pip{color:var(--tone-peringatan-fg)}.home__tile[data-tone=selesai] .pip{color:var(--tone-selesai-fg)}.home__tile[data-tone=kritis] .pip{color:var(--tone-kritis-fg)}.home__tile-figure{text-align:start;font-size:24px;font-weight:600;line-height:28px}.home__tile-label{color:var(--muted);font-size:12px;font-weight:600;line-height:16px}.home__paid{justify-content:space-between;align-items:center;gap:var(--space-3,12px);padding:var(--space-4,16px);border-radius:var(--radius-lg,16px);background:var(--surface2,var(--surface));margin-block-start:var(--space-2,8px);display:flex}.home__paid-label{color:var(--muted);font-size:13px;font-weight:600;line-height:18px}.home__paid-figure{font-size:24px;font-weight:600;line-height:28px}.home__recent-head{margin:var(--space-6,24px) 0 var(--space-1,4px);justify-content:space-between;align-items:baseline;display:flex}.home__recent-link{color:var(--ink);font-size:15px;font-weight:700;text-decoration:none}.home__recent-link:hover{text-decoration:underline}.fork{gap:var(--space-3,12px);flex-direction:column;display:flex}.fork__title{margin:var(--space-2,8px) 0 0;font-family:var(--font-display,var(--font-sans));letter-spacing:-.015em;font-size:28px;font-weight:800;line-height:32px}.fork__card{gap:var(--space-1,4px);min-block-size:var(--size-tap-target,48px);padding:var(--space-5,20px);border:1px solid var(--hairline);border-radius:var(--radius-lg,16px);background:var(--surface);color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.fork__card[data-primary=true]{border-color:var(--primary)}.fork__card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.fork__label{font-size:17px;font-weight:700;line-height:24px}.fork__note{color:var(--muted);font-size:13px;line-height:18px}.swipe{touch-action:pan-y;flex:auto;min-inline-size:0;position:relative;overflow:hidden}.swipe__content{background:var(--ground);transition:transform var(--duration-state,.15s) ease-out;position:relative}.swipe[data-dragging=true] .swipe__content{transition:none}.swipe__action{border-radius:var(--radius-md,12px);background:var(--primary);inline-size:132px;color:var(--on-primary);cursor:pointer;border:0;justify-content:center;align-items:center;font-family:inherit;font-size:14px;font-weight:700;line-height:18px;display:flex;position:absolute;inset-block:0 1px;inset-inline-end:0}.swipe__action:focus-visible{outline:2px solid var(--on-primary);outline-offset:-2px}.demo__banner{margin:0 0 var(--space-4,16px);padding:var(--space-2,8px) var(--space-3,12px);border-radius:var(--radius-md,12px);background:var(--tone-netral-bg);color:var(--tone-netral-fg);font-size:13px;font-weight:600;line-height:18px}.demo__steps{margin:var(--space-6,24px) 0 var(--space-4,16px);gap:var(--space-2,8px);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.demo__step{inline-size:100%;min-block-size:var(--size-tap-target,48px);align-items:center;gap:var(--space-2,8px);padding:0 var(--space-3,12px);border:1px solid var(--hairline);border-radius:var(--radius-md,12px);background:var(--surface);color:var(--ink);text-align:start;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;display:flex}.demo__step[data-active=true][data-tone=netral]{color:var(--tone-netral-fg);background:var(--tone-netral-bg);border-color:#0000}.demo__step[data-active=true][data-tone=info]{color:var(--tone-info-fg);background:var(--tone-info-bg);border-color:#0000}.demo__step[data-active=true][data-tone=perhatian]{color:var(--tone-perhatian-fg);background:var(--tone-perhatian-bg);border-color:#0000}.demo__step[data-active=true][data-tone=peringatan]{color:var(--tone-peringatan-fg);background:var(--tone-peringatan-bg);border-color:#0000}.demo__step[data-active=true][data-tone=selesai]{color:var(--tone-selesai-fg);background:var(--tone-selesai-bg);border-color:#0000}.demo__step[data-active=true][data-tone=kritis]{color:var(--tone-kritis-fg);background:var(--tone-kritis-bg);border-color:#0000}.demo__step:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.screen,.orders{animation:screen-in var(--duration-enter,.3s) ease-out both}@keyframes screen-in{0%{opacity:0;translate:0 var(--space-2,8px)}to{opacity:1;translate:none}}.detail__head .chip{animation:chip-in var(--duration-state,.15s) ease-out}@keyframes chip-in{0%{opacity:.6;transform:scale(.92)}to{opacity:1;transform:none}}.detail__oneliner[data-empty=true]{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}