:root{--wa-green: #25d366;--wa-green-dark: #128c7e;--wa-teal: #075e54;--wa-blue: #34b7f1;--wa-bubble-out: #d9fdd3;--wa-chat-bg: #efeae2;--bg-grouped: #f2f2f7;--bg-surface: #ffffff;--bg-fill: rgba(120, 120, 128, .12);--label: #000000;--label-secondary: rgba(60, 60, 67, .6);--label-tertiary: rgba(60, 60, 67, .3);--separator: rgba(60, 60, 67, .29);--positive: var(--wa-green);--negative: #ff3b30;--warning: #ff9500;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-large-title: 700 34px/41px var(--font-sans);--text-title-2: 700 22px/28px var(--font-sans);--text-headline: 600 17px/22px var(--font-sans);--text-body: 400 17px/22px var(--font-sans);--text-subhead: 400 15px/20px var(--font-sans);--text-footnote: 400 13px/18px var(--font-sans);--text-caption: 400 12px/16px var(--font-sans);--radius-card: 10px;--radius-control: 12px;--hit-target: 44px;--row-height: 44px}:root[data-theme=dark]{--bg-grouped: #000000;--bg-surface: #1c1c1e;--bg-fill: rgba(120, 120, 128, .24);--label: #ffffff;--label-secondary: rgba(235, 235, 245, .6);--label-tertiary: rgba(235, 235, 245, .3);--separator: rgba(84, 84, 88, .65);--wa-chat-bg: #0b141a;--wa-bubble-out: #005c4b}.money{font-variant-numeric:tabular-nums;white-space:nowrap}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--label);background:var(--bg-grouped);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:var(--wa-green-dark, #128c7e);text-decoration:none;font-weight:500}a:hover{color:var(--wa-teal)}.booting{height:100%;background:var(--bg-grouped)}.langswitch{display:flex;gap:2px;padding:2px;background:var(--bg-fill);border-radius:9px}.langswitch button{padding:5px 11px;border-radius:7px;font:var(--text-footnote);font-weight:600;color:var(--label-secondary)}.langswitch button.on{background:var(--bg-surface);color:var(--label);box-shadow:0 1px 3px #0000001f}.authpage{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-grouped)}.authcard{width:100%;max-width:420px;background:var(--bg-surface);border-radius:16px;padding:28px;box-shadow:0 1px 2px #0000000a,0 12px 40px #00000014}.authhead{display:flex;align-items:center;gap:11px;margin-bottom:26px}.brandmark{width:36px;height:36px;flex:none;border-radius:10px;background:var(--wa-teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.brandname{font:var(--text-headline);letter-spacing:-.2px}.brandtag{font:var(--text-caption);color:var(--label-secondary)}.authhead .langswitch{margin-left:auto}.authtitle{font:var(--text-title-2);margin:0 0 4px;letter-spacing:-.3px}.authhint{font:var(--text-subhead);color:var(--label-secondary);margin:0 0 20px}.authtitle+form{margin-top:20px}.field{display:block;margin-bottom:16px}.fieldlabel{display:block;font:var(--text-footnote);color:var(--label-secondary);margin-bottom:6px}.field input{width:100%;height:var(--hit-target);padding:0 14px;font:var(--text-body);color:var(--label);background:var(--bg-surface);border:1px solid var(--separator);border-radius:var(--radius-control);outline:none}.field input:focus{border-color:var(--wa-green);box-shadow:0 0 0 3px #25d3662e}.fieldhint{display:block;font:var(--text-caption);color:var(--label-tertiary);margin-top:5px}.primary{width:100%;height:50px;border-radius:var(--radius-control);background:var(--wa-green);color:#fff;font:var(--text-headline);margin-top:4px}.primary:hover{filter:brightness(.96)}.primary:disabled{opacity:.6;cursor:default}.formerror{font:var(--text-subhead);color:var(--negative);background:#ff3b3014;border-radius:10px;padding:10px 12px;margin:0 0 14px}.authfooter{margin-top:20px;padding-top:18px;border-top:1px solid var(--separator);text-align:center;font:var(--text-subhead)}.shell{display:flex;min-height:100%;background:#f5f5f7}.side{width:248px;flex:none;background:var(--bg-surface);border-right:1px solid var(--separator);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:16px 16px 12px}.coswitch{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:8px 10px;border:1px solid var(--separator);border-radius:9px;color:var(--label-secondary)}.cologo{width:24px;height:24px;flex:none;border-radius:6px;background:var(--wa-teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.coname{flex:1;min-width:0;font:var(--text-caption);font-weight:600;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wnav{padding:6px 12px;display:flex;flex-direction:column;gap:1px}.nvi{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:8px;font:var(--text-subhead);font-weight:500;color:#3c3c43d9}.nvi.on{background:#25d36621;color:var(--wa-teal);font-weight:600}.nvi.soon{color:var(--label-tertiary)}.nvi .cnt{margin-left:auto;font:var(--text-caption);font-weight:600;color:var(--label-secondary)}.nvi .soontag{margin-left:auto;font-size:10px;line-height:14px;font-weight:600;letter-spacing:.02em;color:var(--label-tertiary);background:var(--bg-fill);border-radius:6px;padding:0 6px}.navrule{height:1px;background:var(--separator);margin:8px 10px}.sidefoot{margin-top:auto;padding:12px;border-top:1px solid var(--separator);display:flex;align-items:center;gap:9px}.sidefoottext{min-width:0}.sidefootname{font:var(--text-caption);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidefootrole{font-size:11px;line-height:14px;color:var(--label-secondary)}.avatar{flex:none;border-radius:50%;background:var(--wa-green-dark);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:var(--text-subhead);font-weight:600;width:34px;height:34px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{flex:none;height:56px;display:flex;align-items:center;gap:12px;padding:0 24px;background:var(--bg-surface);border-bottom:1px solid var(--separator)}.topbar .pagetitle{font:var(--text-title-3, 600 20px/25px var(--font-sans));margin:0;letter-spacing:-.2px}.topsearch{display:flex;align-items:center;gap:7px;width:260px;height:32px;padding:0 10px;background:var(--bg-fill);border-radius:8px;font:var(--text-footnote);color:var(--label-secondary)}.topspacer{flex:1}.content{flex:1;padding:20px 24px 32px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi{background:var(--bg-surface);border:1px solid rgb(0 0 0 / .07);border-radius:12px;padding:15px 16px}.kpilabel{font:var(--text-caption);color:var(--label-secondary)}.kpivalue{font-size:26px;line-height:32px;font-weight:700;letter-spacing:-.6px;margin-top:5px}.kpivalue.owed{color:var(--negative)}.kpihint{font:var(--text-caption);color:var(--label-secondary);margin-top:4px}.columns{display:flex;gap:16px;margin-top:16px;align-items:flex-start}.columns>.pane{flex:1;min-width:0}.rail{width:340px;flex:none;display:flex;flex-direction:column;gap:16px}.pane{background:var(--bg-surface);border:1px solid rgb(0 0 0 / .07);border-radius:12px;overflow:hidden}.panehead{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--separator)}.panehead h2{font:var(--text-headline);margin:0}.tbl{width:100%;border-collapse:collapse}.tbl th{font-size:11.5px;font-weight:600;text-align:left;color:var(--label-secondary);padding:9px 16px;background:#fafafb;border-bottom:1px solid var(--separator);white-space:nowrap}.tbl td{font:var(--text-footnote);padding:10px 16px;border-bottom:1px solid var(--separator)}.tbl tr:last-child td{border-bottom:none}.tbl .rt{text-align:right}.tbl .muted{color:var(--label-secondary)}.tbl .strong{font-weight:600}.tbl .owed{color:var(--negative)}.cellclient{display:flex;align-items:center;gap:9px}.avatar.small{width:28px;height:28px;font-size:12px}.cellclient .avatar{width:26px;height:26px;font-size:11px}.clientname{font-weight:500}.placeholder.small{padding:20px 16px}.channel{display:flex;align-items:center;gap:11px;padding:12px 16px}.channel+.channel{border-top:1px solid var(--separator)}.chicon{width:30px;height:30px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center}.chicon.wa{background:#25d36626;color:var(--wa-green-dark)}.chicon.tg{background:#34b7f129;color:#1d9bf0}.chname{flex:1;font:var(--text-footnote);font-weight:500}.chstate{display:flex;align-items:center;gap:6px;font:var(--text-caption);color:var(--label-secondary)}.dot{width:7px;height:7px;border-radius:4px;background:var(--wa-green);display:block}.dot.off{background:var(--label-tertiary)}.tablewrap{overflow-x:auto}@media(max-width:1320px){.columns{flex-direction:column;align-items:stretch}.rail{width:100%;flex-direction:row}.rail>.pane{flex:1;min-width:0}}@media(max-width:860px){.rail{flex-direction:column}}@media(max-width:1080px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.phone{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg-grouped)}.phonetop{height:env(safe-area-inset-top,0px);flex:none}.phonenav{flex:none;display:flex;align-items:center;gap:10px;padding:8px 16px}.largetitle{font:var(--text-large-title);letter-spacing:-.4px;margin:0;flex:1}.avatar.person{width:34px;height:34px;font-size:13px;background:#8e8e93}.ghost{height:34px;padding:0 13px;border-radius:9px;border:1px solid var(--separator);background:var(--bg-surface);font:var(--text-subhead);font-weight:500}.ghost:hover{background:var(--bg-fill)}.ghost.small{height:32px;padding:0 11px;font:var(--text-footnote);font-weight:500}.phonebody{flex:1;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 96px);overflow-y:auto}.hero{margin:8px 16px 0;background:var(--wa-teal);border-radius:14px;padding:16px;color:#fff}.herosplit{display:flex;gap:16px}.herohalf{flex:1;min-width:0}.herorule{width:1px;background:#ffffff38}.herolabel{font:var(--text-caption);color:#ffffffb3}.herovalue{font-size:26px;line-height:33px;font-weight:700;letter-spacing:-.5px;margin-top:4px}.herovalue.owed{color:#ffd9d6}.herofoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgb(255 255 255 / .22);font:var(--text-footnote);font-weight:600}.quickactions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 16px 0}.qat{background:var(--bg-surface);border-radius:var(--radius-card);min-height:74px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.qat span{font-size:11px;line-height:13px;font-weight:500}.qat.soon{opacity:.45}.grouphead{display:flex;align-items:baseline;gap:8px;padding:20px 16px 7px;font:var(--text-footnote);color:var(--label-secondary)}.groupcount{color:var(--label-tertiary)}.inset{margin:0 16px;background:var(--bg-surface);border-radius:var(--radius-card);overflow:hidden}.inset.rows{list-style:none;padding:0}.insetrow{display:flex;align-items:center;gap:12px;min-height:var(--row-height);padding:11px 16px;position:relative}.insetrow+.insetrow:before{content:"";position:absolute;left:56px;right:0;top:0;height:1px;background:var(--separator)}.rowmain{flex:1;min-width:0}.rowtitle{display:block;font:var(--text-body);font-weight:500}.rowmeta{display:block;font:var(--text-caption);color:var(--label-secondary);margin-top:1px}.rowvalue{font:var(--text-callout, 400 16px/21px var(--font-sans));font-weight:600}.rowvalue.owed{color:var(--negative)}.tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(49px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;background:#f9f9f9f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--separator);z-index:20}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--label-secondary)}.tab.on{color:var(--wa-green-dark)}.tab.soon{opacity:.5}.tab span{font-size:10px;line-height:12px;font-weight:500}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000052;animation:fade .18s ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(100%)}to{transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.dialog{position:fixed;z-index:41;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));background:var(--bg-surface);border-radius:16px;padding:22px;box-shadow:0 24px 70px #0000003d;animation:pop .18s ease-out}.sheet{position:fixed;z-index:41;left:0;right:0;bottom:0;background:var(--bg-grouped);border-radius:16px 16px 0 0;padding:10px 16px calc(env(safe-area-inset-bottom,0px) + 24px);box-shadow:0 -8px 40px #00000038;animation:rise .24s cubic-bezier(.32,.72,0,1)}.grabber{width:36px;height:5px;border-radius:3px;background:var(--label-tertiary);margin:0 auto 12px}.dialogtitle{font:var(--text-title-2);margin:0 0 18px;letter-spacing:-.3px}.sheet .dialogtitle{text-align:center;font:var(--text-title-3, 600 20px/25px var(--font-sans))}.sheet .field input{background:var(--bg-surface)}.dialogactions{display:flex;gap:10px;margin-top:4px}.dialogactions .wide{flex:1}.ghost.wide{height:50px;border-radius:var(--radius-control);font:var(--text-headline)}.btnsmall{height:30px;padding:0 12px;border-radius:8px;background:var(--wa-green);color:#fff;font:var(--text-footnote);font-weight:600}.btnsmall:hover{filter:brightness(.96)}.clientpage{min-height:100vh;min-height:100dvh;background:var(--bg-grouped)}.clientbar{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;padding-top:env(safe-area-inset-top,0px);height:calc(56px + env(safe-area-inset-top,0px));background:var(--bg-surface);border-bottom:1px solid var(--separator);position:sticky;top:0;z-index:10}.backlink{display:flex;align-items:center;gap:5px;color:var(--wa-green-dark);font:var(--text-body)}.clientbarname{flex:1;text-align:center;font:var(--text-headline)}.clientbody{max-width:760px;margin:0 auto;padding:16px 16px 40px}.balancecard{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;background:var(--bg-surface);border-radius:14px;padding:18px}.avatar.large{width:48px;height:48px;font-size:19px}.balancemain{flex:1;min-width:180px}.balancelabel{font:var(--text-footnote);color:var(--label-secondary)}.balancevalue{font-size:32px;line-height:38px;font-weight:700;letter-spacing:-.7px;margin-top:2px}.balancevalue.owed{color:var(--negative)}.balancemeta{display:flex;gap:14px;flex-wrap:wrap;font:var(--text-caption);color:var(--label-secondary);margin-top:6px}.balanceactions{display:flex;gap:8px;width:100%}.balanceactions .primary,.balanceactions .ghost{flex:1;height:46px}.clientbody .pane{margin-top:18px}.entries{list-style:none;margin:0;padding:0}.entry{display:flex;align-items:center;gap:12px;padding:12px 16px}.entry+.entry{border-top:1px solid var(--separator)}.entrymark{width:32px;height:32px;flex:none;border-radius:16px;display:flex;align-items:center;justify-content:center}.entrymark.in{background:#25d36624;color:var(--wa-green)}.entrymark.out{background:#ff3b301f;color:var(--negative)}.entrymain{flex:1;min-width:0}.entrytitle{display:block;font:var(--text-body);font-weight:500}.entrymeta{display:block;font:var(--text-caption);color:var(--label-secondary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entryright{text-align:right;flex:none}.entryamount{display:block;font:var(--text-body);font-weight:600}.entryamount.in{color:#1f8a4c}.entryamount.out{color:var(--negative)}.entrydate{display:block;font:var(--text-caption);color:var(--label-secondary);margin-top:1px}.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover{background:#fafafb}li>.insetrow{width:100%;text-align:left;background:none;border:0}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.board .panehead h2{font:var(--text-subhead);font-weight:600}.taskcards{list-style:none;margin:0;padding:12px;display:flex;flex-direction:column;gap:10px}.taskcard{border:1px solid rgb(0 0 0 / .08);border-radius:10px;padding:12px 13px;background:#fcfcfd}.tasktitle{font:var(--text-footnote);font-weight:500}.tasktitle.done{text-decoration:line-through;color:var(--label-secondary)}.taskfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.tasknumber{font:var(--text-caption);color:var(--label-secondary);font-variant-numeric:tabular-nums}.taskaction{margin-top:10px;width:100%}.pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;font-size:12px;font-weight:600;white-space:nowrap}.pill.neutral{background:#78788024;color:#3c3c43c7}.pill.running{background:#007aff21;color:#0058c7}.pill.done{background:#25d36629;color:#1f8a4c}.field select{width:100%;height:var(--hit-target);padding:0 12px;font:var(--text-body);color:var(--label);background:var(--bg-surface);border:1px solid var(--separator);border-radius:var(--radius-control)}.nvi{width:100%;text-align:left;background:none;border:0}.rowtitle.done{text-decoration:line-through;color:var(--label-secondary)}.insetrow.taskrow{align-items:center;gap:10px}.insetrow.taskrow+.insetrow.taskrow:before{left:16px}.phonenav .btnsmall{width:32px;height:32px;padding:0;font-size:18px;line-height:1}