.overview-hero{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:1.5rem 0 2.25rem}.overview-hero h1{max-width:18ch;margin:.8rem 0;color:#1b1c1d;font:650 clamp(2.6rem,6vw,5.2rem)/.98 var(--sb-font-display);letter-spacing:-.055em}.overview-hero p{max-width:44rem;color:#5a5f63;line-height:1.65}.overview-status,.overview-members,.overview-actions,.invite-brand,.invite-actions,.invite-security{display:flex;align-items:center}.overview-status{width:fit-content;gap:.45rem;padding:.4rem .65rem;border-radius:999px;background:#efedee;color:#094cb2;font-size:.68rem;font-weight:700;letter-spacing:.08em}.overview-status i{width:.42rem;aspect-ratio:1;border-radius:50%;background:#6d5e00}.overview-members{gap:.6rem;margin-top:1.2rem;color:#434653;font-size:.78rem}.overview-avatar{width:2rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#094cb2;color:#fff;font-weight:700;text-transform:uppercase}.overview-actions{flex-wrap:wrap;justify-content:end;gap:.65rem}.overview-grid{display:grid;grid-template-columns:1.35fr repeat(2,minmax(12rem,.65fr));gap:1rem;margin:1.5rem 0}.overview-grid article{min-height:12rem;display:grid;align-content:space-between;gap:.8rem;padding:1.4rem;border:1px solid #e3e2e3;border-radius:1.15rem;background:#fff;box-shadow:0 8px 24px #1b1c1d0d}.overview-grid article>span{color:#5a5f63;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.overview-grid strong{color:#1b1c1d;font:650 clamp(2rem,4vw,3.5rem)/1 var(--sb-font-display)}.overview-grid p,.overview-grid small{margin:0;color:#5a5f63;line-height:1.5}.personal-position{border-color:#b1c5ff!important;background:linear-gradient(135deg,#fff,#f4f6ff)!important}.personal-position[data-sign=credit] strong{color:#094cb2}.personal-position[data-sign=debt] strong{color:#ba1a1a}.overview-callout{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-top:2rem;padding:clamp(1.5rem,4vw,2.5rem);border-radius:1.25rem;background:#efedee}.overview-callout h2{margin:.55rem 0;font:650 clamp(1.8rem,4vw,3rem)/1.05 var(--sb-font-display);letter-spacing:-.04em}.overview-callout p{margin:0;color:#5a5f63}.overview-callout a{flex:0 0 auto;color:#094cb2;font-weight:700;text-decoration:none}.invite-shell{width:min(48rem,100%);display:grid;gap:1rem}.invite-brand{justify-content:center;gap:.6rem;color:#094cb2;font:650 1.15rem/1 var(--sb-font-display)}.invite-brand img{width:2.25rem;height:2.25rem;border-radius:.55rem}.invite-ticket{width:100%;justify-items:center;text-align:center}.invite-badge{padding:.45rem .75rem;border-radius:999px;background:#efedee;color:#6d5e00;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.invite-mark{position:relative;margin-top:.5rem}.invite-mark img{width:4rem;height:4rem;border-radius:1rem}.invite-mark span{position:absolute;right:-.45rem;bottom:-.25rem;width:1.65rem;aspect-ratio:1;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:#094cb2;color:#fff;font-weight:800}.invite-ticket h1{margin:0;color:#1b1c1d;font-size:clamp(2.4rem,7vw,4rem)}.invite-ticket>p{margin:-.5rem 0 0;color:#5a5f63}.invite-summary{width:min(36rem,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;padding:.8rem;border-radius:1rem;background:#f5f3f4}.invite-summary div{display:grid;gap:.35rem;padding:.7rem;border-radius:.7rem}.invite-summary div:nth-child(2){background:#fff;box-shadow:0 5px 14px #1b1c1d0d}.invite-summary span{color:#737784;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase}.invite-summary strong{color:#1b1c1d;font-size:.78rem}.invite-actions{width:min(34rem,100%);gap:.65rem}.invite-actions>*{flex:1}.invite-security{align-items:flex-start;gap:.75rem;margin-top:.5rem;padding:1rem;border-radius:.9rem;background:#efedee;text-align:left}.invite-security>span{width:1.8rem;aspect-ratio:1;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#d9e2ff;color:#094cb2;font-weight:800}.invite-security div{display:grid;gap:.25rem}.invite-security strong{color:#094cb2;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.invite-security p,.invite-shell>footer{margin:0;color:#5a5f63;font-size:.72rem;line-height:1.5}.invite-shell>footer{text-align:center}.expense-hero-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:.65rem}.expense-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1.5rem 0}.expense-summary article{min-height:9rem;display:grid;align-content:space-between;gap:.65rem;padding:1.2rem;border:1px solid #e3e2e3;border-radius:1rem;background:#fff;box-shadow:0 8px 22px #1b1c1d0a}.expense-summary article:nth-child(2){background:#f4f6ff}.expense-summary span,.expense-summary small{color:#5a5f63;font-size:.7rem}.expense-summary strong{overflow-wrap:anywhere;color:#1b1c1d;font:650 clamp(1.25rem,2.4vw,2rem)/1 var(--sb-font-display)}.expense-toolbar>span{color:#737784;font-size:.72rem}.expense-ledger-list{overflow:hidden;border:1px solid #e3e2e3;border-radius:1rem;background:#fff;box-shadow:0 10px 30px #1b1c1d0d}.expense-ledger-head,.expense-ledger-list .expense-card{display:grid;grid-template-columns:minmax(15rem,1.5fr) minmax(9rem,.8fr) minmax(9rem,.7fr) minmax(10rem,.7fr);align-items:center;gap:1rem}.expense-ledger-head{padding:.85rem 1.1rem;background:#f5f3f4;color:#737784;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.expense-ledger-list .expense-card{min-height:auto;padding:1rem 1.1rem;border:0;border-top:1px solid #efedee;border-radius:0;background:#fff;transition:background .16s ease}.expense-ledger-list .expense-card:hover{background:#faf9fa}.expense-identity,.expense-identity>span,.expense-payer,.expense-split,.expense-amount{display:grid;gap:.25rem}.expense-identity{grid-template-columns:2.4rem 1fr;align-items:center}.expense-identity i{width:2.4rem;aspect-ratio:1;display:grid;place-items:center;border-radius:.7rem;background:#efedee;color:#094cb2;font-style:normal;font-weight:700;text-transform:uppercase}.expense-identity strong,.expense-payer span,.expense-split span{color:#1b1c1d;font-size:.82rem}.expense-identity small,.expense-payer small,.expense-split small{color:#737784;font-size:.68rem}.expense-amount{justify-items:end}.expense-amount>strong{color:#1b1c1d;font:650 1.05rem/1 var(--sb-font-display)}.expense-amount>span{font-size:.68rem;font-weight:600}.expense-confirm{margin:1.2rem 0}@media(max-width:58rem){.expense-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-ledger-head{display:none}.expense-ledger-list .expense-card{grid-template-columns:1fr 1fr}}@media(max-width:48rem){.overview-hero,.overview-callout{display:grid}.overview-actions{justify-content:start}.overview-grid,.invite-summary{grid-template-columns:1fr}.invite-actions{align-items:stretch;flex-direction:column}}@media(max-width:36rem){.expense-summary,.expense-ledger-list .expense-card{grid-template-columns:1fr}.expense-amount{justify-items:start}}@font-face{font-family:"Noto Serif";src:url(/assets/fonts/noto-serif-vietnamese.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400 700;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Noto Serif";src:url(/assets/fonts/noto-serif-latin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400 700;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;src:url(/assets/fonts/public-sans-vietnamese.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400 600;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;src:url(/assets/fonts/public-sans-latin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400 600;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--sb-color-primary: #094cb2;--sb-color-primary-strong: #003f98;--sb-color-accent: #3366cc;--sb-color-surface: #ffffff;--sb-color-surface-raised: #f5f3f4;--sb-color-canvas: #faf9fa;--sb-color-text: #1b1c1d;--sb-color-muted: #5a5f63;--sb-color-border: #e3e2e3;--sb-color-danger: #ba1a1a;--sb-color-success: #2d6a4f;--sb-space-1: .25rem;--sb-space-2: .5rem;--sb-space-3: .75rem;--sb-space-4: 1rem;--sb-space-6: 1.5rem;--sb-radius: 1rem;--sb-radius-large: 1.5rem;--sb-shadow: 0 12px 38px rgb(34 38 45 / 8%);--sb-font-display: "Noto Serif", Georgia, serif;--sb-font-body: "Public Sans", "Trebuchet MS", sans-serif;font-family:var(--sb-font-body);font-synthesis:none}*{box-sizing:border-box}html{min-width:20rem;background:var(--sb-color-canvas)}body{margin:0;min-width:20rem;min-height:100vh;overflow-x:clip;background:radial-gradient(circle at 52% -20%,rgba(217,226,255,.72),transparent 35rem),radial-gradient(circle at 100% 50%,rgba(249,227,122,.12),transparent 32rem),var(--sb-color-canvas);color:var(--sb-color-text)}body:before{position:fixed;z-index:-1;inset:0;background-image:radial-gradient(rgba(27,28,29,.07) .7px,transparent .7px);background-size:24px 24px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 70%);mask-image:linear-gradient(to bottom,black,transparent 70%);content:"";pointer-events:none}a{color:var(--sb-color-accent)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(9,76,178,.28);outline-offset:3px}.sb-page{width:min(74rem,100% - 2rem);margin-inline:auto;padding-block:var(--sb-space-6)}.sb-card{padding:var(--sb-space-6);border:1px solid var(--sb-color-border);border-radius:var(--sb-radius);background:var(--sb-color-surface);box-shadow:var(--sb-shadow)}.ledger-overview{display:flex;align-items:stretch;gap:.65rem}.ledger-overview article{min-width:5rem;display:grid;align-content:center;padding:.65rem .85rem;border:1px solid var(--sb-color-border);border-radius:.8rem;background:var(--sb-color-surface)}.ledger-overview strong{font:700 1.5rem/1 var(--sb-font-display)}.ledger-overview span{margin-top:.25rem;color:var(--sb-color-muted);font-size:.65rem}.group-card p i{display:inline-block;width:.22rem;aspect-ratio:1;margin:0 .35rem .18rem;border-radius:50%;background:#536078}.group-card footer span{display:flex;align-items:center;gap:.4rem;color:var(--sb-color-text);font-weight:700}.group-card footer b{width:.42rem;aspect-ratio:1;border-radius:50%;background:var(--sb-color-success)}.auth-stage{width:min(74rem,100% - 2rem);min-height:calc(100vh - 5.5rem);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.65fr);align-items:center;gap:clamp(2rem,8vw,8rem);padding-block:4rem}.auth-stage--single{grid-template-columns:minmax(20rem,32rem);justify-content:center}.auth-intro,.auth-card{animation:sb-rise .52s cubic-bezier(.22,1,.36,1) both}.auth-card{display:grid;gap:1.1rem;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--sb-color-border);border-radius:var(--sb-radius-large);background:var(--sb-color-surface);box-shadow:var(--sb-shadow);animation-delay:90ms}.auth-card header{display:flex;align-items:baseline;gap:.75rem;border-bottom:1px solid var(--sb-color-border)}.auth-card header span,.eyebrow,.state-code{color:var(--sb-color-accent);font-size:.72rem;font-weight:800;letter-spacing:.16em}.auth-intro h1,.auth-card h1,.auth-card h2,.state-card h1{font-family:var(--sb-font-display);font-weight:650;letter-spacing:-.045em;line-height:1.03}.auth-intro h1{max-width:14ch;margin-block:1rem;font-size:clamp(2.7rem,6vw,5.6rem)}.auth-intro p{max-width:38rem;color:var(--sb-color-muted);font-size:1.05rem;line-height:1.7}.auth-card label{display:grid;gap:.45rem;color:var(--sb-color-muted);font-weight:700}.auth-card input,.admin-control{min-height:3rem;width:100%;padding:.75rem .9rem;border:1px solid var(--sb-color-border);border-radius:.75rem;background:var(--sb-color-surface-raised);color:var(--sb-color-text)}.auth-card input:focus,.admin-control:focus{border-color:var(--sb-color-primary);background:var(--sb-color-surface);outline:3px solid rgba(9,76,178,.12)}.primary-action,.secondary-action{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.15rem;border:1px solid var(--sb-color-border);border-radius:.75rem;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.primary-action{color:#fff;background:linear-gradient(135deg,var(--sb-color-primary),var(--sb-color-accent));border-color:var(--sb-color-primary);box-shadow:0 12px 28px #094cb233}.secondary-action{color:var(--sb-color-text);background:var(--sb-color-surface)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px);border-color:var(--sb-color-accent)}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-links,.state-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.form-error,.form-success{margin:0;padding:.85rem 1rem;border:1px solid currentColor;border-radius:.75rem}.payment-settings{grid-column:1/-1;display:grid;grid-template-columns:minmax(14rem,.65fr) minmax(20rem,1.35fr);gap:clamp(1.5rem,5vw,5rem);padding-top:1.5rem;border-top:1px solid var(--sb-color-border)}.payment-settings p{color:var(--sb-color-muted);line-height:1.6}.public-payment{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,.7fr);gap:1.25rem;padding-block:1.25rem;border-block:1px solid var(--sb-color-border)}.public-payment h2{margin:.35rem 0;font:700 2rem/1 var(--sb-font-display)}.public-payment form{display:grid;gap:.75rem}.public-payment label{display:grid;gap:.35rem;font-weight:800}.public-payment input{min-height:3rem;width:100%;padding:.75rem;border:1px solid var(--sb-color-border);border-radius:.7rem;background:var(--sb-color-canvas);color:var(--sb-color-text)}.public-qr{display:grid;justify-items:center;align-content:center;gap:.5rem;padding:.8rem;border-radius:1rem;background:#fff;color:#101521;text-align:center}.public-qr img{width:min(15rem,100%)}.form-error{color:var(--sb-color-danger);background:#ffdad6}.form-success{color:var(--sb-color-success);background:#d8f5e6}.state-stage{min-height:calc(100vh - 5.5rem);display:grid;place-items:center;padding:2rem}.state-card{width:min(38rem,100%);padding:clamp(2rem,6vw,4rem);border:1px solid var(--sb-color-border);border-radius:var(--sb-radius-large);background:var(--sb-color-surface-raised);box-shadow:var(--sb-shadow)}.state-card h1{font-size:clamp(2rem,6vw,4rem)}@keyframes sb-rise{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:48rem){.auth-stage{grid-template-columns:1fr;padding-block:2rem 4rem}.auth-intro h1{font-size:clamp(2.5rem,13vw,4rem)}.payment-settings,.public-payment{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}