:root{--g:#1f5a3d;--g2:#2f7a55;--bg:#f4f7f5;--line:#dfe8e2;--mut:#66746c;--red:#b4432f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,'Noto Sans Tamil',sans-serif;color:#1b2620;font-size:15px}
button,input,textarea{font:inherit}
.top{background:var(--g);color:#fff;padding:16px 16px 70px}.top h1{margin:0;font-size:20px}.top .s{opacity:.8;font-size:12px;margin-top:2px}
.wrap{max-width:720px;margin:0 auto}
.sum{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:-56px 12px 12px}
.sum div{background:#fff;border-radius:12px;padding:10px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.sum b{display:block;font-size:15px;margin-top:2px}.sum span{font-size:11px;color:var(--mut)}
.bar{padding:0 12px 10px}.bar input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.tabs{display:flex;gap:6px;padding:0 12px 10px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 12px;font-size:13px;white-space:nowrap;cursor:pointer}
.tabs::-webkit-scrollbar{display:none}.tabs{scrollbar-width:none}.tabs button.on{background:var(--g);color:#fff;border-color:var(--g)}
.list{padding:0 12px 90px}
.card{background:#fff;border-radius:12px;padding:12px;margin-bottom:8px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.p{cursor:pointer}.r1{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.nm{font-weight:700}.pl{font-size:12px;color:var(--mut)}
.amt{font-weight:700;white-space:nowrap}.due{color:var(--red)}.ok{color:var(--g2)}
.prog{height:5px;background:#e8eee9;border-radius:3px;margin-top:8px;overflow:hidden}.prog i{display:block;height:100%;background:var(--g2)}
.meta{display:flex;justify-content:space-between;font-size:12px;color:var(--mut);margin-top:5px;gap:6px}
.fab{position:fixed;right:16px;bottom:16px;display:flex;gap:8px}
.btn{border:0;border-radius:10px;padding:10px 14px;background:var(--g);color:#fff;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;justify-content:center;font-size:14px}
.btn.l{background:#fff;color:var(--g);border:1px solid var(--g)}.btn.wa{background:#1fa855}.btn.d{background:#fff;color:var(--red);border:1px solid var(--red)}.btn.sm{padding:6px 10px;font-size:13px}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;align-items:flex-end;justify-content:center;z-index:9}.ov.on{display:flex}
.sh{background:#fff;width:100%;max-width:720px;max-height:92vh;overflow:auto;border-radius:16px 16px 0 0;padding:16px}
.sh h2{margin:0 0 2px;font-size:18px}.x{float:right;border:0;background:#eef2ef;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer}
.sec{margin-top:16px}.sec h3{font-size:13px;color:var(--g);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;display:flex;justify-content:space-between;align-items:center}
.info{font-size:13px;line-height:1.6;color:#33413a}.info a{color:var(--g)}
.bill{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;overflow:hidden}
.bh{display:flex;justify-content:space-between;align-items:center;padding:10px;cursor:pointer;gap:8px}.bh small{color:var(--mut);display:block;font-size:12px}
.bill.cl .bh{background:#f2f8f4}.bb{padding:0 10px 10px;border-top:1px solid var(--line)}
.tag{font-size:11px;padding:2px 7px;border-radius:10px;font-weight:600}.tag.c{background:#e0f1e7;color:var(--g2)}.tag.pp{background:#fff1dc;color:#9a5b00}.tag.n{background:#fde8e4;color:var(--red)}
table{width:100%;border-collapse:collapse}td{padding:6px 2px;border-bottom:1px solid var(--line);font-size:13.5px;vertical-align:middle}td.r{text-align:right}
.del{border:0;background:none;color:var(--red);cursor:pointer;font-size:14px;padding:2px 4px}
.frm{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.frm input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;min-width:0;flex:1 1 110px}
.fld{margin-bottom:8px}.fld label{display:block;font-size:12px;color:var(--mut);margin-bottom:3px}.fld input,.fld textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px}
.note{background:#fff7e6;border:1px solid #f1d9a6;color:#7a5512;border-radius:8px;padding:8px 10px;font-size:13px;margin-top:8px}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
pre.msg{white-space:pre-wrap;background:#f3f6f4;border-radius:8px;padding:10px;font-size:12.5px;max-height:200px;overflow:auto;margin:6px 0 0}
.files{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.th{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#f3f6f4;display:flex;align-items:center;justify-content:center;font-size:11px;text-align:center;cursor:pointer;color:var(--g);text-decoration:none}
.th img{width:100%;height:100%;object-fit:cover}.th .k{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.55);color:#fff;font-size:9px;padding:1px}
.up{width:64px;height:64px;border:1.5px dashed var(--g2);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--g2);cursor:pointer;text-align:center}
.up input{display:none}
.st{position:fixed;left:50%;transform:translateX(-50%);bottom:76px;background:#1b2620;color:#fff;padding:7px 14px;border-radius:20px;font-size:13px;opacity:0;transition:.3s;pointer-events:none;z-index:30}.st.on{opacity:1}
.acc{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:40;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px}.lb.on{display:flex}.lb img{max-width:96vw;max-height:80vh}
.dlg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:35;display:none;align-items:center;justify-content:center;padding:16px}.dlg.on{display:flex}
.dlg>div{background:#fff;border-radius:14px;padding:16px;max-width:420px;width:100%}
.hist .r1{font-size:14px}
.sav{font-size:11px;opacity:.85}
.appbar{position:sticky;top:0;z-index:8;background:#fff;border-bottom:1px solid var(--line)}
.abin{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px}
.brand{display:flex;align-items:center;gap:10px}.bn{font-family:Sora,Inter,sans-serif;font-weight:800;color:var(--g);font-size:16px;letter-spacing:.3px;line-height:1.1}.bn span{font-weight:500;letter-spacing:3px;color:#8a6a1f}.bt{font-size:11px;color:var(--mut)}.appbar .sav{opacity:1}
.nav{display:flex;gap:4px}.nav button{border:0;background:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;color:#33413a;font-weight:600;font-size:14px}
.nav button small{display:block;font-weight:400;font-size:10.5px;color:var(--mut)}.nav .nl{text-align:left;line-height:1.15}.nav button.on{background:#e6f0ea;color:var(--g)}.nav button:hover{background:#f0f5f2}
@media(max-width:820px){.nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding:4px 4px calc(4px + env(safe-area-inset-bottom));z-index:12;gap:0}
 .nav button{flex-direction:column;gap:1px;padding:6px 4px;font-size:11.5px;flex:1}.nav .ni{font-size:19px}.nav .nl{text-align:center}.nav button small{display:none}
 .fab{bottom:76px!important}.list{padding-bottom:160px!important}body{padding-bottom:70px}.st{bottom:136px}}
.top{padding:14px 16px 68px}.pt{font-family:Sora,Inter,sans-serif;font-size:20px;font-weight:700}.pt small{font-family:'Noto Sans Tamil',Inter;font-size:13px;font-weight:400;opacity:.8;margin-left:6px}
.home{max-width:1180px;margin:0 auto;padding:0 0 30px}
.hero{background:var(--g);color:#fff;padding:22px 16px 26px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-40px;top:-30px;width:260px;height:260px;border-radius:50%;background:repeating-linear-gradient(100deg,rgba(200,162,74,.22) 0 3px,transparent 3px 16px);pointer-events:none}
.hin{position:relative;z-index:1}.hi{font-size:20px;font-weight:700}.hd{font-size:12.5px;opacity:.8;margin-top:2px}
.kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.k{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px;text-align:left;color:#fff;font:inherit;cursor:pointer}.k.kn{cursor:default;background:#fff;color:var(--g)}
.k span{display:block;font-size:12px;opacity:.85}.k b{display:block;font-size:22px;margin:4px 0 2px;font-variant-numeric:tabular-nums}.k em{font-style:normal;font-size:11px;opacity:.75}
@media(max-width:620px){.kp{grid-template-columns:1fr 1fr}.k.kn{grid-column:span 2}.k b{font-size:19px}}
.hgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}
@media(max-width:820px){.hgrid{grid-template-columns:1fr}}
.pn{background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid var(--line)}.pn.wide{grid-row:span 2}
.pn h3{margin:0 0 10px;font-size:14px;color:var(--g);display:flex;justify-content:space-between;align-items:center}.pn h3 small{font-weight:400;color:var(--mut);font-size:12px}
.lk{border:0;background:none;color:var(--g2);font-weight:600;cursor:pointer;font-size:12.5px}
.qg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.q{border:1px solid var(--line);background:#f6faf7;border-radius:12px;padding:12px 6px;font-size:22px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.q span{font-size:12px;font-weight:600;color:#33413a;text-align:center}.q:hover{border-color:var(--g2)}
.mg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mg div{background:#f6faf7;border-radius:10px;padding:8px 10px}.mg span{display:block;font-size:11.5px;color:var(--mut)}.mg b{font-size:15px;font-variant-numeric:tabular-nums}
.br{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,8fr) auto;gap:10px;align-items:center;width:100%;border:0;background:none;padding:8px 2px;border-bottom:1px solid #eef3f0;cursor:pointer;font:inherit;text-align:left}
.bnm{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbar{height:8px;background:#eef3f0;border-radius:4px;overflow:hidden}.bbar i{display:block;height:100%;background:linear-gradient(90deg,#c8a24a,#b4432f);border-radius:4px}
.br b{font-size:13.5px;font-variant-numeric:tabular-nums}
.pn:not(.wide) .br{grid-template-columns:1fr auto}
.ac{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid #eef3f0;font-size:13px}.am{font-size:11.5px;color:var(--mut)}
.ad{width:8px;height:8px;border-radius:50%;background:#999}.ad-in{background:var(--g2)}.ad-out{background:var(--red)}.ad-inv{background:#c8a24a}.ad-pb{background:#6b7f9a}
.emp{color:#8a958f;font-size:13px;padding:6px 0}
.grph{margin:16px 2px 8px;padding:8px 10px;border-radius:8px;background:#fff7e6;border:1px solid #f1d9a6;color:#7a5512;font-weight:700;font-size:13px}
.cashf{margin-top:8px;border:1px dashed #c8a24a;border-radius:10px;padding:8px 10px;background:#fffaf0}
.netbox{margin-top:10px;border:1.5px solid #c8a24a;background:#fffaf0;border-radius:10px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:12px}.netbox span{display:block;color:var(--mut)}.netbox b{font-size:15px}.netbox .nb2{grid-column:span 2;border-top:1px dashed #e2cf9c;padding-top:6px}.netbox .lk{grid-column:span 2;text-align:left;padding:0}
.accp{margin-top:8px;background:#f6faf7;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13px}.accp label{display:flex;gap:8px;align-items:center;padding:3px 0;cursor:pointer}.accp input{width:18px;height:18px;accent-color:var(--g)}.accl{font-size:12px;color:var(--mut);margin-bottom:2px}
.pick{display:flex;align-items:center;padding:4px 6px 4px 0;cursor:pointer}.pick input{width:20px;height:20px;accent-color:var(--g)}
.bh{justify-content:flex-start!important}.bh>div:last-child{margin-left:auto}.bill.picked{border-color:var(--g2);box-shadow:0 0 0 2px #cfe3d7}
.selhint{font-size:11.5px;color:var(--mut);margin:-4px 0 8px}.ctl{font-size:13px}
.sendbar{position:sticky;bottom:-16px;margin:12px -16px -16px;background:#fff;border-top:2px solid var(--g);padding:10px 14px 14px;box-shadow:0 -4px 12px rgba(0,0,0,.08);z-index:3}
.sbt{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:8px}.sbr{display:flex;gap:6px;margin-top:8px}.sbr .sel{flex:1}.sbh{font-size:11px;color:var(--mut);margin-top:6px}
.ctr{display:grid;grid-template-columns:100px 1fr 1fr;gap:6px;margin-bottom:6px}.ctr input,.ctr select{padding:7px 8px;border:1px solid var(--line);border-radius:8px;min-width:0}
.inv .sgt td{border-top:1.5px solid #1f5a3d;background:#e6f0ea;padding:5px}
.orig{margin-top:8px;font-size:13px}.orig summary{cursor:pointer;color:var(--g2);font-weight:600}.bb .invwrap{border-radius:6px}
.tag.chq{background:#e8eefb;color:#2c4f9e}.pendrow td{background:#f5f8ff}.chqp{border-color:#c9d6f3}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.g3 .fld,.g4 .fld{margin-bottom:4px}.sel{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.itm{border:1px solid var(--line);border-radius:10px;padding:8px;margin-bottom:8px;background:#fafcfb}
.totbox{background:#f3f6f4;border-radius:10px;padding:10px;margin-top:12px}
.invwrap{overflow:hidden;margin-top:10px;border:1px solid var(--line);border-radius:6px}.invscale{width:794px;transform-origin:0 0}
.inv{width:794px;background:#fff;color:#111;padding:26px 30px;font-family:Inter,Arial,sans-serif;font-size:12px;border:2px solid #1f5a3d;box-sizing:border-box}
.inv .ih{display:flex;justify-content:space-between;font-size:11px}.inv .ic{font-size:11px;color:#1f5a3d;font-style:italic}.inv .ir{text-align:right}
.inv .in{text-align:center;font-size:30px;font-weight:800;color:#1f5a3d;letter-spacing:2px;margin-top:6px}.inv .it{text-align:center;font-weight:700;text-decoration:underline;color:#1f5a3d;font-size:13px}
.inv .ia{text-align:center;font-size:12px;margin-top:3px}.inv .ib{display:flex;justify-content:space-between;align-items:center;margin:10px 0 6px;border-bottom:1.5px solid #1f5a3d;padding-bottom:6px}
.inv .tx{background:#1f5a3d;color:#fff;font-weight:800;padding:4px 14px;font-size:15px;letter-spacing:1px}
.inv .ito{display:flex;justify-content:space-between;gap:10px;padding:4px 0 8px;line-height:1.5}.inv .ig{text-align:right;white-space:nowrap}.lbl2{color:#555}
.inv table{width:100%;border-collapse:collapse}.inv .itb th{background:#e6f0ea;border:1px solid #1f5a3d;padding:5px;font-size:11px}.inv .itb td{border-left:1px solid #1f5a3d;border-right:1px solid #1f5a3d;padding:4px 5px;height:20px;font-size:12px}
.inv .itb tr:last-child td{border-bottom:1px solid #1f5a3d}.inv td.c{text-align:center}.inv td.r{text-align:right}
.inv .ift{display:flex;border:1px solid #1f5a3d;border-top:0}.inv .ifl{flex:1;padding:6px 8px;border-right:1px solid #1f5a3d;line-height:1.55;font-size:11px}.inv .ifr{width:42%}
.inv .ifr td{border-bottom:1px solid #cfdcd3;padding:3px 6px;font-size:11px}.inv .ifr .gt td{font-weight:800;font-size:13px;background:#e6f0ea}
.inv .bk,.inv .tc{margin-top:6px}.inv .rs{margin-top:18px;font-size:10px;color:#555}.inv .sg{text-align:center;padding:8px 6px;font-size:11px}.inv .as{margin-top:28px;font-size:10px;color:#555}
.mode button{font-size:12px}
.net{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:12px;font-size:11px}.net div{background:rgba(255,255,255,.12);border-radius:8px;padding:6px 8px}.net b{display:block;font-size:14px;margin-top:1px}
.mode{display:flex;gap:6px;margin-top:10px}.mode button{flex:1;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:10px;padding:7px 6px;font-size:13px;font-weight:600;cursor:pointer;line-height:1.25}.mode button small{font-weight:400;font-size:11px;opacity:.85}.mode button.on{background:#fff;color:var(--g)}
.rcbox{margin:10px 0;padding:10px 12px;border:1px solid #d9c9a3;background:#fffaf0;border-radius:12px}.rch{font-weight:700;font-size:14px;margin-bottom:6px}.rch span{font-weight:400;font-size:11px;color:#7a6a4a}.rcr{padding:6px 0;border-top:1px dashed #e6d8b8}.rcr:first-of-type{border-top:0}.rck{display:flex;justify-content:space-between;font-size:14px}.rcp{color:#8a4b00;font-size:16px}.rcv{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.rcv span{background:#fff;border:1px solid #eadfc6;border-radius:8px;padding:2px 6px;font-size:12px}.rcv i{font-style:normal;color:#7a6a4a;margin-right:4px}.rcx{font-size:11.5px;color:#5a4a2a;margin-top:3px}.rcx i{color:#8a7a5a}.rcn{font-size:11px;color:#7a6a4a;margin-top:6px}