@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#1c2737;--muted:#8792a3;--line:#e8ecf2;--bg:#f7f8fb;--blue:#5868e8;--green:#169b73}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px 'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#fff;border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:10px;align-items:center;padding:0 9px 28px}.logo{background:var(--blue);color:white;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:25px}.brand b{display:block;font:800 19px Manrope}.brand small,.workspace small,.profile small{display:block;color:#9aa4b2;font-size:9px;letter-spacing:1.5px;margin-top:3px}.workspace{border:1px solid var(--line);padding:11px;border-radius:10px;display:flex;align-items:center;gap:9px;margin-bottom:28px}.dot,.system i{width:7px;height:7px;border-radius:50%;background:#20b486;display:inline-block}.workspace b,.profile b{display:block;font-size:11px}.workspace small,.profile small{letter-spacing:0;font-size:10px}.right{margin-left:auto;color:#9aa4b2}.navlabel,.heading label{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#9aa4b2}.navlabel{padding:0 12px 12px}nav{display:grid;gap:5px}nav a{padding:12px;border-radius:8px;color:#778294;font-weight:600}nav a.active,nav a:hover{background:#eef0ff;color:var(--blue)}nav em{float:right;font-size:8px;font-style:normal;background:#e2e6ff;padding:3px 5px;border-radius:4px}.sidebottom{margin-top:auto}.tip{background:#f5f6ff;border:1px solid #e8eaff;padding:14px;border-radius:11px;margin-bottom:18px}.tipicon{display:grid;place-items:center;background:#e6e8ff;color:var(--blue);width:28px;height:28px;border-radius:8px;margin-bottom:10px}.tip b{font-size:11px}.tip p{font-size:10px;line-height:1.6;color:#7f8a9b}.tip a,.link,.panel-link{color:var(--blue);font-size:11px;font-weight:700}.profile{border-top:1px solid var(--line);padding:16px 4px 0;display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:#e9eaff;color:#5868d9;display:grid;place-items:center;font-size:10px;font-weight:800}.main{margin-left:245px}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:4}.crumb{color:#919bac;font-size:11px}.crumb span{padding:0 10px;color:#c0c6d0}.crumb b{color:#4a5668}.system{display:flex;align-items:center;gap:9px;font-size:10px;color:#8b96a6}.system .avatar{margin-left:10px}.content{max-width:1600px;padding:31px 34px 18px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.heading h1{font:800 27px Manrope;letter-spacing:-.8px;margin:8px 0}.heading h1 span{font-size:16px;color:#e4b44d}.heading p,.panelhead p{color:var(--muted);margin:0;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:8px;font-size:11px;font-weight:700;border:1px solid transparent;cursor:pointer}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 8px #5868e822}.primary:hover{background:#4556d4}.secondary{background:#fff;border-color:#e1e6ee;color:#536074}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 8px #192b4505}.stats article{padding:18px}.stats article>div{font-size:11px;color:#748093;display:flex;align-items:center;justify-content:space-between;gap:4px}.stats i{font-style:normal;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:16px}.purple{background:#f0edff;color:#8476df}.blue{background:#eaf3ff;color:#448bdc}.green{background:#e6f8f0;color:#21a779}.orange{background:#fff4df;color:#d49b30}.stats strong{display:block;font:800 24px Manrope;letter-spacing:-.8px;margin:16px 0 10px;white-space:nowrap}.stats small{font-size:10px;color:#9aa3b1}.stats .positive{color:#169b73}.columns{display:grid;grid-template-columns:1.55fr 1fr;gap:17px;margin-bottom:18px}.panel{padding:20px;min-width:0}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panelhead h2{font:700 14px Manrope;margin:0 0 6px}.panelhead p{font-size:10px}.chip{border:1px solid var(--line);padding:7px 9px;border-radius:7px;font-size:10px;color:#788497;white-space:nowrap}.charttotal{font:800 21px Manrope;margin:20px 0 12px}.charttotal small{font:400 10px 'DM Sans';color:#9aa3b1;margin-left:8px}.chart{height:170px;display:flex}.yaxis{display:flex;flex-direction:column;justify-content:space-between;color:#9aa3b1;font-size:9px;padding:0 10px 20px 0}.plot{flex:1;position:relative}.gridlines{position:absolute;inset:0 0 20px;display:flex;flex-direction:column;justify-content:space-between}.gridlines i{border-top:1px dashed #edf0f5}.bars{position:absolute;inset:0;display:flex;justify-content:space-around;gap:7px}.bars>div{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;min-width:0}.bar{width:min(26px,70%);background:linear-gradient(#8190f7,#5667e7);border-radius:5px 5px 1px 1px;position:relative;min-height:3px}.bar i{display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#263447;color:#fff;padding:5px;border-radius:4px;font-size:9px;font-style:normal;white-space:nowrap}.bar:hover i{display:block}.bars small{font-size:9px;color:#939dac;height:20px;display:flex;align-items:flex-end}.alertcount{background:#fff0ed;color:#e27866;border-radius:6px;padding:5px 8px;font-size:10px}.stocklist{margin-top:10px}.stockrow{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f0f2f6}.producticon{width:34px;height:34px;border-radius:9px;display:inline-grid;place-items:center;font-size:12px;font-weight:800;margin-right:9px;vertical-align:middle;flex-shrink:0}.c0{background:#f0edff;color:#8171e8}.c1{background:#fff0e9;color:#d98968}.c2{background:#e4f7ee;color:#249a76}.c3{background:#e8f3ff;color:#4d91d5}.stockname{flex:1;min-width:0}.stockname b,.stockname small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stockname b{font-size:10px}.stockname small{font-size:9px;color:#9aa3b0;margin-top:4px}.stockqty{width:65px;text-align:right;color:#d98663;font-size:10px}.stockqty div{height:4px;background:#f1f2f6;border-radius:5px;margin-top:6px;overflow:hidden}.stockqty i{display:block;height:100%;background:#eea07c}.panel-link{display:block;border-top:1px solid #f0f2f6;padding-top:14px;margin-top:10px}.tablepanel{padding:19px 0 0;overflow:hidden}.tablepanel>.panelhead{padding:0 20px}.tablewrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}thead{background:#fafbfc}th{text-align:left;font-size:9px;letter-spacing:.6px;color:#929bab;padding:13px 15px;border-top:1px solid #f0f2f6;border-bottom:1px solid #f0f2f6}td{font-size:10px;color:#6f7b8d;padding:13px 15px;border-bottom:1px solid #f1f3f7}tbody tr:last-child td{border-bottom:0}td b{color:#334054}.invoicelink{color:var(--blue);font-weight:700}.customer{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#eef0ff;color:#5c69dc;font-weight:800;margin-right:7px}.badge{display:inline-block;padding:5px 7px;background:#e9f8f1;color:#15966e;border-radius:5px;font-size:9px;font-weight:700}.warn{background:#fff4e5;color:#c8872b}.danger{background:#fff0ed;color:#dc7566}.toolbar{display:flex;gap:9px;align-items:center;padding:14px 18px}.toolbar input{flex:1;min-width:100px;border:0;outline:0}.toolbar select{border:1px solid var(--line);padding:9px;border-radius:7px;background:#fff;color:#687589}.toolbar span{font-size:10px;color:#8d98a7;white-space:nowrap}.inline{display:inline}.edit{display:inline-block;border:1px solid var(--line);border-radius:6px;background:#fff;color:#657185;padding:5px 8px;cursor:pointer}.formpanel{max-width:900px;padding:25px}.sectiontitle{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sectiontitle>span{background:#eef0ff;color:var(--blue);padding:9px;border-radius:8px;font-weight:800}.sectiontitle h2{font:700 14px Manrope;margin:0 0 5px}.sectiontitle p{font-size:10px;color:var(--muted);margin:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 29px}.formgrid label,.customerfield{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#4a5668}.formgrid .full{grid-column:1/-1}.formgrid input,.customerfield input{height:40px;border:1px solid #e1e6ee;border-radius:8px;padding:0 11px;outline:0;font-size:12px}.formgrid input:focus,.customerfield input:focus{border-color:#9ca6f5;box-shadow:0 0 0 3px #5868e811}.formactions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:19px}.billing{display:grid;grid-template-columns:1.1fr .9fr;gap:17px;align-items:start}.billproducts,.cartpanel{padding:19px}.searchbill{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;outline:0;margin-bottom:10px;font-size:11px}.pick{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #f0f2f6}.pick[hidden]{display:none}.pickinfo{flex:1;min-width:0}.pickinfo b,.pickinfo small,.pickinfo strong{display:block}.pickinfo b{font-size:11px}.pickinfo small{font-size:9px;color:#9aa3b1;margin:4px 0}.pickinfo strong{font-size:10px}.add{border:1px solid #e0e4ff;border-radius:7px;background:#f5f6ff;color:var(--blue);font-size:16px;padding:5px 9px}.add:disabled{opacity:.6}.customerfield{margin:14px 0}.customerfield small{font-weight:400;color:#9aa3b1}.customerfield input{height:36px}.cartempty{min-height:120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6e798b}.cartempty small{font-size:10px;color:#9aa3b1;margin-top:7px}.cartlines{max-height:300px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cartline{padding:12px 0;border-bottom:1px solid #f0f2f6;display:grid;grid-template-columns:1fr auto;gap:6px}.cartline b{font-size:10px}.cartline small{display:block;font-size:9px;color:#9aa3b1;margin-top:4px}.remove,.clear{border:0;background:none;color:#d37b6b;cursor:pointer}.qty{grid-column:1/-1;display:flex;align-items:center;gap:10px}.qty button{border:1px solid var(--line);background:#fff;border-radius:5px;color:var(--blue);width:24px;height:24px}.qty strong{margin-left:auto}.calculations{display:grid;gap:12px;padding:16px 0}.calculations>div{display:flex;align-items:center;gap:9px;justify-content:space-between;color:#7e8999;font-size:11px}.calculations b{color:#354155}.calculations input{width:55px;padding:6px;border:1px solid var(--line);border-radius:5px;margin-left:auto}.calculations .grand{border-top:1px dashed var(--line);padding-top:14px;margin-top:2px;color:#354155}.grand strong{font:800 20px Manrope}.full{width:100%}.full:disabled{opacity:.5}.note{text-align:center;font-size:10px;color:#9aa3b1}.toast{position:fixed;bottom:22px;right:22px;background:#263447;color:#fff;padding:13px 17px;border-radius:9px;opacity:0;pointer-events:none;z-index:10}.toast.show{opacity:1}.empty{padding:36px 15px;text-align:center;color:#929bab;display:flex;flex-direction:column;align-items:center;gap:9px}.empty b{color:#465266}.empty small{font-size:10px}.flash{padding:12px 14px;border-radius:8px;margin-bottom:12px}.flash button{float:right;border:0;background:none}.flash.success{background:#e9f8f1;color:#147d60}.flash.error{background:#fff0ed;color:#b84f46}footer{display:flex;justify-content:space-between;padding:22px 2px 0;color:#a3aab7;font-size:10px}.invoice{max-width:900px;margin:auto;padding:35px}.invoicebrand{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:22px}.invoicebrand b,.invoicebrand small{display:block}.invoicebrand b{font:800 18px Manrope}.invoicebrand small{font-size:9px;letter-spacing:1.3px;color:#9aa3b1}.invoicebrand .badge{margin-left:auto}.invoicetitle{display:flex;justify-content:space-between;padding:25px 0}.invoicetitle h2{font:800 27px Manrope;margin:0 0 8px}.invoicetitle b{color:var(--blue)}.invoicetitle>div:last-child{text-align:right}.invoicetitle small,.parties label,.parties small{display:block;color:#929bab;font-size:9px;margin-bottom:6px}.parties{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding:20px 0}.parties b{display:block;margin:8px 0}.invoicebottom{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.invoicebottom h3{font:700 13px Manrope}.invoicebottom small,.invoicenote{color:#929bab;font-size:10px}.totals{width:240px;display:grid;gap:12px}.totals div{display:flex;justify-content:space-between;font-size:11px;color:#7e8999}.totals b{color:#354155}.totals .grand{border-top:1px dashed var(--line);padding-top:12px;font-weight:700}.totals strong{font:800 19px Manrope;color:#1d2b3d}.invoicenote{text-align:center;padding-top:15px}.mobile{display:none}
@media(max-width:1150px){.sidebar{width:220px}.main{margin-left:220px}.content{padding:25px 22px}.topbar{padding:0 22px}.stats{grid-template-columns:repeat(2,1fr)}.billing{grid-template-columns:1fr}.columns{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:10px 0 30px #17203320}.main{margin:0}.mobile{display:inline-block;border:1px solid var(--line);background:white;padding:7px;border-radius:7px}.topbar{gap:12px}.crumb{margin-right:auto}.columns{grid-template-columns:1fr}.system{display:none}}
@media(max-width:560px){.content{padding:20px 12px}.topbar{height:58px;padding:0 12px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:24px}.stats{gap:9px}.stats article{padding:13px}.stats strong{font-size:20px}.stats article>div{font-size:10px}.stats i{width:26px;height:26px}.columns{gap:12px}.panel{padding:14px}.tablepanel{padding:15px 0 0}.tablepanel>.panelhead{padding:0 13px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.formpanel{padding:17px}.invoice{padding:18px}.invoicebottom{flex-direction:column}.totals{width:100%}.footer{padding-top:17px}}
@media print{@page{size:A4;margin:15mm}.sidebar,.topbar,footer,.no-print{display:none!important}.main{margin:0}.content{padding:0}.invoice{border:0;box-shadow:none;padding:0}.tablewrap{overflow:visible}}