*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f2efe9;color:#201a10;line-height:1.45;-webkit-font-smoothing:antialiased}#app{max-width:430px;margin:0 auto;min-height:100vh;background:#f7f5f0;box-shadow:0 0 24px #00000024;position:relative;padding-bottom:110px}header{padding:14px 16px 0;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:9px}.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#c9a227,#8a6d15);color:#fff;font-weight:800;display:grid;place-items:center;font-size:16px}.brand b{font-size:16px}.topright{display:flex;align-items:center;gap:8px}.langs button{border:1px solid #d8cfb8;background:transparent;color:#6b5d3a;border-radius:20px;padding:2px 10px;font-size:11px;cursor:pointer;margin-right:2px}.langs button.active{background:#17130c;border-color:#17130c;color:#c9a227;font-weight:700}.back-btn{background:transparent;border:0;font-size:18px;cursor:pointer;padding:4px 8px;color:#17130c;margin-right:-4px}.hero{margin:12px 16px 0;background:linear-gradient(140deg,#17130c,#2b2313 60%,#3d3118);border-radius:20px;color:#f5ead0;padding:20px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;background:radial-gradient(circle,rgba(201,162,39,.28),transparent 70%)}.hero .lbl{font-size:11px;letter-spacing:.1em;color:#a8986f;text-transform:uppercase}.hero .amt{font-size:36px;font-weight:800;margin:4px 0 2px;font-variant-numeric:tabular-nums;color:#c9a227}.hero .owed{font-size:13px;color:#d9cdac}.amtrow{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px}.amtrow .amt{font-size:26px}.amtrow.sub{font-size:13px;color:#a8986f}.amtrow.sub .amt{font-size:15px}.hero .stats{display:flex;gap:8px;margin-top:14px}.stat{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px 12px}.stat small{display:block;font-size:10px;color:#a8986f;text-transform:uppercase;letter-spacing:.05em}.stat b{font-size:14px;font-variant-numeric:tabular-nums}.stat b.up{color:#6fd18a}.stat b.down{color:#ff9d8a}.settle-row{margin-top:14px;display:flex;gap:8px;align-items:stretch}.settle-row button{flex:1;padding:12px;border:0;border-radius:12px;cursor:pointer;background:linear-gradient(90deg,#c9a227,#e3c15c);color:#17130c;font-weight:800;font-size:15px}.settle-row button:disabled{background:#3a3426;color:#8a7d58;cursor:not-allowed}.viewrow{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 0}.viewswitch{font-size:12px;color:#8a7d58}.viewswitch b{color:#17130c}.tabs{display:flex;gap:8px}.tabs button{border:0;background:#e7dfca;color:#6b5d3a;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer}.tabs button.active{background:#17130c;color:#c9a227}#list{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.card{background:#fff;border-radius:16px;padding:13px 14px;display:flex;gap:12px;align-items:center;box-shadow:0 2px 10px #201a100f;border:1px solid #eee7d6}.card.pending{border-left:4px solid #c9a227}.card.settled-card{opacity:.75}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:16px;flex-shrink:0;color:#fff}.avatar.me{background:linear-gradient(135deg,#17130c,#4a3d1f);color:#c9a227}.avatar.them{background:linear-gradient(135deg,#c9a227,#8a6d15)}.card .body{flex:1;min-width:0}.card .who{font-size:13.5px;font-weight:700}.card .who small{color:#a8986f;font-weight:500;margin-left:6px;font-size:11.5px}.card .note{font-size:13px;color:#6b5d3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .card-amt{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.card .card-amt.up{color:#1e8e3e}.card .card-amt.down{color:#b03a2e}.card .status{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.status.pending{color:#8a6d15}.status.ok{color:#1e8e3e}.pending-actions{display:flex;gap:8px;margin-top:8px}.pending-actions button{flex:1;padding:9px;border-radius:10px;border:0;font-size:13px;font-weight:800;cursor:pointer}.doConfirm{background:#17130c;color:#c9a227}.doReject{background:#fff;color:#b03a2e;border:1.5px solid #e5c9c3!important}.empty{text-align:center;color:#a8986f;font-size:13px;padding:30px 0}#fab{position:fixed;bottom:26px;left:50%;margin-left:170px;width:58px;height:58px;border-radius:50%;border:0;background:linear-gradient(135deg,#c9a227,#8a6d15);color:#fff;font-size:30px;font-weight:300;cursor:pointer;box-shadow:0 8px 22px #8a6d1573;z-index:40;display:grid;place-items:center;line-height:1}#sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(105%);width:100%;max-width:430px;background:#fff;border-radius:20px 20px 0 0;padding:20px 18px 26px;box-shadow:0 -8px 30px #00000040;transition:transform .28s ease;z-index:60}#sheet.open{transform:translate(-50%) translateY(0)}#sheet h3{font-size:16px;margin-bottom:4px}#sheet label{font-size:11px;color:#8a7d58;display:block;margin:12px 0 4px}#sheet input[type=number],#sheet input[type=text],#sheet input[type=date]{width:100%;padding:11px;border:1.5px solid #e0d8c2;border-radius:10px;font-size:15px;background:#faf8f2}.seg{display:flex;gap:8px}.seg button{flex:1;padding:10px;border:1.5px solid #e0d8c2;background:#faf8f2;border-radius:10px;font-size:13.5px;cursor:pointer}.seg button.active{background:#17130c;color:#c9a227;border-color:#17130c}#sheetSend,.sheet-send{width:100%;margin-top:16px;padding:12px;border:0;border-radius:12px;background:#17130c;color:#c9a227;font-weight:800;font-size:15px;cursor:pointer}#sheetCancel,.sheet-cancel{width:100%;margin-top:8px;padding:9px;border:0;background:transparent;color:#8a7d58;font-size:13px;cursor:pointer}#scrim{position:fixed;inset:0;background:#17130c80;opacity:0;pointer-events:none;transition:opacity .25s;z-index:55}#scrim.show{opacity:1;pointer-events:auto}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(80px);background:#17130c;color:#c9a227;padding:10px 18px;border-radius:24px;font-size:13px;opacity:0;transition:all .25s;pointer-events:none;z-index:90;box-shadow:0 6px 18px #0000004d}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.footer{text-align:center;padding:20px 16px 30px;font-size:11px;color:#a8986f}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#fff;border-radius:16px;padding:24px 20px;z-index:70;opacity:0;pointer-events:none;transition:all .2s;box-shadow:0 12px 40px #00000040;width:320px;max-width:90vw}.dialog.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.dialog h3{font-size:15px;margin-bottom:12px}.dialog input{width:100%;padding:11px;border:1.5px solid #e0d8c2;border-radius:10px;font-size:15px;background:#faf8f2;margin-bottom:8px}.dialog .err{font-size:11px;color:#b03a2e;margin-bottom:8px}.dialog button{padding:10px 18px;border:0;border-radius:10px;font-weight:700;cursor:pointer;font-size:13px}.dialog .btn-row{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.dialog .btn-primary{background:#17130c;color:#c9a227}.dialog .btn-secondary{background:transparent;color:#8a7d58}.dialog .btn-danger{background:#b03a2e;color:#fff}.list-screen{padding:20px 16px;display:flex;flex-direction:column;gap:12px}.list-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #201a100f;border:1px solid #eee7d6;cursor:pointer;transition:transform .1s}.list-card:active{transform:scale(.98)}.list-card h3{font-size:17px;font-weight:800;color:#17130c}.list-card .summary{display:flex;gap:12px;margin-top:6px;font-size:13px}.list-card .summary .pos{color:#1e8e3e}.list-card .summary .neg{color:#b03a2e}.list-card .badge{display:inline-block;background:#fff3cd;color:#8a6d15;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;margin-top:4px}.list-fab{position:fixed;bottom:26px;left:50%;margin-left:170px;width:58px;height:58px;border-radius:50%;border:0;background:linear-gradient(135deg,#c9a227,#8a6d15);color:#fff;font-size:30px;font-weight:300;cursor:pointer;box-shadow:0 8px 22px #8a6d1573;z-index:40;display:grid;place-items:center;line-height:1}.create-screen{padding:20px 16px}.create-screen h2{font-size:18px;margin-bottom:20px}.create-screen .form-group{margin-bottom:16px}.create-screen label{font-size:11px;color:#8a7d58;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.create-screen input[type=text],.create-screen input[type=password]{width:100%;padding:11px;border:1.5px solid #e0d8c2;border-radius:10px;font-size:15px;background:#faf8f2}.create-screen .pin-toggle{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;cursor:pointer}.create-screen .pin-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#c9a227;cursor:pointer}.create-screen .pin-input{margin-top:8px}.create-screen .cta-btn{width:100%;margin-top:20px;padding:14px;border:0;border-radius:12px;background:linear-gradient(90deg,#c9a227,#e3c15c);color:#17130c;font-weight:800;font-size:16px;cursor:pointer}.create-screen .cta-btn:disabled{background:#e0d8c2;color:#a8986f;cursor:not-allowed}.share-screen{padding:20px 16px}.share-screen h2{font-size:18px;margin-bottom:8px}.share-screen .desc{font-size:13px;color:#6b5d3a;margin-bottom:20px;line-height:1.5}.share-screen .link-box{margin-bottom:16px}.share-screen .link-box label{font-size:11px;color:#8a7d58;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.share-screen .link-row{display:flex;gap:8px;align-items:center}.share-screen .link-row input{flex:1;padding:10px;border:1.5px solid #e0d8c2;border-radius:10px;font-size:12px;background:#faf8f2;color:#6b5d3a}.share-screen .copy-btn{padding:10px 14px;border:0;border-radius:10px;background:#17130c;color:#c9a227;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}.share-screen .wa-btn{width:100%;margin-top:12px;padding:14px;border:0;border-radius:12px;background:#25d366;color:#fff;font-weight:800;font-size:15px;cursor:pointer}.share-screen .cta-btn{width:100%;margin-top:12px;padding:14px;border:0;border-radius:12px;background:linear-gradient(90deg,#c9a227,#e3c15c);color:#17130c;font-weight:800;font-size:16px;cursor:pointer}.invalid-screen{padding:40px 16px;text-align:center}.invalid-screen .icon{font-size:48px;margin-bottom:16px}.invalid-screen h2{font-size:18px;margin-bottom:8px}.invalid-screen p{font-size:13px;color:#6b5d3a}