: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}}
.invoice-select-col{width:58px;text-align:center!important}.invoice-select{width:auto;transform:scale(1.15)}.invoice-sheet+.invoice-sheet{margin-top:32px;border-top:2px dashed #ddd;padding-top:32px}
@media print{.invoice-sheet{break-after:page;page-break-after:always}.invoice-sheet:last-child{break-after:auto;page-break-after:auto}.invoice-sheet+.invoice-sheet{margin-top:0;border-top:0;padding-top:0}}

.chart-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#5d665a;margin:0 0 6px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:11px;height:11px;border-radius:3px;display:inline-block}.legend-booked,.bar.booked{background:#69be45}.legend-received,.bar.received{background:#30352f}.barpair{height:150px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.barpair .bar{width:42%;border-radius:5px 5px 0 0;min-height:2px}.chart{height:190px}.barlabel{font-size:9px}

.inactive-product{opacity:.58;background:#f4f4f1}.inactive-product .pname{text-decoration:line-through}
.status.In\ Progress,.status.In\ Production{background:#eaf1ff;color:#295799}.status.Ready{background:#fff6d8;color:#7a5b00}.status.Shipped{background:#eee8ff;color:#5b3aa8}.status.Cancelled{background:#fde8e7;color:#9b241b}

.status.Picked\ Up{background:#e4f4f1;color:#17685c}
.order-filter.active{background:#64c343;color:#fff;border-color:#64c343}
.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.backup-box{border:1px solid #d9ded5;border-radius:14px;padding:18px;background:#fafbf9}.backup-box h3{margin-top:0}.backup-box input[type=file]{display:block;width:100%;margin:12px 0}.btn.danger{background:#a43232;color:#fff}.btn.danger:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.backup-grid{grid-template-columns:1fr}}

.add-product-box{border:1px solid var(--line);border-radius:12px;padding:14px;margin:14px 0 18px;background:#f8faf7}.product-row-v2{display:grid;grid-template-columns:minmax(280px,2fr) minmax(150px,.8fr) minmax(130px,.65fr) 80px 110px;gap:12px;align-items:end}.product-row-v2 .active-wrap input{width:auto;transform:scale(1.15);margin:11px 0}.product-row-v2 .btn{height:42px}.product-name input{min-width:0}@media(max-width:760px){.product-row-v2{grid-template-columns:1fr 1fr}.product-row-v2 .product-name{grid-column:1/-1}.product-row-v2 .base-price-wrap{grid-column:1/2}.product-row-v2 .active-wrap{grid-column:2/3}.product-row-v2 .btn{grid-column:1/-1}}
.breakdown-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.breakdown-head h3{margin:0}.breakdown-head select{width:auto;min-width:125px}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.breakdown-grid h4{margin:0 0 8px}.breakdown-type{grid-column:1/-1;border-top:1px solid #ddd;padding-top:12px}.rankrow{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #eee}.rankrow span{min-width:0}.rankrow strong{white-space:nowrap}@media(max-width:760px){.breakdown-grid{grid-template-columns:1fr}.breakdown-type{grid-column:auto}.breakdown-head{align-items:flex-start;flex-direction:column}}