*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f4f0;--surface:#fff;--surface-alt:#f0ede8;--border:#e2ddd8;--text:#1a1814;--text-muted:#7a756e;--accent-a:#4f7c5a;--accent-b:#5a6d9e;--accent-a-light:#e8f2eb;--accent-b-light:#e8ecf5;--danger:#c04c3c;--danger-light:#faeae8;--ok:#3a8a3a;--ok-light:#eaf5e8;--radius:12px;--shadow:0 2px 12px #00000012}body{background:var(--bg);color:var(--text);min-height:100vh;padding:24px 16px 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{all:unset;display:block}h1{letter-spacing:-.03em;font-size:1.4rem;font-weight:800}h2{font-size:.9rem;font-weight:600}.app{flex-direction:column;gap:20px;max-width:720px;margin:0 auto;display:flex}.header{align-items:center;gap:10px;padding:0 2px;display:flex}.header-emoji{font-size:1.8rem;line-height:1}.header-sub{color:var(--text-muted);margin-top:2px;font-size:.8rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:20px;display:flex}.card-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.68rem;font-weight:700}.persons-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=500px){.persons-grid{grid-template-columns:1fr}}.person-panel{border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.person-panel.pa{background:var(--accent-a-light);border:1.5px solid var(--accent-a)}.person-panel.pb{background:var(--accent-b-light);border:1.5px solid var(--accent-b)}.person-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.person-name{width:130px;color:var(--text);background:0 0;border:none;border-bottom:1.5px dashed;outline:none;padding:2px 4px;font-size:.95rem;font-weight:700}.pa .person-name{border-color:var(--accent-a)}.pb .person-name{border-color:var(--accent-b)}.pct-pill{letter-spacing:-.02em;white-space:nowrap;font-size:1.1rem;font-weight:800}.pa .pct-pill{color:var(--accent-a)}.pb .pct-pill{color:var(--accent-b)}.field{flex-direction:column;gap:4px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.68rem;font-weight:600}.money-input{align-items:center;display:flex;position:relative}.money-input .sym{color:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.85rem;position:absolute;left:9px}.money-input input{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);-moz-appearance:textfield;border-radius:8px;outline:none;padding:8px 8px 8px 22px;font-size:.92rem;transition:border-color .15s}.money-input input::-webkit-inner-spin-button{-webkit-appearance:none}.money-input input::-webkit-outer-spin-button{-webkit-appearance:none}.money-input input:focus{border-color:var(--text-muted)}.pct-adj-label{color:var(--text-muted);margin-top:2px;font-size:.65rem;font-weight:600}.prop-bar-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:3px;font-size:.65rem;font-weight:600}.prop-bar-wrap{background:var(--border);border-radius:99px;height:7px;display:flex;overflow:hidden}.prop-bar-a{background:var(--accent-a);border-radius:99px 0 0 99px;height:100%;transition:width .35s}.prop-bar-b{background:var(--accent-b);border-radius:0 99px 99px 0;flex:1;height:100%}.funds-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=500px){.funds-grid{grid-template-columns:1fr}}.expense-rows{flex-direction:column;gap:8px;display:flex}.expense-legend{color:var(--text-muted);flex-wrap:wrap;gap:16px;font-size:.72rem;display:flex}.legend-credit{color:var(--ok);font-weight:600}.legend-debt{color:var(--danger);font-weight:600}.expense-row{grid-template-columns:1fr 110px auto auto auto;align-items:center;gap:8px;display:grid}@media (width<=600px){.expense-row{grid-template-columns:1fr 100px auto auto}.expense-row .dir-toggle{grid-column:1/-1;justify-content:flex-start}}.exp-desc{border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;outline:none;padding:8px 10px;font-size:.88rem;transition:border-color .15s}.exp-desc:focus{border-color:var(--text-muted)}.who-toggle{border:1.5px solid var(--border);background:var(--surface);border-radius:8px;display:flex;overflow:hidden}.who-btn{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;flex:1;padding:6px 8px;font-size:.78rem;font-weight:700;transition:background .15s,color .15s}.who-btn.sel-a{background:var(--accent-a);color:#fff}.who-btn.sel-b{background:var(--accent-b);color:#fff}.dir-toggle{border:1.5px solid var(--border);background:var(--surface);border-radius:8px;display:flex;overflow:hidden}.dir-btn{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;flex:1;padding:6px 8px;font-size:.75rem;font-weight:700;transition:background .15s,color .15s}.dir-btn.dir-credit{background:var(--ok-light);color:var(--ok)}.dir-btn.dir-debt{background:var(--danger-light);color:var(--danger)}.btn-rm{background:var(--surface-alt);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,color .15s;display:flex}.btn-rm:hover{background:var(--danger-light);color:var(--danger)}.btn-add{border:1.5px dashed var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:.83rem;font-weight:500;transition:border-color .15s,color .15s;display:flex}.btn-add:hover{border-color:var(--text-muted);color:var(--text)}.result-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=500px){.result-grid{grid-template-columns:1fr}}.result-panel{border-radius:10px;flex-direction:column;gap:4px;padding:16px;display:flex}.result-panel.ra{background:var(--accent-a-light);border:1.5px solid var(--accent-a)}.result-panel.rb{background:var(--accent-b-light);border:1.5px solid var(--accent-b)}.result-panel.ok{background:var(--ok-light);border:1.5px solid var(--ok);text-align:center;grid-column:1/-1}.result-panel.warn{background:var(--danger-light);border:1.5px solid var(--danger);text-align:center;grid-column:1/-1}.result-who{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.68rem;font-weight:700}.result-amount{letter-spacing:-.04em;font-size:2rem;font-weight:800;line-height:1.1}.ra .result-amount{color:var(--accent-a)}.rb .result-amount{color:var(--accent-b)}.result-action{margin-top:2px;font-size:.8rem;font-weight:600}.result-detail{color:var(--text-muted);margin-top:4px;font-size:.75rem;line-height:1.6}.result-detail span{display:block}.divider{border:none;border-top:1px solid var(--border)}.summary-row{justify-content:space-between;font-size:.85rem;display:flex}.summary-row .sl{color:var(--text-muted)}.summary-row .sv{font-weight:600}.btn-save{background:var(--text);color:#fff;cursor:pointer;letter-spacing:-.01em;border:none;border-radius:9px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:opacity .15s}.btn-save:hover{opacity:.82}.edit-banner{border-radius:var(--radius);background:#fff8e1;border:1.5px solid #e6c84a;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:.85rem;display:flex}.btn-cancel-edit{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;transition:background .15s}.btn-cancel-edit:hover{background:#0000000f}.modal-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:14px;width:100%;max-width:400px;padding:28px 24px 22px;display:flex;box-shadow:0 8px 40px #0000002e}.modal-title{letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.modal-desc{color:var(--text-muted);margin-top:-6px;font-size:.83rem}.modal-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.date-input{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 10px;font-size:.88rem;transition:border-color .15s}.date-input:focus{border-color:var(--text-muted)}.modal-error{color:var(--danger);margin-top:-6px;font-size:.78rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.btn-modal-cancel{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:border-color .15s}.btn-modal-cancel:hover{border-color:var(--text-muted);color:var(--text)}.btn-modal-confirm{background:var(--text);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-size:.88rem;font-weight:700;transition:opacity .15s}.btn-modal-confirm:disabled{opacity:.35;cursor:not-allowed}.btn-modal-confirm:not(:disabled):hover{opacity:.8}.history-section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-toolbar{align-items:center;gap:8px;display:flex}.btn-toolbar{border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s}.btn-toolbar:hover{border-color:var(--text-muted);color:var(--text)}.btn-toolbar-primary{background:var(--text);color:#fff;border-color:var(--text)}.btn-toolbar-primary:hover{opacity:.82;color:#fff;border-color:var(--text)}.history-list{flex-direction:column;gap:10px;display:flex}.history-card{border:1.5px solid var(--border);border-radius:10px;transition:border-color .15s;overflow:hidden}.history-card.history-active{background:#fffdf0;border-color:#e6c84a}.history-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:13px 16px;display:flex}.history-header:hover{background:var(--surface-alt)}.history-active .history-header:hover{background:#fff9d0}.history-period{flex:1;align-items:center;gap:7px;font-size:.88rem;font-weight:700;display:flex}.active-dot{background:#e6c84a;border-radius:50%;flex-shrink:0;width:8px;height:8px}.history-amounts{gap:14px;font-size:.8rem;font-weight:600;display:flex}@media (width<=500px){.history-amounts{display:none}}.history-chevron{color:var(--text-muted);flex-shrink:0;font-size:.65rem}.history-body{flex-direction:column;gap:10px;padding:0 16px 16px;display:flex}.history-detail-grid{flex-direction:column;gap:5px;display:flex}.hd-row{justify-content:space-between;font-size:.82rem;display:flex}.hd-l{color:var(--text-muted)}.hd-v{font-weight:600}.hd-section{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:6px;font-size:.68rem;font-weight:700}.history-actions{gap:10px;margin-top:4px;display:flex}.btn-load{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.83rem;font-weight:600;transition:border-color .15s}.btn-load:hover{border-color:var(--text-muted)}.btn-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;padding:8px 14px;font-size:.83rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.btn-delete:hover{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.income-pct-badge{color:var(--text-muted);background:#0000000f;border-radius:20px;width:fit-content;margin-top:2px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.badge-credit{background:var(--ok-light);color:var(--ok);border:1px solid var(--ok);border-radius:20px;margin-top:4px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-block}