@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");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}:root{--desk:#e8eaeb;--paper:#fdfdfc;--paper-2:#f5f6f6;--ink:#1a1c1f;--ink-2:#4a5058;--ink-3:#676d76;--ink-3-desk:#5d636b;--rule-desk:#c4c9ce;--rule:#d9dcdf;--rule-strong:#1a1c1f;--green:#0f6b5c;--green-press:#0a5448;--green-wash:#e6f1ee;--green-rule:#b9d8d0;--red:#b42318;--red-wash:#fcefed;--font:"Archivo Variable", "Helvetica Neue", Arial, sans-serif;--label-stretch:78%;--ease:cubic-bezier(.16, 1, .3, 1);--fast:.16s;--row:44px;--shadow-sheet:0 1px 2px #1a1c1f0f, 0 18px 40px -20px #1a1c1f38;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--green)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:#b3b8bd var(--desk)}body{background:var(--desk);min-height:100dvh;color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;caret-color:var(--green);flex-direction:column;margin:0;font-size:1rem;line-height:1.5;display:flex}::selection{background:var(--green);color:var(--paper)}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}h1,h2,p,dl,dd{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.label,th,.account dt,.total-name,.lang button{font-stretch:var(--label-stretch);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:.75rem;font-weight:600}.topbar,main,.site-foot{width:min(100% - 32px,880px);margin-inline:auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding-block:20px 16px;display:flex}.wordmark{letter-spacing:-.005em;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;display:inline-flex}.wordmark-icon{width:20px;height:20px;color:var(--green)}.lang{background:#1a1c1f0f;border-radius:7px;padding:2px;display:inline-flex}.lang button{appearance:none;cursor:pointer;transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;border-radius:5px;padding:4px 10px;font-family:inherit}.lang button:hover{color:var(--ink)}.lang button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #1a1c1f1f}main{flex:1;padding-bottom:48px}.sheet{background:var(--paper);box-shadow:var(--shadow-sheet);border-radius:4px}.sheet-head{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;padding:40px 40px 32px;display:grid}h1{letter-spacing:-.02em;text-wrap:balance;font-size:1.75rem;font-weight:650;line-height:1.15}.lede{color:var(--ink-2);text-wrap:pretty;max-width:46ch;margin-top:12px}.account{border-top:2px solid var(--rule-strong);align-content:start;display:grid}.account>div{border-bottom:1px solid var(--rule);grid-template-columns:96px minmax(0,1fr);align-items:baseline;gap:12px;padding-block:7px;display:grid}.account dd{overflow-wrap:anywhere;transition:color var(--fast) var(--ease);font-size:.875rem}.account-privacy dd{color:var(--green);align-items:center;gap:6px;font-weight:550;display:inline-flex}.account-privacy svg{flex:none;width:14px;height:14px}.ledger{padding-inline:40px;padding-bottom:40px;position:relative}.sheet[data-state=ready] .ledger{padding-bottom:0}table{border-collapse:collapse;table-layout:fixed;width:100%}thead th{text-align:left;border-bottom:2px solid var(--rule-strong);white-space:nowrap;padding:0 12px 8px 0}th.c-date,td.c-date{width:104px}th.c-num,td.c-num{text-align:right;width:128px;padding-left:12px;padding-right:0}tbody td{border-bottom:1px solid var(--rule);vertical-align:baseline;padding:11px 12px 11px 0;font-size:.9375rem;line-height:1.45}tbody td.c-num{padding-right:0}td.c-date{color:var(--ink-2);white-space:nowrap}td.c-text{overflow-wrap:anywhere}.amt{white-space:nowrap;display:inline-block}.amt.credit{color:var(--green);font-weight:550}tbody tr{transition:background-color var(--fast) var(--ease)}@media (hover:hover){tbody tr:hover{background:var(--paper-2)}}tr.settle{animation:row-in .26s var(--ease) both;animation-delay:calc(var(--i) * 18ms)}tr.settle .amt{--from:-20px;animation:amt-settle .56s var(--ease) both;animation-delay:calc(var(--i) * 18ms + .12s)}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}}tr.settle .amt.credit{--from:128px}@keyframes amt-settle{0%{transform:translateX(var(--from));opacity:0;background-color:var(--green-wash)}45%{opacity:1;background-color:var(--green-wash)}to{background-color:#0000;transform:none}}.drop{min-height:calc(var(--row) * 7);text-align:center;background:repeating-linear-gradient(to bottom, transparent 0 calc(var(--row) - 1px), var(--rule) calc(var(--row) - 1px) var(--row));transition:background-color var(--fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.drop-icon{width:32px;height:32px;color:var(--ink-3);transition:transform .22s var(--ease), color var(--fast) var(--ease)}.drop-title{letter-spacing:-.01em;background:var(--paper);padding-inline:8px;font-size:1.1875rem;font-weight:600}.drop-actions{background:var(--paper);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;padding:4px 8px;display:flex}.drop-hint{color:var(--ink-3);background:var(--paper);padding-inline:8px;font-size:.8125rem}.sheet[data-state=dragging] .drop{background-color:var(--green-wash);background-image:repeating-linear-gradient(to bottom, transparent 0 calc(var(--row) - 1px), var(--green-rule) calc(var(--row) - 1px) var(--row));outline:2px solid var(--green);outline-offset:-2px}.sheet[data-state=dragging] .drop-title,.sheet[data-state=dragging] .drop-actions,.sheet[data-state=dragging] .drop-hint{background:var(--green-wash)}.sheet[data-state=dragging] .drop-icon{color:var(--green);transform:translateY(4px)}.sheet[data-state=dragging] thead th{border-bottom-color:var(--green)}.sheet[data-state=reading] .drop>*{opacity:.4}.sheet[data-state=ready] .drop,.sheet[data-state=error] .drop{display:none}.error{border-top:2px solid var(--red);border-bottom:1px solid var(--rule);color:var(--ink);align-items:flex-start;gap:14px;margin-top:24px;padding:16px 0 20px;display:flex}.error>svg{width:20px;height:20px;color:var(--red);flex:none;margin-top:2px}.error-title{color:var(--red);font-weight:600}.error-help{color:var(--ink-2);max-width:60ch;margin-top:4px}.error-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}a.btn{text-decoration:none}.sheet-foot{background:var(--paper);border-top:2px solid var(--rule-strong);border-radius:0 0 4px 4px;grid-template-columns:minmax(0,1fr) 128px 128px;align-items:end;row-gap:10px;margin-top:-1px;padding:14px 40px 20px;display:grid;position:sticky;bottom:0;box-shadow:0 -12px 24px -20px #1a1c1f59}.sheet-foot[hidden]{display:none}.total{flex-direction:column;align-items:flex-end;gap:2px;padding-left:12px;display:flex}.total-value{letter-spacing:-.01em;border-bottom:3px double var(--rule-strong);padding-bottom:2px;font-size:1.1875rem;font-weight:600;line-height:1.3}.total.credit .total-value{color:var(--green)}.foot-actions{flex-wrap:wrap;grid-area:1/1;gap:8px;display:flex}.foot-note{color:var(--ink-3);grid-column:1/-1;font-size:.8125rem}.foot-note:empty{display:none}.btn{min-height:40px;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease), transform 80ms var(--ease);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}.btn svg{width:16px;height:16px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:var(--paper)}.btn-primary:hover{background:var(--green-press)}.btn-ghost,.btn-quiet{color:var(--ink);background:0 0;border-color:#b9bec4}.btn-ghost:hover,.btn-quiet:hover{border-color:var(--ink)}.btn-quiet{background:var(--paper)}input[type=file]:focus-visible+.btn{outline:2px solid var(--green);outline-offset:2px}label.btn:has(+input[type=file]:focus-visible){outline:2px solid var(--green);outline-offset:2px}.label-short{display:none}.btn-link{appearance:none;font:inherit;color:var(--green);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.9375rem;font-weight:550;text-decoration:underline;text-decoration-thickness:1px}.btn-link:hover{text-decoration-thickness:2px}.explain{interpolate-size:allow-keywords;gap:48px;margin-top:56px;padding-inline:40px;display:grid}.explain-part{border-top:2px solid var(--rule-strong);grid-template-columns:184px minmax(0,1fr);gap:0 32px;padding-top:14px;display:grid}.explain-part h2{letter-spacing:-.01em;text-wrap:balance;font-size:1.0625rem;font-weight:600;line-height:1.35}.explain-part h3{margin:0;font-size:1rem;font-weight:600;line-height:1.35}.steps{margin:0;padding:0;list-style:none}.steps li{grid-template-columns:28px minmax(0,1fr);column-gap:12px;padding-bottom:14px;display:grid}.steps li+li{border-top:1px solid var(--rule-desk);padding-top:14px}.step-n{font-size:1.0625rem;font-weight:650;font-stretch:var(--label-stretch);grid-row:span 2;line-height:1.3}.steps p,.faq details p,.prose{color:var(--ink-2);text-wrap:pretty;max-width:64ch;font-size:.9375rem}.steps p{margin-top:2px}.faq details+details{border-top:1px solid var(--rule-desk)}.faq summary{cursor:pointer;border-radius:2px;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;font-weight:550;line-height:1.35;list-style:none;display:flex}.faq details+details summary{padding-top:14px}.faq summary::-webkit-details-marker{display:none}.disclosure{width:12px;height:12px;color:var(--ink-2);transition:color var(--fast) var(--ease);flex:none;margin:5px 2px 0 0;position:relative}.disclosure:before,.disclosure:after{content:"";height:1.75px;transition:transform .24s var(--ease);background:currentColor;border-radius:1px;position:absolute;inset:5px 0 auto}.disclosure:after{transform:rotate(90deg)}details[open] .disclosure:after{transform:rotate(0)}.faq summary:hover .disclosure{color:var(--green)}.faq details p{padding:0 32px 16px 0}.faq details::details-content{block-size:0;transition:block-size .24s var(--ease), content-visibility .24s allow-discrete;overflow:hidden}.faq details[open]::details-content{block-size:auto}.prose{gap:10px;display:grid}.text-link{color:var(--green);text-underline-offset:3px;overflow-wrap:anywhere;font-weight:550;text-decoration:underline;text-decoration-thickness:1px}.text-link:hover{text-decoration-thickness:2px}.site-foot{color:var(--ink-3-desk);padding:20px 40px 32px;font-size:.8125rem}.noscript{background:var(--red-wash);width:min(100% - 32px,880px);color:var(--red);margin:0 auto 32px;padding:16px}@media (width<=720px){.sheet-head{grid-template-columns:1fr;gap:28px;padding:28px 20px 24px}h1{font-size:1.5rem}.ledger{padding-inline:20px}.sheet-foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:14px;padding:14px 20px 16px}.total.credit{align-items:flex-start;padding-left:0}.foot-actions{flex-flow:row-reverse;grid-area:2/1/auto/-1}.foot-actions .btn-primary{flex:1;min-width:0}.explain,.site-foot{padding-inline:20px}.explain{gap:40px;margin-top:40px}.explain-part{grid-template-columns:1fr}.explain-part h2{margin-bottom:14px}.faq details p{padding-right:0}}@media (width<=560px){thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ledger{border-top:2px solid var(--rule-strong);margin-inline:20px;padding-inline:0}table,tbody{display:block}tbody tr{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text amount""date amount";column-gap:16px;padding-block:10px;display:grid}tbody td{border:0;display:block;width:auto!important;padding:0!important}td.c-text{grid-area:text}td.c-date{grid-area:date;font-size:.8125rem}td.c-num{grid-area:amount;align-self:center}td.c-num:empty{display:none}.amt.credit:before{content:"+ "}.amt.debit:before{content:"− "}.drop{min-height:calc(var(--row) * 6)}.label-long{display:none}.label-short{display:inline}.drop{padding-inline:0}.drop-title,.drop-hint{inline-size:fit-content;max-inline-size:100%}.drop-actions{flex-direction:column;gap:12px;inline-size:fit-content}.sheet-foot{gap:12px}.foot-actions .btn-ghost{flex:none;width:40px;padding:0}.foot-actions .btn-ghost span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.error[hidden],.error [hidden]{display:none}
