@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");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{--bg: #1b1b1d;--bg-deep: #0c0c0e;--panel: #2a2a2d;--panel-2: #232326;--border: #3a3a3e;--border-2: #34343a;--border-3: #3d3d42;--text: #ffffff;--dim-1: #c9c9cd;--dim-2: #9a9a9e;--dim-3: #8a8a8e;--dim-4: #7a7a7e;--amber: #f59e0b;--amber-shadow: #b17408;--amber-ink: #171717;--green: #22c55e;--green-shadow: #16873c;--green-ink: #0d2915;--font: "Archivo Variable", "Archivo", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg-deep);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none}button:active{filter:brightness(.92)}input,textarea{font-family:inherit}.app{position:relative;width:100%;max-width:480px;height:100dvh;margin:0 auto;background:var(--bg);overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 26px) 20px calc(env(safe-area-inset-bottom,0px) + 22px);background:var(--bg)}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.spring{flex:1}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.title{font-size:32px;font-weight:800;margin:0 4px 16px}.title.sm{font-size:30px}.subtitle{font-size:18px;font-weight:500;color:var(--dim-3);margin:0 4px 14px}.eyebrow{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0 2px 10px}.eyebrow.amber{color:var(--amber)}.eyebrow.grey{color:var(--dim-3)}.offline-note{font-size:15px;font-weight:600;color:#e0a24a;margin:10px 2px 0}.logo-badge{background:#fff;border-radius:22px;padding:18px 22px;margin:0 auto;box-shadow:0 10px 30px #0006}.logo-badge img{display:block;width:100%;height:auto}.logo-badge.big{width:300px}.logo-badge.small{width:216px;border-radius:18px;padding:14px 18px}.tagline{font-size:20px;font-weight:600;color:var(--dim-3);margin-top:20px;text-align:center}.sync-note{margin-top:12px;font-size:14px;font-weight:600;color:var(--dim-4);text-align:center}.back{align-self:flex-start;height:54px;padding:0 22px 0 14px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:16px}.back .chev{font-size:28px;line-height:1;margin-top:-3px}.btn{width:100%;border-radius:18px;font-weight:800}.btn-primary{background:var(--amber);color:var(--amber-ink);box-shadow:0 5px 0 var(--amber-shadow);font-weight:900}.btn-primary:active{transform:translateY(3px);box-shadow:0 2px 0 var(--amber-shadow)}.btn-secondary{background:var(--panel);color:var(--text);border:1px solid var(--border-3)}.btn-green{background:var(--green);color:var(--green-ink);box-shadow:0 6px 0 var(--green-shadow);font-weight:900}.btn-green:active{transform:translateY(3px);box-shadow:0 3px 0 var(--green-shadow)}.btn-xl{min-height:100px;font-size:32px}.btn-lg{min-height:92px;font-size:29px}.btn-md{min-height:80px;font-size:25px}.actions{display:flex;flex-direction:column;gap:14px;margin-top:16px}.settings-link{position:absolute;top:calc(env(safe-area-inset-top,0px) + 28px);right:20px;height:40px;padding:0 14px;background:transparent;color:var(--dim-4);border:1px solid #333338;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:1px}.dots{display:flex;gap:18px;justify-content:center;margin:26px 0 30px}.dot{width:20px;height:20px;border-radius:50%;border:2px solid #4a4a4e}.dot.filled{background:var(--amber);border-color:var(--amber)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pad button{background:var(--panel);color:var(--text);border:1px solid var(--border-2);border-radius:16px;font-weight:700}.pad .spacer{visibility:hidden}.pad.pin button{height:78px;font-size:34px}.pad.price button{height:62px;font-size:30px}.price-display{text-align:center;font-size:60px;font-weight:900;color:var(--amber);margin:10px 0 12px}.pending-desc{font-size:22px;font-weight:800;margin:0 4px 4px;line-height:1.2}.field{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:0 18px;outline:none;font-weight:700;font-size:26px}input.field{height:92px}input.field.sm{height:70px;font-size:22px}textarea.field{min-height:150px;padding:16px 18px;line-height:1.35;resize:none;font-weight:600}textarea.field.tall{min-height:130px;font-size:26px}.field:focus{border-color:var(--amber)}.list{flex:1;display:flex;flex-direction:column;gap:12px;padding-bottom:6px}.card-btn{width:100%;min-height:88px;padding:14px 18px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:16px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-btn .stack{display:flex;flex-direction:column;gap:3px}.card-btn .stack.right{align-items:flex-end}.card-btn .name{font-size:24px;font-weight:800}.card-btn .sub{font-size:16px;font-weight:500;color:var(--dim-2)}.card-btn .num{font-size:21px;font-weight:800;color:var(--amber)}.card-btn .who{font-size:18px;font-weight:600;color:#e8e8e8}.card-btn .amt{font-size:22px;font-weight:900}.card-btn .date{font-size:15px;font-weight:500;color:var(--dim-2)}.presets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preset{min-height:66px;padding:10px 14px;background:var(--panel);color:#f4f4f4;border:1px solid var(--border);border-radius:14px;font-size:19px;font-weight:700;text-align:left}.pick-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:6px}.pick-main{width:100%;min-height:78px;padding:12px 14px 8px;background:transparent;color:var(--text);border:none;text-align:left;display:flex;flex-direction:column;gap:4px;justify-content:center}.pick-main .name{font-size:24px;font-weight:800}.pick-main .sub{font-size:16px;font-weight:500;color:var(--dim-2)}.pick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 6px 6px}.pick-edit{min-height:56px;background:var(--panel-2);color:var(--text);border:1px solid var(--border-3);border-radius:12px;font-size:17px;font-weight:800}.pick-del{min-height:56px;background:var(--panel-2);color:#ff9a9a;border:1px solid var(--border-3);border-radius:12px;font-size:17px;font-weight:800}.empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:var(--dim-4);text-align:center}.past-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:6px;display:flex;flex-direction:column}.past-card.voided{opacity:.55}.past-card.voided .amt{text-decoration:line-through}.past-main{width:100%;background:transparent;color:var(--text);text-align:left;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 12px 8px}.past-main .stack{display:flex;flex-direction:column;gap:3px}.past-main .stack.right{align-items:flex-end}.past-main .num{font-size:21px;font-weight:800;color:var(--amber)}.past-main .who{font-size:18px;font-weight:600;color:#e8e8e8}.past-main .amt{font-size:22px;font-weight:900}.past-main .date{font-size:15px;font-weight:500;color:var(--dim-2)}.past-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 6px 6px}.mini{min-height:60px;border-radius:12px;background:var(--panel-2);color:var(--text);border:1px solid var(--border-3);font-size:17px;font-weight:800}.mini.on-paid{background:#22c55e29;border-color:var(--green);color:#7ff0a5}.mini.on-void{background:#ef444424;border-color:#ef4444;color:#ffb0b0}.mini.danger{color:#ff9a9a}.pill{align-self:flex-start;margin-top:8px;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.pill-paid{background:#22c55e2e;color:#4ade80}.pill-void{background:#ef444429;color:#f87171}.pill-unpaid{background:#f59e0b29;color:var(--amber)}.pill-overdue{background:#ef444433;color:#f87171}.owed-bar{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:16px;padding:14px 18px;margin-bottom:14px}.owed-bar.has-overdue{background:#ef44441f;border-color:#ef444466}.owed-bar .owed-amt{font-size:34px;font-weight:900;color:var(--amber)}.owed-bar.has-overdue .owed-amt{color:#ff8f8f}.owed-bar .owed-sub{font-size:15px;font-weight:600;color:var(--dim-2);margin-top:2px}.owed-home{width:100%;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:16px;padding:14px 18px;margin-bottom:14px;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.owed-home.overdue{background:#ef44441f;border-color:#ef444466}.owed-home .owed-home-amt{font-size:26px;font-weight:900;color:var(--amber)}.owed-home.overdue .owed-home-amt{color:#ff8f8f}.owed-home .owed-home-sub{font-size:14px;font-weight:600;color:var(--dim-2)}.spinner{width:64px;height:64px;border:6px solid var(--border-2);border-top-color:var(--amber);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.loading .msg{font-size:26px;font-weight:700;color:var(--dim-1)}.quote{background:var(--panel-2);border:1px solid var(--border-2);border-left:5px solid var(--amber);border-radius:16px;padding:22px;font-size:30px;font-weight:700;line-height:1.35}.summary{background:var(--panel-2);border:1px solid var(--border-2);border-radius:18px;padding:18px}.summary .head-label{font-size:14px;font-weight:600;color:var(--dim-3);text-transform:uppercase;letter-spacing:1.5px}.summary .head-name{font-size:26px;font-weight:800;margin:2px 0 12px}.summary .head-date{font-size:16px;font-weight:500;color:var(--dim-2);margin:2px 0 4px}.summary .row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--border-2)}.summary .row .desc{font-size:20px;font-weight:600;color:#e8e8e8;flex:1}.summary .row .amt{font-size:20px;font-weight:800;white-space:nowrap}.summary .total{display:flex;justify-content:space-between;align-items:center;padding-top:14px;margin-top:6px;border-top:2px solid var(--amber)}.summary .total .label{font-size:24px;font-weight:800}.summary .total .value{font-size:32px;font-weight:900;color:var(--amber)}.send-card{background:var(--panel-2);border:1px solid var(--border-2);border-radius:16px;padding:18px;margin-bottom:6px}.send-card .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.send-card .num{font-size:18px;font-weight:700;color:var(--dim-2)}.send-card .amt{font-size:26px;font-weight:900;color:var(--amber)}.send-card .who{font-size:24px;font-weight:800}.send-hint{text-align:center;font-size:15px;font-weight:500;color:var(--dim-4);margin-top:12px}.success-tick{width:128px;height:128px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px #22c55e26;animation:pop .4s ease-out}.success-tick span{font-size:72px;font-weight:900;color:var(--green-ink);line-height:1}@keyframes pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.success-big{font-size:42px;font-weight:900;margin-top:26px}.success-sub{font-size:22px;font-weight:700;color:var(--dim-1);margin-top:10px}.success-amt{font-size:34px;font-weight:900;color:var(--amber);margin-top:6px}.settings-label{font-size:14px;font-weight:700;color:var(--dim-3);text-transform:uppercase;letter-spacing:1px;margin:0 2px 6px}.settings-group{display:flex;flex-direction:column;gap:14px}.ghost-btn{width:100%;height:62px;background:transparent;color:var(--dim-1);border:1px solid var(--border-3);border-radius:14px;font-size:18px;font-weight:700}.danger-btn{width:100%;height:58px;background:transparent;color:#c98a6a;border:1px dashed #4a3a34;border-radius:14px;font-size:16px;font-weight:700}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0c0ebd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;z-index:60}.overlay .msg{font-size:24px;font-weight:700;color:var(--dim-1)}