:root{--brand:#2952cc;--brand-ink:#fff;--brand-tint:#e6ecfb;--brand-strong:#1b3a99;--bg:#f0f2f5;--card:#fff;--ink:#111827;--muted:#5b6472;--line:#c9ced6;--sep:#e6e9ee;--ok:#157f3d;--ok-t:#e3f4e8;--warn:#9a4a06;--warn-t:#fcefd9;--bad:#b42318;--bad-t:#fde7e5;--vio:#6b3fc4;--vio-t:#efe8fb;--neutral-t:#eef0f3;--neutral:#4a5260;--skel:#e2e6ec;--seg:#e2e6ec;--side:#171a21;--side-ink:#c9ceda;--side-on:#262b36;--side-accent:#7fa0ff;--chart-income:#2952cc;--chart-expense:#e08a00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand:#7fa0ff;--brand-ink:#0b1020;--brand-tint:#1e2740;--brand-strong:#c7d3ff;--bg:#0f1115;--card:#1a1d24;--ink:#eef0f4;--muted:#a3aab8;--line:#3a404c;--sep:#2a2f3a;--ok:#5dd39e;--ok-t:#173a26;--warn:#f5b95f;--warn-t:#3a2a12;--bad:#ff8a80;--bad-t:#45201c;--vio:#c9b5ff;--vio-t:#2d2346;--neutral-t:#2a2f3a;--neutral:#c3c8d2;--skel:#2a2f3a;--seg:#23272f;--side:#0b0d11;--side-on:#1e2330;--chart-income:#7fa0ff;--chart-expense:#f5b95f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--brand:#7fa0ff;--brand-ink:#0b1020;--brand-tint:#1e2740;--brand-strong:#c7d3ff;--bg:#0f1115;--card:#1a1d24;--ink:#eef0f4;--muted:#a3aab8;--line:#3a404c;--sep:#2a2f3a;--ok:#5dd39e;--ok-t:#173a26;--warn:#f5b95f;--warn-t:#3a2a12;--bad:#ff8a80;--bad-t:#45201c;--vio:#c9b5ff;--vio-t:#2d2346;--neutral-t:#2a2f3a;--neutral:#c3c8d2;--skel:#2a2f3a;--seg:#23272f;--side:#0b0d11;--side-on:#1e2330;--chart-income:#7fa0ff;--chart-expense:#f5b95f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font:400 15px/22px Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--brand)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.skip{position:absolute;top:8px;left:-999px}.skip:focus{z-index:50;background:var(--card);border-radius:8px;padding:8px 12px;left:8px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.h1{letter-spacing:-.4px;margin:0;font:700 26px/32px Inter,sans-serif}.h2{margin:0;font:700 20px/26px Inter,sans-serif}.h3{margin:0;font:600 15px/20px Inter,sans-serif}.sec{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin:10px 4px 0;font:600 13px/18px Inter,sans-serif}.p{margin:0}.small{color:var(--muted);font-size:13px;line-height:18px}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.pre{white-space:pre-wrap}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:4px;min-width:0;display:flex}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:12px;display:flex}.list{flex-direction:column;gap:8px;display:flex}.wrap{flex-wrap:wrap;gap:8px;display:flex}.end{align-items:flex-end}.right{text-align:right}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.card{background:var(--card);border-radius:12px;padding:14px 16px}a.card{color:inherit;text-decoration:none;display:block}a.card.row{display:flex}.sep{background:var(--sep);height:1px}.logo{background:#2952cc;border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.wordmark{letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;font:700 17px/1.1 Inter,sans-serif;overflow:hidden}.av{background:var(--brand-tint);width:40px;height:40px;color:var(--brand-strong);text-align:center;border-radius:50%;flex:none;font:700 14px/40px Inter,sans-serif;text-decoration:none}.btn,.btn2,.btnw,.btnd{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn{background:var(--brand);color:var(--brand-ink)}.btn2{background:var(--brand-tint);color:var(--brand)}.btnw{background:var(--card);color:var(--ink)}.btnd{background:var(--bad);color:#fff}.btnbad{background:var(--bad-t);color:var(--bad)}.btnt{min-height:44px;color:var(--brand);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-weight:600;text-decoration:none;display:inline-flex}.btn.sm,.btn2.sm,.btnw.sm{border-radius:10px;min-height:44px;padding:0 12px;font-size:14px}.full{width:100%}.iconbtn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.dots{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;margin:-10px -12px -10px 0;display:flex}.fld{flex-direction:column;gap:6px;min-width:0;display:flex}.fld label{color:var(--muted);font:600 13px/18px Inter,sans-serif}.inp{border:1px solid var(--line);background:var(--card);width:100%;min-height:48px;color:var(--ink);border-radius:10px;padding:0 14px;font-size:16px}select.inp{appearance:auto}.inp.err{border-color:var(--bad)}.ta{resize:vertical;min-height:92px;padding:12px 14px;line-height:22px}.errt{color:var(--bad);font:500 13px/18px Inter,sans-serif}.check{align-items:center;gap:10px;min-height:44px;display:flex}.check input{width:20px;height:20px}.chip{white-space:nowrap;border-radius:12px;align-items:center;height:24px;padding:0 10px;font:600 12px/24px Inter,sans-serif;display:inline-flex}.c-draft{background:var(--neutral-t);color:var(--neutral)}.c-sent{background:var(--brand-tint);color:var(--brand)}.c-viewed{background:var(--vio-t);color:var(--vio)}.c-part{background:var(--warn-t);color:var(--warn)}.c-paid{background:var(--ok-t);color:var(--ok)}.c-over{background:var(--bad-t);color:var(--bad)}.c-cancel{background:var(--neutral-t);color:var(--neutral);text-decoration:line-through}.seg{background:var(--seg);border-radius:10px;gap:3px;padding:3px;display:flex}.seg button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;font-size:14px;font-weight:600}.seg button.on{background:var(--card);color:var(--ink)}.pills{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.pill{background:var(--card);min-height:36px;color:var(--muted);white-space:nowrap;border:0;border-radius:18px;padding:0 14px;font-size:13px;font-weight:600}.pill.on{background:var(--ink);color:var(--bg)}.search{background:var(--card);min-height:44px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{min-width:0;height:42px;color:var(--ink);background:0 0;border:0;flex:1;font-size:15px}.search input:focus{outline:none}.search:focus-within{outline:3px solid var(--brand);outline-offset:1px}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;display:flex}.emptyicon{color:var(--brand);display:inline-flex}.emptyicon.bad{color:var(--bad)}.skel{background:var(--skel);border-radius:8px;display:block}.errbanner{background:var(--bad-t);color:var(--bad)}.okbanner{background:var(--ok-t);color:var(--ok)}.warnbanner{background:var(--warn-t);color:var(--warn)}.infobanner{background:var(--brand-tint);color:var(--brand-strong)}.offline{background:var(--ink);color:var(--bg);border-radius:12px;align-items:center;gap:8px;margin:0 16px 8px;padding:12px 14px;font-size:14px;display:flex}.ptr{color:var(--muted);justify-content:center;align-items:center;font-size:13px;transition:height .1s;display:flex;overflow:hidden}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:440px;min-height:100dvh;margin:0 auto;padding:24px;display:flex}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.kpi{background:var(--card);border-radius:12px;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;display:flex}.kpi b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font:700 20px/26px Inter,sans-serif}.pos{color:var(--ok)}.neg{color:var(--bad)}.app{min-height:100dvh}.side{display:none}.appmain{min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.top{z-index:10;background:var(--bg);min-height:60px;padding:0 12px 0 16px;padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbrand{min-width:0;min-height:44px;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.topright{align-items:center;gap:4px;display:flex}.content{flex-direction:column;flex:1;gap:12px;width:100%;max-width:1080px;margin:0 auto;padding:4px 16px 120px;display:flex}.pagehead{align-items:center;gap:4px;min-height:48px;display:flex}.pagehead .iconbtn{margin-left:-10px}.bottomnav{z-index:20;background:var(--card);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{min-height:64px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font:600 11px/14px Inter,sans-serif;text-decoration:none;display:flex}.bottomnav a.on{color:var(--brand)}.fab{right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:15;background:var(--brand);min-height:52px;color:var(--brand-ink);border-radius:26px;align-items:center;gap:8px;padding:0 20px 0 16px;font-weight:600;text-decoration:none;display:flex;position:fixed;box-shadow:0 6px 18px #11182738}.deskonly{display:none}.sticky-actions{bottom:calc(64px + env(safe-area-inset-bottom));background:var(--bg);z-index:5;gap:8px;padding:12px 0;display:flex;position:sticky}@media (min-width:1024px){.app{display:flex}.side{background:var(--side);width:260px;color:var(--side-ink);flex-direction:column;flex:none;gap:6px;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebrand{color:#fff;align-items:center;gap:10px;min-height:52px;margin-bottom:8px;padding:0 6px;font-weight:700;text-decoration:none;display:flex}.sidebrand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side .btn{color:#fff;background:#2952cc;margin-bottom:10px}.sidenav{flex-direction:column;gap:2px;display:flex}.sidenav a{min-height:44px;color:var(--side-ink);border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-weight:500;text-decoration:none;display:flex}.sidenav a.on{background:var(--side-on);color:#fff}.sidenav a.on svg{color:var(--side-accent)}.appmain{flex:1;min-width:0;padding-bottom:0}.topbrand{visibility:hidden}.bottomnav,.fab{display:none}.deskonly{display:inline-flex}.content{padding:4px 32px 48px}.kpis.four{grid-template-columns:repeat(4,minmax(0,1fr))}.sticky-actions{bottom:0}.split{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}}.scrim{z-index:100;background:#11182780;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--card);color:var(--ink);border-radius:24px;flex-direction:column;gap:14px;width:100%;max-width:440px;max-height:calc(100dvh - 48px);padding:24px;display:flex;overflow-y:auto}.modal .row .iconbtn{margin:-10px -10px -10px 0}.modal .card{background:var(--bg)}.pickrow{background:var(--bg);text-align:left;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 14px;display:flex}.toastwrap{left:16px;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:120;pointer-events:none;justify-content:center;display:flex;position:fixed}.toast{background:var(--ink);color:var(--bg);border-radius:12px;width:100%;max-width:440px;padding:14px 16px;font-size:14px}.toast.error{background:var(--bad);color:#fff}.chart{align-items:flex-end;gap:12px;height:160px;display:flex}.chart .m{flex:1;align-items:flex-end;gap:3px;height:100%;display:flex}.chart .m span{border-radius:4px 4px 0 0;flex:1;min-height:2px}.chart .inc{background:var(--chart-income)}.chart .exp{background:var(--chart-expense)}.legend{color:var(--muted);gap:16px;font-size:13px;display:flex}.legend i{border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.adslot{flex-direction:column;gap:4px;min-height:60px;display:flex}.tablebox{overflow-x:auto}.tbl{border-collapse:separate;border-spacing:0 8px;width:100%;font-size:14px}.tbl th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:0 14px;font:600 12px/16px Inter,sans-serif}.tbl td{background:var(--card);vertical-align:middle;padding:12px 14px}.tbl td:first-child{border-radius:12px 0 0 12px}.tbl td:last-child{border-radius:0 12px 12px 0}.thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.thumbs button{aspect-ratio:1;background:var(--skel);border:0;border-radius:10px;padding:0;overflow:hidden}.thumbs img{object-fit:cover;width:100%;height:100%;display:block}.preview-img{background:var(--skel);border-radius:14px;width:100%;display:block}.logo-img{object-fit:contain;background:#fff;border-radius:14px;width:64px;height:64px}.public{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;padding:20px 16px 40px;display:flex}.doclines{border-collapse:collapse;width:100%;font-size:14px}.doclines th{text-align:left;color:var(--muted);border-bottom:2px solid var(--ink);padding:8px 0;font:600 12px/16px Inter,sans-serif}.doclines td{border-bottom:1px solid var(--sep);vertical-align:top;padding:10px 0}.doclines .r{text-align:right;white-space:nowrap;padding-left:10px}.landing{max-width:1120px;margin:0 auto;padding:0 24px}.hero{flex-wrap:wrap;align-items:center;gap:40px;padding:64px 0 48px;display:flex}.hero>div{flex-direction:column;flex:400px;gap:18px;display:flex}.hero h1{letter-spacing:-1px;margin:0;font:700 clamp(36px,6vw,52px)/1.1 Inter,sans-serif}.features{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding:24px 0;display:grid}.features .card{flex-direction:column;gap:8px;padding:24px;display:flex}.login{flex-direction:column;max-width:440px;min-height:100dvh;margin:0 auto;display:flex}.login .hero-area{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.login .actions{padding:16px 20px calc(24px + env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.otp{letter-spacing:8px;text-align:center;font-size:24px}