@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
select{display:block;width:100%;margin-top:8px;border:1px solid #dfe6e7;border-radius:8px;padding:12px;background:white;color:var(--ink);font:inherit}select:focus{outline:2px solid #74a997}.edit-entry{display:block;margin:0 0 9px auto;padding:6px 10px;border:1px solid #d5e5dc;border-radius:6px;background:#f0f7f3;color:#14634f;font:inherit;font-size:12px}.removebill{display:flex;align-items:center;gap:8px}.removebill input{width:auto;margin:0}#existingBill{padding:12px;background:#f7faf8;border-radius:8px;font-size:12px}#existingBill a{color:#14634f}
:root{--green:#14634f;--ink:#202f36;--muted:#7c898d;--line:#e9edef;--red:#c75a55}*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #8bc3ad;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1.2px;margin-bottom:8px}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:15px}.muted{color:var(--muted);line-height:1.7}small{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}.dot{color:var(--green)}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid var(--line);padding:36px 22px}.brand{display:flex;gap:11px;align-items:center;font-size:17px;letter-spacing:-.4px}.brand b{display:block;color:var(--green)}.brandmark{background:var(--green);color:#fff;width:62px;height:62px;border-radius:19px;display:grid;place-items:center;font-size:36px;box-shadow:0 8px 20px #14634f18}.brandmark.small{width:40px;height:44px;font-size:27px;border-radius:12px}.navlabel{font-size:10px;letter-spacing:1.7px;color:#9aa4a7;margin:54px 13px 16px}.nav{display:block;padding:14px;border-radius:9px;margin-bottom:7px;color:#748287;font-size:13px}.nav.active{color:var(--green);background:#edf5f1;font-weight:700}.sidebarfoot{position:absolute;bottom:30px;left:25px;display:flex;align-items:center;gap:10px}.sidebarfoot b{font-size:12px}.sidebarfoot small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.workspace{margin-left:242px}header{height:78px;border-bottom:1px solid var(--line);background:#ffffffb0;display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:12px}.desktop .muted{margin-left:12px}.mobilebrand{display:none}.textbutton{border:0;background:none;color:#758388;padding:7px}.content{padding:38px 42px 0;max-width:1500px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.heading .muted{margin-bottom:0}.primary{border:1px solid var(--green);background:var(--green);color:#fff;padding:13px 20px;border-radius:9px;font-weight:600;font-size:13px;box-shadow:0 4px 9px #14634f0c}.primary:hover{background:#0d503f}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:30px}.stats article{background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;gap:16px;padding:23px 22px;align-items:flex-start}.stats h2{font-size:27px;margin:9px 0 8px;letter-spacing:-.8px}.stats small{color:var(--muted);font-size:11px}.stat-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:22px}.green{background:#edf6f0;color:var(--green)}.red{background:#fcf0ed;color:var(--red)}.blue{background:#edf1fa;color:#6381b5}.green-text{color:var(--green)}.red-text{color:var(--red)}.ledger{background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:36% 64%;min-height:540px;overflow:hidden}.customerpanel{border-right:1px solid var(--line)}.paneltitle{padding:23px 22px 0}.paneltitle h2{font-size:16px;display:flex;align-items:center;gap:9px}.badge{background:#f0f3f4;color:#7a878c;padding:3px 7px;border-radius:6px;font-size:11px}.searchwrap{padding:0 20px 17px}input,textarea{width:100%;border:1px solid #dfe6e7;border-radius:8px;padding:12px;background:#fff;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:#74a997;box-shadow:0 0 0 3px #14634f0c}input::placeholder,textarea::placeholder{color:#a0aaad}.searchwrap input{background:#f7f9fa;border:1px solid #f0f3f4;font-size:12px}.customer{display:flex;align-items:center;gap:11px;padding:19px 20px;border-top:1px solid #f0f3f4;border-left:3px solid transparent}.customer:hover{background:#f8fbf9}.customer.selected{background:#f0f7f3;border-left-color:var(--green)}.customer[hidden]{display:none}.avatar{flex-shrink:0;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#eeeae1;color:#907f58;font-size:16px;font-weight:600}.customername{min-width:0;flex:1}.customername b{display:block;overflow-wrap:anywhere;font-size:13px}.customer small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.balance{text-align:right;flex-shrink:0}.balance b{font-size:12px}.detailpanel{position:relative;display:flex;flex-direction:column;min-width:0}.detailhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px 25px;border-bottom:1px solid var(--line)}.person{display:flex;align-items:center;gap:12px;min-width:0}.person h2{margin-bottom:5px;font-size:17px;overflow-wrap:anywhere}.outline{display:inline-block;border:1px solid #dfe6e3;border-radius:8px;background:#fff;color:var(--green);padding:10px 13px;font-size:12px;font-weight:600;white-space:nowrap}.netbalance{display:flex;align-items:center;justify-content:space-between;margin:19px 25px;padding:16px;background:#f6f9f7;border-radius:9px;font-size:12px}.netbalance strong{font-size:22px}.historytitle{display:flex;align-items:center;justify-content:space-between;padding:3px 25px 0}.historytitle h3{font-size:12px}.historytitle small{font-size:10px}.entries{flex:1;max-height:560px;overflow:auto}.entry{display:flex;gap:11px;padding:19px 25px;border-top:1px solid var(--line)}.entryicon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex-shrink:0}.entrybody{flex:1;min-width:0}.entrybody>b{font-size:12px}.entrybody>small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.entrybody p{font-size:12px;line-height:1.6;margin:9px 0;overflow-wrap:anywhere}.entryamount{text-align:right;font-size:13px}.delete{background:transparent;border:0;color:#a0aaad;font-size:10px;padding:9px 0}.delete:hover{color:var(--red)}.billlink{display:flex;align-items:center;gap:8px;color:var(--green);font-size:11px;margin-top:10px}.billlink img{width:44px;height:44px;object-fit:cover;border:1px solid var(--line);border-radius:5px}.entryactions{display:flex;gap:12px;padding:18px 25px;border-top:1px solid var(--line);background:white}.entryactions button{width:50%;padding:13px;border-radius:8px;font-weight:600;font-size:13px}.gavebutton{background:#fff4f1;color:var(--red);border:1px solid #f1d5cf}.gotbutton{background:var(--green);color:white;border:1px solid var(--green)}.empty{text-align:center;padding:45px 22px;color:#8c999d}.empty>span{font-size:40px;color:#9cafaa}.empty h3{color:#536568;margin:16px 0 7px}.empty p{font-size:12px;line-height:1.9}.welcome{margin:auto;padding:70px 20px}.welcome h2{color:#3e5650;font-size:23px;margin-bottom:10px}.welcome .eyebrow{font-size:9px;margin-top:35px}.welcome .outline{margin-top:17px}.bookillustration{position:relative;margin:auto;width:90px;height:108px;border:1px solid #c5d9cf;border-left:9px solid #86ae99;border-radius:8px 17px 17px 8px;transform:rotate(-8deg);background:#e8f0e8;color:#52816d;display:grid;place-items:center;font-size:48px;box-shadow:10px 12px 0 #f3f6f2}.bookillustration span{position:absolute;right:-17px;bottom:-5px;border:4px solid white;background:#c8e3a9;width:40px;height:40px;border-radius:50%;font-size:23px;color:var(--green)}footer{text-align:center;color:#9ba6a9;font-size:10px;padding:25px}footer span{padding:0 9px}dialog{border:1px solid var(--line);border-radius:17px;padding:28px;width:min(460px,calc(100% - 28px));max-height:92dvh;box-shadow:0 20px 100px #12332930}dialog::backdrop{background:#142f2c77;backdrop-filter:blur(4px)}.modaltitle{display:flex;justify-content:space-between;align-items:center}.modaltitle h2{margin:0}.modaltitle+p{font-size:12px;margin:12px 0 22px}label{display:block;font-weight:600;font-size:12px;margin:17px 0}label>input,label>textarea{margin-top:8px}label small{font-weight:400;color:var(--muted)}.full{width:100%;margin-top:10px}.amountinput{font-size:27px;font-weight:600}.upload{padding:15px;border:1px dashed #b4c9bf;border-radius:9px;background:#f7faf8;color:var(--green)}.upload small{display:block;margin-top:7px;font-size:10px}.upload input{font-size:11px;border:0;padding:0;background:transparent}#billPreview{width:100%;max-height:180px;object-fit:contain;border-radius:8px}.error,.success{padding:13px 16px;border-radius:8px;font-size:13px}.error{background:#fff0ec;color:#b34339}.success{background:#e4f3e9;color:var(--green)}.login{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 18px;background:radial-gradient(ellipse at top,#e1eee5,transparent 65%)}.login>.eyebrow{margin:27px 0 12px}.login h1{font-size:31px}.login h1 span{color:var(--green)}.loginbox{margin:22px 0 25px;width:100%;max-width:400px;padding:30px;background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 14px 50px #1c47370a}.loginbox h2{margin-bottom:8px}.loginbox .muted{font-size:12px}.loginbox input{font-size:24px;letter-spacing:10px}.small-empty{padding:45px 15px}#noResults{text-align:center;font-size:12px;padding:15px}
@media(min-width:1500px){.content{padding-top:50px}.ledger{min-height:610px}}@media(max-width:1150px){.sidebar{width:205px;padding-left:16px;padding-right:16px}.workspace{margin-left:205px}.content{padding:28px 25px 0}header{padding:0 25px}.stats article{padding:18px 15px;gap:10px}.stats h2{font-size:23px}.stat-icon{width:31px;height:31px}.ledger{grid-template-columns:40% 60%}.customer{padding:17px 12px;gap:8px}.customer .avatar{width:31px;height:31px}.detailhead,.entry,.entryactions{padding-left:18px;padding-right:18px}}@media(max-width:850px){.sidebar{display:none}.workspace{margin-left:0}.stats{gap:12px}.content{padding:25px 20px 0}header{height:64px;padding:0 20px}.desktop{display:none}.mobilebrand{display:block;font-weight:700;color:var(--green)}h1{font-size:28px}.heading{margin-bottom:23px}}@media(max-width:600px){.content{padding:24px 14px 0}.heading{align-items:flex-start;gap:8px}.heading h1{font-size:23px;letter-spacing:-.9px}.heading .eyebrow{font-size:8px;letter-spacing:1.1px}.heading .muted{font-size:11px}.heading .primary{font-size:11px;padding:11px 10px;white-space:nowrap;margin-top:18px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stats article{padding:15px 12px;gap:9px}.stats article:last-child{grid-column:1 / -1;align-items:center;padding:12px}.stats article:last-child>div{display:flex;align-items:center;gap:12px;flex:1}.stats article:last-child h2{order:-1;margin:0}.stats article:last-child small:last-child{margin-left:auto;font-size:9px}.stats small{font-size:10px}.stats h2{font-size:23px}.stat-icon{width:28px;height:28px;font-size:18px;border-radius:9px}.ledger{display:flex;flex-direction:column;min-height:450px;border-radius:12px}.customerpanel{border-right:0;border-bottom:1px solid var(--line)}.paneltitle{padding:18px 16px 0}.searchwrap{padding:0 15px 12px}.customerlist{max-height:225px;overflow:auto}.customer{padding:14px 16px}.customer .avatar{width:36px;height:36px}.customername b,.balance b{font-size:13px}.detailhead{padding:18px 16px}.netbalance{margin:16px}.historytitle{padding:4px 16px 0}.entry{padding:16px}.entries{max-height:none}.entryactions{position:sticky;bottom:0;padding:13px 14px;padding-bottom:max(13px,env(safe-area-inset-bottom));z-index:2;box-shadow:0 -5px 18px #173b2c06}.welcome{padding:55px 15px}.welcome h2{font-size:21px}.welcome .eyebrow{font-size:8px}.empty p{font-size:12px}.entrybody p{font-size:13px}dialog{padding:22px}.login h1{font-size:28px}footer{padding-bottom:22px}}