:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#27233c;background:#f7f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:11px;padding:11px 16px;background:#6853b7;color:#fff;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid #dedbe8;border-radius:10px;background:#fff;padding:11px;width:100%;color:#29243e}label{font-size:13px;font-weight:650;display:flex;flex-direction:column;gap:6px}h1{font-size:27px;letter-spacing:-.8px;margin:0}h2{font-size:18px;margin:0 0 10px}h3{font-size:15px;margin:0}.muted,small{color:#77728b}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#6853b7}.brand svg{width:26px}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.panel{background:#fff;border:1px solid #eceaf2;border-radius:18px;padding:22px;box-shadow:0 3px 18px #20134408}.auth{width:min(100%,430px);display:flex;flex-direction:column;gap:16px}.auth p{margin:0}.ghost{background:transparent;color:#6853b7}.secondary{background:#eeeaf9;color:#59449f}.error{background:#fff1f0;color:#a83b39;padding:12px;border-radius:9px}.app header{height:72px;background:#fff;border-bottom:1px solid #eeeaf3;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.headright{display:flex;align-items:center;gap:14px;font-size:13px;color:#77728b}.iconbtn{padding:8px;background:transparent;color:#77728b}.layout{display:flex;min-height:calc(100vh - 72px)}nav{width:220px;flex-shrink:0;padding:22px 12px;border-right:1px solid #e9e7f0;display:flex;flex-direction:column;gap:6px}nav button{justify-content:flex-start;background:transparent;color:#655f7b;font-weight:550}nav button.active{background:#eae5fa;color:#5840aa}.content{width:100%;max-width:1160px;margin:0 auto;padding:32px}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.heading p{margin:6px 0 0}.actions{display:flex;gap:10px;align-items:center}.actions input{width:155px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stat{padding:22px;background:#fff;border:1px solid #eceaf2;border-radius:16px;display:flex;flex-direction:column;gap:10px}.stat span{color:#7d768e;font-size:13px}.stat strong{font-size:25px;letter-spacing:-.5px}.content>.panel{margin-bottom:18px}.balances{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.balances>div{padding:14px;border-radius:12px;background:#f8f7fb;display:flex;flex-direction:column;gap:6px}.balances strong{font-size:22px}.positive{color:#24866b}.negative{color:#c15b59}.invite{display:flex;gap:12px;align-items:center}.invite code{padding:12px;background:#f5f2fb;border-radius:9px;letter-spacing:2px}.entries{display:flex;flex-direction:column}.entry{display:flex;align-items:center;gap:16px;border-top:1px solid #f0edf5;padding:15px 0}.entrymain{flex:1;min-width:0}.entrytitle{font-weight:700;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.entry small{display:block;margin-top:6px}.pill{border-radius:100px;background:#fff2e2;color:#ad6d23;font-size:11px;padding:4px 9px;font-weight:650}.pill.done{background:#e5f6ed;color:#23825e}.entrybuttons{display:flex}.empty{color:#8c879a;padding:18px 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17102699;display:flex;justify-content:flex-end;z-index:10}.modal{background:#fff;width:min(100%,590px);height:100%;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:17px}.modalhead{display:flex;align-items:center;justify-content:space-between}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.split{padding:16px;border-radius:13px;background:#f7f5fb;display:flex;flex-direction:column;gap:12px}.split label{display:grid;grid-template-columns:1fr 150px;align-items:center}.save{width:100%;padding:14px}@media(max-width:760px){.app header{padding:0 16px}.headright span{display:none}.layout{display:block;padding-bottom:70px}nav{position:fixed;bottom:0;left:0;right:0;width:100%;height:70px;background:#fff;z-index:5;flex-direction:row;justify-content:space-around;border-top:1px solid #e9e7f0;padding:7px 4px;gap:0}nav button{font-size:10px;flex-direction:column;gap:3px;padding:6px 3px;min-width:0;flex:1}.content{padding:22px 14px}.heading{align-items:stretch;flex-direction:column}.actions{justify-content:space-between}.cards{grid-template-columns:1fr 1fr}.cards .stat:last-child{grid-column:span 2}.stat{padding:15px}.stat strong{font-size:20px}.entry{gap:8px;flex-wrap:wrap}.entrymain{flex-basis:60%}.entrybuttons{width:100%;justify-content:flex-end}.fields{grid-template-columns:1fr 1fr}.modal{padding:18px}.invite{flex-wrap:wrap}}:root{--accent:#6853b7;--accent-soft:#eae5fa;--page:#f7f6fb;--surface:#fff;--ink:#27233c;--stroke:#eceaf2}:root[data-accent=blue]{--accent:#3675d5;--accent-soft:#e5efff}:root[data-accent=green]{--accent:#168b77;--accent-soft:#e2f5ef}:root[data-accent=coral]{--accent:#d96b63;--accent-soft:#fff0ec}:root[data-theme=dark]{--page:#171923;--surface:#242735;--ink:#f2f0f8;--stroke:#393d4d;--accent-soft:#39364e;color-scheme:dark}body{background:var(--page);color:var(--ink)}button:not(.ghost):not(.secondary):not(.iconbtn):not(.active){background:var(--accent)}.brand,.ghost{color:var(--accent)}.panel,.stat,.app header,.modal{background:var(--surface);border-color:var(--stroke);color:var(--ink)}.app header{background:var(--surface)}input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--stroke)}nav{border-color:var(--stroke)}nav button.active{background:var(--accent-soft);color:var(--accent)}.secondary{background:var(--accent-soft);color:var(--accent)}.balances>div,.split,.invite code{background:var(--page)}.entry{border-color:var(--stroke)}.stat{padding:18px}.content{padding-top:24px}.panel{padding:20px}.settings{display:grid;gap:16px;max-width:580px}.settings label{max-width:420px}.listhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.listhead h2{margin:0}.searchbox{display:flex;align-items:center;gap:8px;border:1px solid var(--stroke);border-radius:12px;padding:0 10px;min-width:210px}.searchbox input{border:0;min-width:0}.sync{display:flex;align-items:center;gap:5px;font-size:12px;color:#218c70}.sync.desconectado{color:#d36a5e}.sync.conectando{color:#a8833c}nav button{transition:background .18s ease,color .18s ease}button{transition:filter .15s ease,transform .15s ease}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:scale(.985)}@media(max-width:760px){.listhead{flex-direction:column;align-items:stretch}.searchbox{width:100%}.sync{font-size:0}.sync svg{width:18px;height:18px}nav button{font-size:9px}.content{padding-top:18px}}:root{--shadow:0 8px 30px rgba(31,24,70,.055);--radius:20px}body{background:var(--page);-webkit-font-smoothing:antialiased}.app header{height:76px;position:sticky;top:0;z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--stroke);padding-inline:clamp(18px,3vw,46px)}.app header .brand{letter-spacing:-.7px}.app header .brand svg{background:var(--accent-soft);border-radius:12px;padding:6px;width:38px;height:38px}.layout{min-height:calc(100vh - 76px)}.layout nav{width:236px;padding:26px 14px;gap:7px;background:var(--surface);border-color:var(--stroke);position:sticky;top:76px;height:calc(100vh - 76px)}.layout nav button{border-radius:13px;min-height:45px;padding:12px 14px;gap:13px;font-weight:650;transition:background .2s,color .2s,transform .2s}.layout nav button:not(.active):hover{background:var(--page);color:var(--ink)}.layout nav button.active{box-shadow:inset 3px 0 0 var(--accent)}.content{max-width:1320px;padding:clamp(22px,3vw,42px);min-width:0}.heading{margin-bottom:28px}.heading h1{font-size:clamp(27px,2.7vw,36px);font-weight:820;letter-spacing:-1.25px}.heading .muted{font-size:14px}.actions button{min-height:44px;box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 22%,transparent)}.actions input{min-height:44px}.panel,.stat{border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow)}.content>.panel{margin-bottom:20px}.cards{gap:16px;margin-bottom:20px}.stat{position:relative;overflow:hidden;min-height:135px;padding:23px 24px;justify-content:center;gap:13px}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent);opacity:.72}.stat:nth-child(2):before{background:#f2a35c}.stat:nth-child(3):before{background:#49b8a0}.stat span{font-size:13px;font-weight:650;letter-spacing:.1px}.stat strong{font-size:clamp(24px,2.4vw,33px);font-weight:820;letter-spacing:-1.2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.content>.panel>h2,.listhead h2{font-size:18px;letter-spacing:-.45px}.balances{gap:14px;margin-top:17px}.balances>div{padding:19px;border:1px solid var(--stroke);border-radius:15px;gap:9px}.balances strong{font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-.8px}.balances small{line-height:1.5}.entry{padding:17px 6px;transition:background .15s}.entry:hover{background:var(--page);border-radius:11px}.entrytitle{font-size:14px}.entry strong{font-variant-numeric:tabular-nums;white-space:nowrap}.entrybuttons{gap:3px}.entrybuttons .iconbtn{border:1px solid transparent;border-radius:10px}.entrybuttons .iconbtn:hover{background:var(--accent-soft);color:var(--accent)}.searchbox{background:var(--page);border-color:var(--stroke);transition:border-color .2s}.searchbox:focus-within{border-color:var(--accent);outline:3px solid var(--accent-soft)}.searchbox input{background:transparent}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill{letter-spacing:.1px}.modal{box-shadow:-15px 0 55px #110d262e}.modalhead{position:sticky;top:-28px;background:var(--surface);z-index:2;padding:14px 0;border-bottom:1px solid var(--stroke)}:root[data-theme=dark]{--shadow:0 9px 30px rgba(0,0,0,.15)}@media(max-width:760px){.app header{height:64px;padding:0 15px}.app header .brand{font-size:18px}.app header .brand svg{width:34px;height:34px}.layout{min-height:calc(100vh - 64px);padding-bottom:82px}.layout nav{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:76px;z-index:9;flex-direction:row;gap:2px;padding:7px 5px max(7px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0000000d}.layout nav button{min-height:55px;padding:7px 2px;gap:5px;flex-direction:column;justify-content:center;font-size:10px;border-radius:12px}.layout nav button.active{box-shadow:inset 0 -3px 0 var(--accent)}.content{padding:20px 14px 30px}.heading{gap:15px;margin-bottom:20px}.heading h1{font-size:28px}.cards{gap:10px}.stat{min-height:112px;padding:16px}.stat strong{font-size:clamp(20px,5vw,27px)}.panel{padding:17px;border-radius:17px}.entry{padding:14px 2px}.modalhead{top:-18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--page:#f6f7fc;--surface:#fff;--ink:#20233a;--stroke:#e9eaf3;--shadow:0 10px 38px rgba(32,30,69,.055);--radius:22px}:root[data-theme=dark]{--page:#131722;--surface:#202636;--ink:#f2f3fb;--stroke:#343d50;--shadow:0 12px 36px rgba(0,0,0,.18)}.app{min-height:100vh}.app header{background:color-mix(in srgb,var(--surface) 92%,transparent)}.app header .brand{gap:12px;font-size:19px;line-height:1.1}.app header .brand em{font-style:normal;color:var(--accent)}.app header .brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:2px;font-weight:800;color:#9a9aae}.app header .brandmark{width:42px;height:42px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:14px;box-shadow:0 6px 17px color-mix(in srgb,var(--accent) 26%,transparent)}.app header .brandmark svg{background:none;width:25px;height:25px;padding:0}.headright{gap:16px}.headright>span:nth-child(2){font-weight:650;color:var(--ink)}.headright .iconbtn{border:1px solid var(--stroke);border-radius:12px}.layout nav{background:var(--surface)}.nav-intro{padding:5px 14px 20px;margin-bottom:12px;border-bottom:1px solid var(--stroke);display:flex;flex-direction:column;gap:8px}.nav-intro span,.section-kicker,.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:850;color:var(--accent)}.nav-intro strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-foot{margin-top:auto;padding:15px 10px 4px;display:flex;align-items:center;gap:9px;color:#9392a6;font-size:11px;line-height:1.4}.nav-foot svg{flex-shrink:0;color:var(--accent)}.layout nav button svg{flex-shrink:0}.eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px}.heading h1{font-size:clamp(29px,3vw,39px);letter-spacing:-1.5px}.heading .muted{margin-top:9px;font-size:14px}.actions button{border-radius:13px;font-weight:750}.stat{border-radius:21px;min-height:155px;gap:10px;padding:23px 25px}.stat:before{height:0}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-top span:first-child{font-size:13px;color:var(--ink);font-weight:750}.stat-icon,.section-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.stat-paid{background:linear-gradient(125deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#171d38));color:#fff;border-color:transparent;box-shadow:0 15px 32px color-mix(in srgb,var(--accent) 20%,transparent)}.stat-paid .stat-top span:first-child,.stat-paid small{color:#ffffffd9}.stat-paid .stat-icon{background:#ffffff25;color:#fff}.stat-paid strong{color:#fff}.stat-pending .stat-icon{background:#fff1e4;color:#cb7b2d}.stat-count .stat-icon{background:#e6f6f1;color:#249e7d}.stat strong{font-size:clamp(27px,2.7vw,36px);line-height:1.2}.stat small{font-size:12px;color:#9291a5}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.section-heading h2{margin:6px 0 0;font-size:20px;letter-spacing:-.55px}.section-kicker{display:block}.balance-panel>.muted,.invite-panel>.muted{line-height:1.65;font-size:12px}.balances>div{background:color-mix(in srgb,var(--page) 70%,var(--surface));padding:20px;border-radius:17px}.balances b{font-size:14px}.balances strong{font-size:27px}.invite{margin-top:15px}.invite code{border:1px dashed var(--stroke);font-size:15px;font-weight:800}.invite button{border-radius:11px}.movements-panel{padding-bottom:10px}.listhead{margin-bottom:13px}.listhead h2{margin-top:6px;font-size:20px}.searchbox{min-height:45px;border-radius:13px}.entry{gap:13px;padding:16px 7px}.entry-symbol{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:13px;background:var(--accent-soft);color:var(--accent)}.entry-symbol.is-paid{background:#e7f6ee;color:#249d6e}.entry-symbol.is-pending{background:#fff2e4;color:#bd7b35}.entrytitle{font-size:14px;gap:10px}.entry small{font-size:11px;line-height:1.5}.entry>strong{font-size:15px;letter-spacing:-.3px}.entrybuttons .iconbtn{width:34px;height:34px;padding:7px}.settings{max-width:690px}.settings>label{max-width:none}.settings select{min-height:46px}.modal{padding:30px;gap:19px}.modalhead{top:-30px;padding:15px 0}.modalhead h2{font-size:22px;margin:6px 0 0;letter-spacing:-.7px}.modal label{font-size:12px}.modal input,.modal select,.modal textarea{min-height:44px}.split{border:1px solid var(--stroke);border-radius:17px;padding:19px}.split h3{font-size:15px}.save{min-height:50px;border-radius:13px}.auth{box-shadow:var(--shadow)}@media(max-width:900px)and (min-width:761px){.layout nav{width:195px}.content{padding:22px}.stat{padding:17px}.stat strong{font-size:25px}}@media(max-width:760px){.app header .brand small{font-size:8px;letter-spacing:1.2px}.app header .brandmark{width:36px;height:36px;border-radius:11px}.app header .brandmark svg{width:21px;height:21px}.layout nav{background:var(--surface)}.nav-intro,.nav-foot{display:none}.heading h1{font-size:30px}.eyebrow{font-size:9px}.stat{min-height:122px;padding:15px;gap:8px}.stat-top{align-items:flex-start}.stat-top span:first-child{font-size:11px}.stat-icon{width:32px;height:32px;border-radius:10px}.stat-icon svg{width:17px}.stat strong{font-size:clamp(20px,5vw,27px)}.stat small{font-size:10px}.entry-symbol{width:35px;height:35px}.entry-symbol svg{width:17px}.entry{gap:8px}.entry>strong{font-size:14px}.section-heading h2{font-size:18px}.modal{padding:18px}.modalhead{top:-18px}}@media(max-width:380px){.stat{padding:12px}.stat strong{font-size:19px}.layout nav button{font-size:9px}.entry-symbol{display:none}}