:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20352f;background:#f3f5ef;font-size:16px;--green:#245f48;--muted:#62736a;--line:#dbe3d9}*{box-sizing:border-box}body{margin:0}header{max-width:1000px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:22px;font-weight:800;color:#244e3b;text-decoration:none;line-height:1.1}.brand span{display:block;font-weight:500;font-size:13px;letter-spacing:2px}.avatar{color:var(--green);background:#e1e9dc;border-radius:100px;padding:12px 18px;text-decoration:none;font-weight:600}main{max-width:900px;margin:auto;padding:12px 24px 120px}h1{font-size:clamp(28px,5vw,40px);letter-spacing:-1.3px;line-height:1.15;margin:12px 0 24px}h2{font-size:23px;letter-spacing:-.5px}p{line-height:1.6}small{color:var(--muted);line-height:1.6}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted);margin-top:15px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:16px;box-shadow:0 3px 15px #20352f03}.balance{background:#e4eddb;border-color:#d4e2c8;padding:30px}.balance h2{font-size:clamp(26px,5vw,36px);max-width:650px}.balance small{color:#446149}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid .card{min-width:0}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}input,select{font:inherit;width:100%;margin-top:8px;border:1px solid #cdd8cd;border-radius:12px;padding:14px;background:#fff;color:#20352f;min-height:48px}input[type=range]{padding:0;accent-color:var(--green);border:0}input[type=checkbox]{width:20px;min-height:20px;margin:0;accent-color:var(--green)}.check{display:flex;align-items:center;gap:10px}.button,button{display:inline-block;border:0;background:var(--green);color:white;font:inherit;font-weight:650;border-radius:12px;padding:14px 20px;text-align:center;text-decoration:none;cursor:pointer;min-height:48px;margin-top:16px}.secondary{background:#eaf0e6;color:#244e3b}.danger{background:#f5e8e2;color:#8a3926}.textlink{color:var(--green);display:block;margin:16px 0;font-weight:600;text-decoration:none}fieldset{border:1px solid var(--line);border-radius:14px;margin:24px 0;padding:16px}legend{font-size:14px;font-weight:650}.split-label,.line{display:flex;justify-content:space-between;gap:16px}.split-label{font-size:14px}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.amount{font-size:38px;font-weight:750;letter-spacing:-1px}.movement{display:flex;justify-content:space-between;align-items:center;gap:18px;text-decoration:none;color:inherit}.movement small{display:block;margin-top:6px}.movement>div:last-child{text-align:right}.badge{font-size:11px;font-weight:650;padding:5px 10px;display:inline-block;background:#edf1e8;color:#536445;border-radius:100px;margin:6px 3px 0 0}.pendiente{background:#fff2cf;color:#8b650b}.parcial{background:#e5edf9;color:#466591}.pagado{background:#deefdf;color:#32724e}.notice{background:#e0eddc;border-radius:14px;padding:16px;margin:12px 0;line-height:1.5}.error{background:#f7e3dc;color:#843d2a}.warning{background:#fff0cb;color:#785b1f}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.chips a{padding:10px 14px;border-radius:100px;background:#e8ede2;color:#36513e;text-decoration:none;font-size:13px}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:clamp(8px,4vw,45px);padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.bottom a{text-decoration:none;color:var(--muted);font-size:12px;font-weight:650;padding:12px 3px}.bottom .selected{color:var(--green)}.bottom .add{width:52px;height:52px;border-radius:18px;background:var(--green);color:#fff;font-size:28px;text-align:center;line-height:26px}.auth{max-width:460px;margin:40px auto}.auth h1{font-size:43px}.auth button,form.card>button{width:100%}.month{display:flex;gap:12px;align-items:flex-end;margin:16px 0 24px}.month label{margin:0;flex:1}.month button{margin:0}.stepper{display:flex;gap:12px;align-items:center}.stepper button{margin:8px 0 0}.stepper input{text-align:center}.result{text-align:center;padding:32px 0}.result p{margin:5px}.application{border-bottom:1px solid var(--line);padding:14px 0}.application p{margin:5px 0}summary{cursor:pointer;min-height:32px}details p{text-align:left}.filters{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.filters label{flex:1;margin:0;min-width:130px}.filters .check{padding:14px 0}.filters button{margin:0}:focus-visible{outline:3px solid #a4c581;outline-offset:3px}@media(max-width:520px){header{padding:20px}main{padding:10px 18px 115px}.card{padding:20px;border-radius:18px}.grid{gap:10px}.grid .card{padding:16px}.grid h2{font-size:24px}.grid p{font-size:12px}.movement{align-items:flex-start}.movement strong{font-size:14px}.movement small{font-size:11px}.amount{font-size:34px}.auth{margin:20px auto}.balance{padding:24px}.split-label{font-size:12px}.line{flex-wrap:wrap}}
:root .account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}.account-actions .avatar{max-width:180px;overflow-wrap:anywhere}.account-actions form{margin:0}.account-actions .logout-button{margin:0;padding:12px;background:transparent;color:var(--green);font-size:13px;white-space:nowrap}@media(max-width:520px){header{align-items:flex-start}.account-actions{gap:4px;max-width:60%}.account-actions .avatar{padding:10px 12px;font-size:13px}.account-actions .logout-button{padding:10px 8px}}
.history-table{border-collapse:separate;border-spacing:0 12px;width:100%;font-size:14px}.history-table th{text-align:left;padding:0 20px;color:var(--muted);font-weight:600}.history-table th:last-child{text-align:right}.history-movement td{background:white;padding:20px;vertical-align:top;border-top:1px solid var(--line)}.history-movement td:first-child{border-left:1px solid var(--line);border-radius:18px 0 0 0}.history-movement td:last-child{border-right:1px solid var(--line);border-radius:0 18px 0 0}.history-table small{display:block;margin-top:5px}.history-type{display:block;font-size:11px;letter-spacing:.5px;color:var(--muted);margin-bottom:7px}.history-description{display:block;overflow-wrap:anywhere}.history-description a{color:var(--green);text-decoration:none}.history-date{width:25%;white-space:nowrap}.history-amount{text-align:right;white-space:nowrap}.history-snapshot td{padding:14px 20px 20px;background:#eaf0e4;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px}.snapshot-title{margin:0 0 10px!important;font-size:11px;letter-spacing:.3px}.debt-line{display:flex;justify-content:space-between;gap:12px;padding:4px 0;color:var(--muted);font-size:13px}.debt-line strong{white-space:nowrap}.debt-line.has-debt{color:var(--green)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.history-table,.history-table tbody,.history-table tr,.history-table td{display:block}.history-table{border-spacing:0}.history-table thead{display:none}.history-entry{margin-bottom:16px}.history-movement{display:grid!important;grid-template-columns:minmax(0,1fr) auto;background:white;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;padding:18px;gap:12px}.history-movement td{padding:0;border:0!important;border-radius:0!important;background:transparent}.history-date{grid-column:1/-1;width:100%;white-space:normal;font-size:12px}.history-date small{display:inline;margin-left:8px;font-size:10px}.history-movement td:nth-child(2){min-width:0}.history-amount{font-size:14px}.history-snapshot td{padding:14px 18px 18px}.debt-line{font-size:12px}}
.history-table{border-spacing:0}.history-table th{padding-bottom:14px}.history-entry::after{content:"";display:table-row;height:16px}.filters.card>button{width:auto}@media(max-width:640px){.history-entry::after{display:none}}
@media(max-width:520px){.filters label:not(.check){flex-basis:100%}}