@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff6ec;--bg-deco:#ffe8d1;--surface:#fff;--surface-2:#fff1e2;--surface-3:#fbe4cc;--ink:#2d2118;--ink-2:#6e5c4c;--ink-3:#8d7966;--line:#f1dfcb;--accent:#d9480f;--accent-soft:#ffe3d1;--accent-ink:#b33a07;--on-accent:#fff;--sun:#ffb020;--ok:#2b8a3e;--ok-soft:#e3f6e7;--wait:#a35200;--wait-soft:#fff0cc;--danger:#c92a2a;--danger-soft:#ffe3e3;--bar:#e8590c;--bar-track:#ffe8d6;--shadow:0 1px 2px #5a320a0f, 0 6px 18px #5a320a12;--shadow-lg:0 10px 40px #3c1e0538;--radius:20px;--radius-sm:14px;--tabbar-h:68px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--font:"Nunito Variable", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#19140f;--bg-deco:#2a1f15;--surface:#241c15;--surface-2:#2e241b;--surface-3:#3a2d21;--ink:#fbefe3;--ink-2:#d2bfac;--ink-3:#a38f7c;--line:#3b2e22;--accent:#ff8a4c;--accent-soft:#4a2a17;--accent-ink:#ffa775;--on-accent:#1f1209;--ok:#69db7c;--ok-soft:#1d3322;--wait:#ffc547;--wait-soft:#3a2c10;--danger:#ff8787;--danger-soft:#3e1d1d;--bar:#ec6420;--bar-track:#3a2a1d;--shadow:0 1px 2px #0000004d, 0 6px 18px #00000040;--shadow-lg:0 10px 40px #00000080}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}h1,h2,h3{margin:0;line-height:1.15}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.small{font-size:.85rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:560px;min-height:100dvh;padding:calc(var(--safe-t) + 12px) 16px calc(var(--tabbar-h) + var(--safe-b) + 28px);margin:0 auto}.topbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.topbar .hello{flex:1;min-width:0}.topbar .hello small{color:var(--ink-2);font-size:.85rem;font-weight:600;display:block}.topbar h1{letter-spacing:-.01em;font-size:1.6rem;font-weight:850}.tabbar{z-index:20;padding:6px 10px calc(6px + var(--safe-b));background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{width:100%;max-width:560px;display:flex}.tab{color:var(--ink-3);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:.72rem;font-weight:750;display:flex;position:relative}.tab svg{width:26px;height:26px}.tab[aria-current=page]{color:var(--accent)}.tab[aria-current=page] .tab-icon{background:var(--accent-soft)}.tab-icon{border-radius:16px;place-items:center;width:54px;height:32px;transition:background .2s;display:grid}.tab .badge{position:absolute;top:2px;left:calc(50% + 10px)}.badge{background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);border-radius:10px;place-items:center;padding:0 6px;font-size:.72rem;font-weight:800;display:inline-grid}.avatar{--size:44px;width:var(--size);height:var(--size);font-size:calc(var(--size) * .55);background:color-mix(in srgb, var(--c) 22%, var(--surface));box-shadow:inset 0 0 0 2.5px color-mix(in srgb, var(--c) 70%, transparent);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.avatar.sm{--size:30px}.avatar.lg{--size:64px}.avatar.xl{--size:88px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card,.stack>*+*{margin-top:14px}.section{margin-top:26px}.section-title{justify-content:space-between;align-items:baseline;gap:8px;margin:0 4px 10px;font-size:1.05rem;font-weight:850;display:flex}.section-title small{color:var(--ink-2);font-size:.85rem;font-weight:700}.hero{color:#fff;background:linear-gradient(135deg,#f76707 0%,#e8590c 45%,#d6336c 100%);border-radius:26px;padding:20px;position:relative;overflow:hidden;box-shadow:0 12px 30px #d6336c40}.hero:after{content:"";background:#ffffff1f;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.hero .label{opacity:.92;font-weight:750}.hero .value{letter-spacing:-.02em;margin:4px 0 2px;font-size:3rem;font-weight:900;line-height:1.05}.hero .sub{opacity:.92;font-weight:650}.hero .deco{font-size:2.6rem;position:absolute;bottom:12px;right:18px;transform:rotate(-12deg)}.btn{-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-size:1.02rem;font-weight:800;transition:transform 80ms,filter .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn.block{width:100%}.btn.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 35%, transparent)}.btn.soft{background:var(--accent-soft);color:var(--accent-ink)}.btn.ghost{background:var(--surface-2);color:var(--ink)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.small{border-radius:12px;min-height:38px;padding:0 14px;font-size:.9rem}.btn-row{gap:10px;display:flex}.btn-row>.btn{flex:1}.icon-btn{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-btn svg{width:22px;height:22px}.fab{z-index:21;right:max(18px,50% - 262px);bottom:calc(var(--tabbar-h) + var(--safe-b) + 16px);background:var(--accent);width:62px;height:62px;color:var(--on-accent);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:22px;place-items:center;transition:transform .1s;display:grid;position:fixed}.fab:active{transform:scale(.93)}.fab svg{width:30px;height:30px}.link{color:var(--accent-ink);font-weight:800}.list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;display:flex}.row+.row{border-top:1px solid var(--line)}button.row:active{background:var(--surface-2)}.row .emoji{background:var(--surface-2);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:1.45rem;display:grid}.row .main{flex:1;min-width:0}.row .title{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.row .meta{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.row .amount{text-align:right;white-space:nowrap;font-size:1.05rem;font-weight:850}.row .amount small{margin-top:2px;display:block}.month-head{color:var(--ink-2);text-transform:capitalize;justify-content:space-between;margin:22px 6px 8px;font-size:.9rem;font-weight:850;display:flex}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.74rem;font-weight:800;display:inline-flex}.chip.wait{background:var(--wait-soft);color:var(--wait)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.off{background:var(--surface-2);color:var(--ink-3)}.empty{text-align:center;color:var(--ink-2);padding:34px 20px;font-weight:650}.empty .big{margin-bottom:8px;font-size:3rem;display:block}.segmented{background:var(--surface-3);border-radius:16px;gap:4px;padding:4px;display:flex}.segmented button{min-height:40px;color:var(--ink-2);white-space:nowrap;border-radius:12px;flex:1;padding:0 6px;font-size:.9rem;font-weight:800}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.filters{padding:2px 2px 6px;scrollbar-width:none;gap:8px;margin:0 -16px;padding-inline-start:16px;padding-inline-end:16px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter{background:var(--surface);min-height:38px;box-shadow:inset 0 0 0 1.5px var(--line);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:.9rem;font-weight:750;display:inline-flex}.filter[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:none}.filter .avatar{--size:24px}.field{margin-top:16px;display:block}.field>span,.field-label{color:var(--ink-2);margin:0 4px 6px;font-size:.9rem;font-weight:800;display:block}.input{border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--surface);-webkit-appearance:none;appearance:none;width:100%;min-height:52px;padding:12px 14px;font-size:1.05rem;font-weight:650}.input:focus{border-color:var(--accent);outline:none}input[type=date].input{align-items:center;display:flex}.amount-field{justify-content:center;align-items:baseline;gap:6px;padding:10px 0 4px;display:flex}.amount-field input{text-align:right;letter-spacing:-.02em;background:0 0;border:0;outline:none;width:6.2ch;padding:0;font-size:3.2rem;font-weight:900}.amount-field input::placeholder{color:var(--ink-3);opacity:.5}.amount-field .cur{color:var(--ink-2);font-size:2.2rem;font-weight:900}.cat-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cat{background:var(--surface-2);color:var(--ink-2);border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:10px 4px 8px;font-size:.75rem;font-weight:750;transition:box-shadow .15s,background .15s;display:flex;box-shadow:inset 0 0 0 2px #0000}.cat .e{font-size:1.6rem;line-height:1.1}.cat>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.cat[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent)}.who-grid{flex-wrap:wrap;gap:10px;display:flex}.who{border-radius:18px;flex-direction:column;align-items:center;gap:4px;min-width:78px;padding:8px 10px;font-size:.9rem;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #0000}.who[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.date-quick{gap:8px;margin-bottom:8px;display:flex}.error{background:var(--danger-soft);color:var(--danger);border-radius:12px;margin-top:12px;padding:10px 14px;font-size:.92rem;font-weight:750}.note{background:var(--surface-2);color:var(--ink-2);border-radius:14px;padding:12px 14px;font-size:.9rem;font-weight:650}.check{border:2.5px solid var(--line);border-radius:9px;flex:none;place-items:center;width:28px;height:28px;transition:background .15s,border-color .15s;display:grid}.check svg{opacity:0;width:18px;height:18px;color:var(--on-accent)}[aria-checked=true] .check{background:var(--accent);border-color:var(--accent)}[aria-checked=true] .check svg{opacity:1}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{background:var(--c);border-radius:50%;width:38px;height:38px;box-shadow:inset 0 0 0 3px #fff6}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--c)}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;display:grid}.emoji-grid button{background:var(--surface-2);border-radius:14px;height:46px;font-size:1.6rem}.emoji-grid button[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.sheet-backdrop{z-index:40;background:#1e0f0573;justify-content:center;align-items:flex-end;animation:.2s ease-out fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{width:100%;max-width:560px;max-height:calc(100dvh - var(--safe-t) - 24px);overscroll-behavior:contain;background:var(--bg);padding:10px 18px calc(22px + var(--safe-b));box-shadow:var(--shadow-lg);border-radius:28px 28px 0 0;animation:.28s cubic-bezier(.2,.9,.3,1.1) slide-up;overflow-y:auto}.sheet-grip{background:var(--line);border-radius:3px;width:44px;height:5px;margin:0 auto 10px}.sheet-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sheet-head h2{flex:1;font-size:1.3rem;font-weight:900}.sheet-actions{margin-top:22px}.sheet-actions>*+*{margin-top:10px}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}.detail-hero{text-align:center;padding:6px 0 14px}.detail-hero .e{font-size:3rem}.detail-hero .amount{letter-spacing:-.02em;font-size:2.6rem;font-weight:900}.detail-hero .what{font-size:1.1rem;font-weight:800}.kv{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.kv>div{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:650;display:flex}.kv>div+div{border-top:1px solid var(--line)}.kv dt{color:var(--ink-2)}.kv dd{text-align:right;margin:0;font-weight:800}.timeline{margin:0;padding:0;list-style:none}.timeline li{color:var(--ink-2);padding:0 0 12px 22px;font-size:.9rem;font-weight:650;position:relative}.timeline li:before{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:4px}.timeline li:after{content:"";background:var(--line);width:1px;position:absolute;top:18px;bottom:2px;left:8px}.timeline li:last-child:after{display:none}.timeline b{color:var(--ink)}.kid-card{background:var(--surface);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.kid-card+.kid-card{margin-top:16px}.kid-head{background:color-mix(in srgb, var(--c) 10%, var(--surface));align-items:center;gap:12px;padding:14px 16px;display:flex}.kid-head .name{flex:1;font-size:1.15rem;font-weight:900}.kid-head .total{font-size:1.3rem;font-weight:900}.kid-card .list{box-shadow:none;border-radius:0}.kid-card .row{border-top:1px solid var(--line)}.kid-foot{padding:12px 16px 16px}.pay-total{text-align:center;padding:18px 0 8px}.pay-total .value{letter-spacing:-.02em;font-size:2.8rem;font-weight:900}.confirm-hero{text-align:center;padding:12px 6px 4px}.confirm-hero .e{font-size:4rem;animation:1.2s ease-in-out infinite wiggle;display:block}.confirm-hero h2{margin:10px 0 8px;font-size:1.45rem;font-weight:900}@keyframes wiggle{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)scale(1.06)}}.pay-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.pay-card+.pay-card{margin-top:10px}.pay-card.cancelled{opacity:.6}.pay-card.cancelled .amount{text-decoration:line-through}.pay-who{align-items:center;display:flex}.pay-who .avatar+.avatar{margin-left:-10px}.pay-items{border-top:1px dashed var(--line);padding:0 14px 12px}.pay-items .line{gap:8px;padding:8px 0 0;font-size:.92rem;font-weight:650;display:flex}.pay-items .line span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;padding:12px 14px}.tile .label{color:var(--ink-2);font-size:.82rem;font-weight:750}.tile .value{margin-top:2px;font-size:1.45rem;font-weight:900}.tile.wide{grid-column:1/-1}.tile.wide .value{letter-spacing:-.02em;font-size:2.6rem}.bars{margin:0;padding:4px 0;list-style:none}.bars li{padding:10px 16px}.bars li+li{border-top:1px solid var(--line)}.bars .top{align-items:center;gap:10px;font-weight:800;display:flex}.bars .top .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bars .track{background:var(--bar-track);border-radius:5px;height:10px;margin-top:8px;overflow:hidden}.bars .fill{background:var(--bar);border-radius:0 4px 4px 0;min-width:2px;height:100%}.chart{padding:14px 10px 8px}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .axis{fill:var(--ink-3);font-size:11px;font-weight:700}.chart .col{fill:var(--bar)}.chart .col.dim{fill:color-mix(in srgb, var(--bar) 35%, var(--surface))}.chart-tip{text-align:center;min-height:1.5em;margin-top:4px;font-size:.95rem;font-weight:800}.login{max-width:460px;min-height:100dvh;padding:calc(var(--safe-t) + 28px) 20px calc(var(--safe-b) + 24px);flex-direction:column;margin:0 auto;display:flex}.brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.brand img{border-radius:26px;width:92px;height:92px;box-shadow:0 12px 30px #e8590c4d}.brand h1{margin-top:14px;font-size:1.8rem;font-weight:900}.brand p{color:var(--ink-2);margin:6px 0 0;font-weight:650}.members{grid-template-columns:1fr 1fr;gap:12px;display:grid}.member{background:var(--surface);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:18px 8px 14px;font-size:1.1rem;font-weight:850;transition:transform .1s;display:flex}.member:active{transform:scale(.96)}.member small{color:var(--ink-3);margin-top:-6px;font-size:.78rem;font-weight:700}.pin-dots{justify-content:center;gap:14px;min-height:18px;margin:18px 0 22px;display:flex}.pin-dots span{background:var(--surface-3);border-radius:50%;width:16px;height:16px;transition:background .15s,transform .15s}.pin-dots span.on{background:var(--accent);transform:scale(1.1)}.pin-dots.shake{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.pinpad{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:320px;margin:0 auto;display:grid}.pinpad button{background:var(--surface);height:66px;box-shadow:var(--shadow);border-radius:22px;font-size:1.7rem;font-weight:800}.pinpad button:active{background:var(--surface-3)}.pinpad button.ok{background:var(--accent);color:var(--on-accent);font-size:1.1rem}.pinpad button.plain{box-shadow:none;color:var(--ink-2);background:0 0;font-size:1rem}.toast{z-index:60;left:50%;bottom:calc(var(--tabbar-h) + var(--safe-b) + 20px);background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);box-shadow:var(--shadow-lg);border-radius:16px;padding:12px 18px;font-weight:800;animation:.3s cubic-bezier(.2,.9,.3,1.2) toast-in;position:fixed;transform:translate(-50%)}.toast.error{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,30px)}}.confetti{pointer-events:none;z-index:70;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti span{font-size:1.8rem;animation:linear forwards fall;position:absolute;top:-40px}@keyframes fall{to{transform:translateY(110vh)rotate(540deg)}}.loader{place-items:center;min-height:40vh;font-size:2.4rem;display:grid}.loader span{animation:.9s ease-in-out infinite bounce}@keyframes bounce{50%{transform:translateY(-14px)}}.offline{margin-bottom:14px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.confetti{display:none}}.btn svg,.row .emoji svg{flex:none;width:22px;height:22px}.sheet-actions.btn-row>*+*{margin-top:0}.row>svg{width:20px;height:20px;color:var(--ink-3);flex:none}