*{box-sizing:border-box;margin:0;padding:0}body{color:#131311;-webkit-font-smoothing:antialiased;background:#f1f0ec;font-family:Manrope,system-ui,sans-serif;font-size:16px}.container{max-width:480px;margin:0 auto;padding:60px 20px 40px}.center{text-align:center;color:#8a887f;padding:60px 20px;font-family:Manrope,sans-serif}.error{color:#d4472c}.header{flex-direction:column;gap:0;margin-bottom:24px;display:flex}.header-eyebrow{letter-spacing:1.4px;text-transform:uppercase;color:#9a988e;margin-bottom:10px;font:600 11px/1 Manrope,sans-serif}.header h1{letter-spacing:-1.4px;color:#131311;font:700 34px/.98 Space Grotesk,sans-serif}.header-sub{color:#8a887f;margin-top:10px;font:500 13px/1 Manrope,sans-serif}button{cursor:pointer;border:none;font-family:Manrope,sans-serif}.btn-add{color:#fff;letter-spacing:-.2px;background:#131311;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;height:56px;margin-top:24px;font:700 16px/1 Manrope,sans-serif;transition:background .15s;display:flex;box-shadow:0 6px 18px #1313112e}.btn-add:hover{background:#2a2a26}.btn-primary{color:#fff;background:#131311;border-radius:15px;font:700 15px/1 Manrope,sans-serif}.btn-primary:hover{background:#2a2a26}.btn-primary:disabled{cursor:not-allowed;background:#9a988e}.btn-secondary{color:#4a4842;background:#e4e2db;border-radius:15px;font:700 15px/1 Manrope,sans-serif}.btn-secondary:hover{background:#d8d6ce}.btn-eye{cursor:pointer;color:#131311;background:#f1f0ec;border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background .15s;display:flex}.btn-eye:hover{background:#e4f24a}.items-header{justify-content:space-between;align-items:center;margin:30px 2px 12px;display:flex}.items-header-label{letter-spacing:-.3px;color:#131311;font:700 15px/1 Space Grotesk,sans-serif}.items-header-sub{letter-spacing:.6px;text-transform:uppercase;color:#9a988e;font:600 11px/1 Manrope,sans-serif}.items-list{flex-direction:column;gap:10px;margin-bottom:26px;display:flex}.item-card{background:#fff;border-radius:18px;align-items:center;gap:12px;padding:16px 14px 16px 16px;display:flex;box-shadow:0 1px 2px #1313110d}.item-dot{border-radius:4px;flex:none;width:8px;height:8px}.item-dot.verde{background:#1f9d5b}.item-dot.amarillo{background:#d9950f}.item-dot.rojo{background:#d4472c}.item-info{flex:1;min-width:0}.item-nombre{color:#131311;letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;font:700 15px/1.2 Manrope,sans-serif;overflow:hidden}.item-estado{color:#8a887f;margin-top:6px;font:500 12px/1 Manrope,sans-serif}.item-amount{text-align:right}.item-saldo{letter-spacing:-.4px;font-variant-numeric:tabular-nums;font:700 15px/1 Space Grotesk,sans-serif}.item-total{color:#b0aea4;font-variant-numeric:tabular-nums;margin-top:6px;font:500 11px/1 Manrope,sans-serif}.empty{text-align:center;color:#8a887f;background:#fff;border-radius:18px;margin-bottom:26px;padding:60px 20px}.empty p:first-child{color:#131311;margin-bottom:8px;font:700 18px/1 Space Grotesk,sans-serif}.summary{background:#131311;border-radius:22px;padding:22px 20px}.summary-title{letter-spacing:1.4px;text-transform:uppercase;color:#7c7a70;font:600 11px/1 Manrope,sans-serif}.summary-grid{gap:10px;margin-top:16px;display:flex}.summary-card{background:#1e1e1a;border-radius:16px;flex-direction:column;flex:1;gap:0;padding:14px;display:flex}.summary-label{color:#9a988e;font:600 12px/1 Manrope,sans-serif}.summary-amount{letter-spacing:-.6px;color:#fff;font-variant-numeric:tabular-nums;margin-top:10px;font:700 20px/1 Space Grotesk,sans-serif}.summary-totals{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:16px;display:flex}.summary-total-label{color:#9a988e;font:600 13px/1 Manrope,sans-serif}.summary-total-amount{letter-spacing:-.7px;color:#fff;font-variant-numeric:tabular-nums;font:700 22px/1 Space Grotesk,sans-serif}.summary-conclusion{border-radius:16px;margin-top:16px;padding:16px}.summary-conclusion.neutral{background:#1e1e1a}.summary-conclusion.activo{background:#e4f24a}.summary-conclusion-label{letter-spacing:1.2px;text-transform:uppercase;font:600 11px/1 Manrope,sans-serif}.neutral .summary-conclusion-label{color:#7c7a70}.activo .summary-conclusion-label{color:#5c6410}.summary-conclusion-text{letter-spacing:-.5px;margin-top:9px;font:700 18px/1.25 Space Grotesk,sans-serif}.neutral .summary-conclusion-text{color:#9a988e}.activo .summary-conclusion-text{color:#1a1d02}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#13131157;justify-content:center;align-items:flex-end;animation:.26s both vj-fade-in;display:flex;position:fixed;inset:0}.modal-overlay.closing{animation:.26s both vj-fade-out}.modal{background:#f6f5f1;border-radius:26px 26px 0 0;width:100%;max-width:480px;max-height:86vh;padding:12px 20px 42px;animation:.26s cubic-bezier(.32,.72,0,1) both vj-sheet-in;overflow-y:auto;box-shadow:0 -14px 40px #13131138}.modal.closing{animation:.26s cubic-bezier(.32,.72,0,1) both vj-sheet-out}.modal-handle{background:#d6d4cb;border-radius:2px;width:38px;height:4px;margin:0 auto 20px}.modal-top{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.modal-chip{border-radius:999px;align-items:center;gap:7px;margin-bottom:12px;padding:6px 11px;display:inline-flex}.modal-chip-dot{border-radius:4px;width:7px;height:7px}.modal-chip-label{letter-spacing:.4px;text-transform:uppercase;font:700 11px/1 Manrope,sans-serif}.modal-title{letter-spacing:-1px;color:#131311;font:700 27px/1.05 Space Grotesk,sans-serif}.modal-close{cursor:pointer;color:#6e6c64;background:#e8e7e2;border-radius:17px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font:400 17px/1 Manrope,sans-serif;display:flex}.modal-close:hover{background:#dad8d0}.modal-amounts{gap:8px;margin-bottom:10px;display:flex}.modal-amount-card{background:#fff;border-radius:16px;flex:1;padding:14px}.modal-amount-card.saldo-pagado{color:#166b41;background:#e7f6ee}.modal-amount-card.saldo-pendiente{color:#fff;background:#131311}.modal-amount-label{letter-spacing:.8px;text-transform:uppercase;color:#9a988e;opacity:.62;font:600 11px/1 Manrope,sans-serif}.modal-amount-card.saldo-pagado .modal-amount-label,.modal-amount-card.saldo-pendiente .modal-amount-label{color:currentColor}.modal-amount-value{letter-spacing:-.5px;color:#131311;font-variant-numeric:tabular-nums;margin-top:9px;font:700 18px/1 Space Grotesk,sans-serif}.modal-amount-card.saldo-pagado .modal-amount-value,.modal-amount-card.saldo-pendiente .modal-amount-value{color:currentColor}.modal-rows{background:#fff;border-radius:18px;margin-bottom:10px;padding:4px 16px}.modal-row{border-bottom:1px solid #f0efea;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.modal-row:last-child{border-bottom:none}.modal-row-key{color:#8a887f;font:500 13px/1.2 Manrope,sans-serif}.modal-row-val{color:#131311;text-align:right;font:700 13px/1.2 Manrope,sans-serif}.modal-notes{background:#fff;border-radius:18px;margin-bottom:18px;padding:16px}.modal-notes-label{letter-spacing:.8px;text-transform:uppercase;color:#9a988e;margin-bottom:8px;font:600 11px/1 Manrope,sans-serif}.modal-notes-text{color:#3e3d38;font:500 14px/1.5 Manrope,sans-serif}.modal-footer{gap:10px;display:flex}.modal-btn-edit{color:#fff;background:#131311;border-radius:15px;flex:1;justify-content:center;align-items:center;height:52px;font:700 15px/1 Manrope,sans-serif;display:flex}.modal-btn-edit:hover{background:#2a2a26}.modal-btn-delete{background:#fbe9e5;border-radius:15px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:flex}.modal-btn-delete:hover{background:#f6d6cf}.form-screen{z-index:200;background:#f1f0ec;flex-direction:column;max-width:480px;margin:0 auto;animation:.26s cubic-bezier(.32,.72,0,1) both vj-push-in;display:flex;position:fixed;inset:0}.form-screen.closing{animation:.26s cubic-bezier(.32,.72,0,1) both vj-push-out}.form-topbar{background:#f1f0ec;border-bottom:1px solid #13131112;align-items:center;gap:12px;padding:60px 20px 14px;display:flex}.form-back{cursor:pointer;background:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s;display:flex}.form-back:hover{background:#e4f24a}.form-topbar-title{letter-spacing:-.6px;color:#131311;font:700 19px/1 Space Grotesk,sans-serif}.form-topbar-sub{color:#8a887f;margin-top:6px;font:500 12px/1 Manrope,sans-serif}.form-body{flex-direction:column;flex:1;gap:10px;padding:20px 20px 24px;display:flex;overflow-y:auto}.form-card{background:#fff;border-radius:18px;padding:16px}.form-label{letter-spacing:.9px;text-transform:uppercase;color:#9a988e;margin-bottom:9px;font:600 11px/1 Manrope,sans-serif}.form-row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-row-2 .form-card{flex:1;width:100%}input,textarea{box-sizing:border-box;color:#131311;background:#fbfaf7;border:1px solid #e6e4dc;border-radius:12px;width:100%;padding:13px 14px;font:600 15px/1 Manrope,sans-serif}input[type=number]{font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-weight:700}input[type=date]{padding:12px;font:600 13px/1 Manrope,sans-serif}input:focus,textarea:focus{outline-offset:0;outline:2px solid #131311}textarea{resize:none;line-height:1.45}.opts-row{gap:7px;display:flex}.opt-btn{cursor:pointer;color:#6e6c64;background:#fbfaf7;border:1px solid #e6e4dc;border-radius:12px;flex:1;justify-content:center;align-items:center;height:42px;font:700 13px/1 Manrope,sans-serif;transition:all .1s;display:flex}.opt-btn.selected{color:#fff;background:#131311;border-color:#131311}.form-hint{color:#8a887f;margin-top:14px;font:500 12px/1.45 Manrope,sans-serif}.form-hint strong{color:#131311;font-variant-numeric:tabular-nums;font-weight:700}.form-footer{background:#f1f0ec;border-top:1px solid #13131112;gap:10px;padding:14px 20px 34px;display:flex}.form-cancel{color:#4a4842;background:#e4e2db;border-radius:15px;flex:none;justify-content:center;align-items:center;width:96px;height:54px;font:700 15px/1 Manrope,sans-serif;display:flex}.form-cancel:hover{background:#d8d6ce}.form-save{color:#fff;background:#131311;border-radius:15px;flex:1;justify-content:center;align-items:center;height:54px;font:700 15px/1 Manrope,sans-serif;display:flex}.form-save:hover{background:#2a2a26}.form-save:disabled{cursor:not-allowed;background:#9a988e}@keyframes vj-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes vj-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes vj-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vj-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vj-push-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes vj-push-out{0%{transform:translate(0)}to{transform:translate(100%)}}.header-title-row{align-items:center;gap:8px;display:flex}.btn-edit-trip{color:#9a988e;background:0 0;align-items:center;padding:4px 6px;font-size:16px;display:flex}.btn-edit-trip:hover{color:#131311}.header-fecha{letter-spacing:-.3px;color:#8a887f;margin-top:8px;font:700 15px/1 Space Grotesk,sans-serif}.vuelo-grid{gap:10px;margin-top:14px;display:flex}.vuelo-card{background:#fff;border-radius:16px;flex:1;padding:14px;box-shadow:0 1px 2px #1313110d}.vuelo-label{letter-spacing:1.2px;text-transform:uppercase;color:#9a988e;margin-bottom:8px;font:600 11px/1 Manrope,sans-serif}.vuelo-info{letter-spacing:-.3px;color:#131311;font:700 14px/1.3 Space Grotesk,sans-serif}.payments-section{border-top:1px solid #ffffff1f;margin-top:18px;margin-bottom:16px;padding-top:16px}.payments-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.payments-title{letter-spacing:.8px;text-transform:uppercase;color:#7c7a70;font:600 12px/1 Manrope,sans-serif}.payments-add{color:#e4f24a;letter-spacing:.2px;background:0 0;padding:0;font:700 12px/1 Manrope,sans-serif}.payments-empty{color:#7c7a70;text-align:center;padding:12px 0;font:500 13px/1 Manrope,sans-serif}.payments-list{flex-direction:column;gap:8px;display:flex}.payment-row{background:#1e1e1a;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.payment-info{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.payment-from{color:#fff;font:700 13px/1 Manrope,sans-serif}.payment-arrow{color:#7c7a70;font-size:12px}.payment-to{color:#fff;font:700 13px/1 Manrope,sans-serif}.payment-desc{color:#7c7a70;text-overflow:ellipsis;white-space:nowrap;font:500 12px/1 Manrope,sans-serif;overflow:hidden}.payment-right{flex:none;align-items:center;gap:10px;display:flex}.payment-amount{letter-spacing:-.3px;color:#e4f24a;font-variant-numeric:tabular-nums;font:700 14px/1 Space Grotesk,sans-serif}.payment-delete{opacity:.6;background:0 0;align-items:center;padding:4px;display:flex}.payment-delete:hover{opacity:1}.payments-bento{background:#1e1e1a;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px;display:flex}.payments-bento-label{letter-spacing:1.2px;text-transform:uppercase;color:#7c7a70;margin-bottom:4px;font:600 12px/1 Manrope,sans-serif}.payments-bento-count{letter-spacing:-.3px;color:#fff;font:700 15px/1 Space Grotesk,sans-serif}.payments-bento-btns{flex:none;gap:8px;display:flex}.btn-pay-primary{color:#1a1d02;white-space:nowrap;background:#e4f24a;border-radius:10px;height:36px;padding:0 14px;font:700 13px/1 Manrope,sans-serif}.btn-pay-primary:hover{background:#d4e23a}.btn-pay-secondary{color:#9a988e;white-space:nowrap;background:#2a2a26;border-radius:10px;height:36px;padding:0 14px;font:700 13px/1 Manrope,sans-serif}.btn-pay-secondary:hover{background:#333330}.pay-history-screen{z-index:200;background:#f1f0ec;flex-direction:column;max-width:480px;margin:0 auto;animation:.26s cubic-bezier(.32,.72,0,1) both vj-push-in;display:flex;position:fixed;inset:0}.pay-history-screen.closing{animation:.26s cubic-bezier(.32,.72,0,1) both vj-push-out}.pay-history-body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.pay-history-empty{text-align:center;color:#8a887f;padding:60px 20px;font:500 14px/1 Manrope,sans-serif}.pay-history-card{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 1px 2px #1313110d}.pay-history-left{flex:1;min-width:0}.pay-history-who{align-items:center;gap:6px;margin-bottom:6px;display:flex}.pay-history-person{color:#131311;font:700 14px/1 Manrope,sans-serif}.pay-history-arrow{color:#9a988e;font-size:12px}.pay-history-desc{color:#8a887f;font:500 12px/1 Manrope,sans-serif}.pay-history-date{color:#b0aea4;margin-top:4px;font:500 11px/1 Manrope,sans-serif}.pay-history-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.pay-history-amount{letter-spacing:-.4px;color:#131311;font-variant-numeric:tabular-nums;font:700 16px/1 Space Grotesk,sans-serif}.pay-history-delete{background:#fbe9e5;border-radius:8px;align-items:center;padding:6px 8px;display:flex}.pay-history-delete:hover{background:#f6d6cf}.sheet-bento{background:#e8e7e2;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;text-decoration:none;display:flex}.sheet-bento:hover{background:#dedad4}.sheet-bento-left{align-items:center;gap:10px;display:flex}.sheet-bento-icon{background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sheet-bento-label{color:#6e6c64;font:600 13px/1 Manrope,sans-serif}.sheet-bento-sub{color:#9a988e;margin-top:4px;font:500 11px/1 Manrope,sans-serif}.sheet-bento-arrow{color:#9a988e;flex:none;font-size:16px}.modal-links{background:#fff;border-radius:18px;margin-bottom:10px;padding:16px}.modal-links-label{letter-spacing:.8px;text-transform:uppercase;color:#9a988e;margin-bottom:10px;font:600 11px/1 Manrope,sans-serif}.modal-link-item{border-bottom:1px solid #f0efea;align-items:center;gap:8px;padding:8px 0;text-decoration:none;display:flex}.modal-link-item:last-child{border-bottom:none}.modal-link-text{color:#131311;word-break:break-all;flex:1;font:600 13px/1.3 Manrope,sans-serif}.modal-link-arrow{color:#9a988e;flex:none;font-size:14px}.filtros{gap:8px;margin-bottom:16px;padding-bottom:2px;display:flex;overflow-x:auto}.filtro-btn{white-space:nowrap;color:#8a887f;background:#fff;border:1px solid #e6e4dc;border-radius:999px;height:34px;padding:0 14px;font:600 13px/1 Manrope,sans-serif;transition:all .15s}.filtro-btn.activo{color:#fff;background:#131311;border-color:#131311}