:root{--green:#69be45;--ink:#1f1f1f;--muted:#6b7280;--bg:#f4f6f3;--card:#fff;--line:#d9ded6;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}header{background:#111;color:#fff;padding:14px 18px;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0002}.brand{display:flex;align-items:center;gap:12px;max-width:1200px;margin:auto}.brand img{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#fff}.brand h1{font-size:18px;margin:0}.brand small{color:#bbb}nav{max-width:1200px;margin:10px auto 0;display:flex;gap:7px;overflow:auto}.navbtn{border:0;border-radius:9px;padding:9px 12px;background:#2b2b2b;color:#fff;white-space:nowrap;font-weight:700}.navbtn.active{background:var(--green);color:#fff}main{max-width:1200px;margin:18px auto;padding:0 14px 60px}.view{display:none}.view.active{display:block}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 1px 5px #0000000b}.metric{grid-column:span 3}.metric .value{font-size:28px;font-weight:800;margin-top:8px}.metric .label{color:var(--muted);font-size:13px}.full{grid-column:1/-1}.half{grid-column:span 6}.third{grid-column:span 4}h2,h3{margin-top:0}label{display:block;font-size:12px;font-weight:700;margin:0 0 5px;color:#4a5147}input,select,textarea{width:100%;border:1px solid #cfd6cc;border-radius:9px;padding:10px;background:#fff;font-size:15px}textarea{min-height:82px;resize:vertical}.fields{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}.f2{grid-column:span 2}.f3{grid-column:span 3}.f4{grid-column:span 4}.f6{grid-column:span 6}.f8{grid-column:span 8}.f12{grid-column:1/-1}.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer;background:var(--green);color:white}.btn.secondary{background:#30352f}.btn.light{background:#e7ece5;color:#222}.btn.danger{background:var(--danger)}.actions{display:flex;gap:8px;flex-wrap:wrap}.item{border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0;background:#fbfcfa}.item-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.string-details{margin-top:10px}.totals{margin-left:auto;max-width:380px}.totalrow{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eee}.grand{font-size:20px;font-weight:900;border-bottom:0;padding-top:12px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #e7eae5;text-align:left;white-space:nowrap}.table th{font-size:12px;color:#5d665a}.link{cursor:pointer;color:#357b20;font-weight:800}.status{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf1eb;font-size:12px}.status.Paid,.status.Completed{background:#e3f5dc;color:#246914}.status.Unpaid{background:#fff0d9;color:#8a4b00}.status.Partial{background:#eaf1ff;color:#295799}.notice{padding:10px;border-radius:10px;margin-bottom:12px;background:#fff6d8;border:1px solid #efd77d}.hidden{display:none!important}.chart{display:flex;align-items:end;gap:8px;height:180px;padding-top:10px}.barcol{flex:1;min-width:38px;text-align:center}.bar{background:var(--green);border-radius:6px 6px 0 0;min-height:2px}.barlabel{font-size:10px;color:#666;margin-top:4px}.money{text-align:right;font-variant-numeric:tabular-nums}.product-row{display:grid;grid-template-columns:1fr 130px 120px 90px;gap:8px;align-items:center;margin-bottom:8px}.invoice-paper{background:white;max-width:850px;margin:auto;padding:32px;border:1px solid #ddd}.invoice-top{display:flex;justify-content:space-between;gap:20px}.invoice-top img{width:120px;height:120px;object-fit:contain}.invoice-title{text-align:right}.invoice-table{width:100%;border-collapse:collapse;margin-top:25px}.invoice-table th{background:var(--green);color:#fff}.invoice-table th,.invoice-table td{padding:9px;border-bottom:1px solid #ddd;text-align:left}.invoice-total{font-size:22px;font-weight:900;text-align:right;margin-top:18px}@media(max-width:760px){.metric,.half,.third{grid-column:1/-1}.f2,.f3,.f4,.f6,.f8{grid-column:span 12}.brand small{display:none}.product-row{grid-template-columns:1fr 100px}.product-row>*:nth-child(n+3){grid-column:span 1}.invoice-paper{padding:18px}.invoice-top img{width:85px;height:85px}}@media print{header,.no-print,#dashboard,#neworder,#orders,#customers,#products{display:none!important}body{background:#fff}main{margin:0;padding:0}#invoice.view{display:block!important}.invoice-paper{border:0;max-width:none;padding:.35in}.invoice-table th{background:#69be45!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}