:root{--bg:#f3f6f8;--surface:#fff;--surface-2:#eef5f2;--surface-3:#f8faf9;--ink:#17212b;--muted:#647181;--line:#dce4ea;--primary:#16734f;--primary-strong:#0d4634;--accent:#d18b2f;--blue:#2f6db3;--violet:#6b5bb8;--danger:#bd4b3f;--success:#1f8a5b;--warning:#b87018;--sidebar:#12233a;--sidebar-2:#0f392f;--shadow:0 18px 48px #14253617;--shadow-soft:0 8px 24px #14253612;--chart-1:#16734f;--chart-2:#2f6db3;--chart-3:#d18b2f;--chart-4:#6b5bb8;--chart-5:#bd4b3f}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 12% 0%, #2f6db314, transparent 28%), linear-gradient(180deg, #f8fafc 0%, var(--bg) 46%, #eef3f5 100%);color:var(--ink);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}input,select{background:#fff}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:264px 1fr;min-height:100vh;transition:grid-template-columns .18s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:78px 1fr}.sidebar{background:linear-gradient(180deg, var(--sidebar) 0%, var(--sidebar-2) 100%);color:#f7fbf3;height:100vh;padding:24px 18px;transition:padding .18s;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:12px;margin-bottom:28px;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--primary));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.brand strong,.brand span{display:block}.brand span{color:#b8c7d6;margin-top:3px;font-size:12px}.sidebar-collapsed .sidebar{padding:24px 14px}.sidebar-collapsed .brand{justify-content:center}.sidebar-collapsed .brand-text,.sidebar-collapsed .nav-item span{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.nav-list{gap:6px;display:grid}.nav-item{color:#dbe6ee;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;height:42px;padding:0 12px;text-decoration:none;display:flex}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.module-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--ink);border-radius:8px;min-height:160px;padding:18px;text-decoration:none}.module-card strong,.module-card span{display:block}.module-card strong{margin:12px 0 8px;font-size:18px}.module-card span{color:var(--muted);line-height:1.45}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1f}.workspace{min-width:0;padding:24px 28px 40px}.topbar{box-shadow:var(--shadow);color:#fff;background:linear-gradient(135deg,#12395b 0%,#146149 58%,#d18b2f 100%);border:1px solid #ffffff47;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:104px;margin-bottom:22px;padding:18px 20px;display:flex}.topbar-title{align-items:center;gap:12px;display:flex}.sidebar-toggle{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.topbar p{color:#ffffffc7;letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}.topbar h1{margin:0;font-size:26px;line-height:1.2}.topbar-brand-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topbar-brand-line span:first-child{font-size:22px;font-weight:800}.topbar-brand-line h1{color:#ffffffe6;margin:0;font-size:20px;font-weight:700;line-height:1.2}.topbar-brand-line i{background:#ffffff6b;width:1px;height:24px;display:block}.topbar-subtitle{color:#ffffffc2;max-width:720px;margin-top:5px;font-size:13px;line-height:1.4;display:block}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-actions .secondary-inline{color:#fff;background:#ffffff24;border-color:#ffffff47}.search-box,.language-switch{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;min-height:42px;display:flex}.search-box{gap:8px;width:240px;padding:0 12px}.report-search{width:380px}.search-box input{color:var(--ink);border:0;outline:0;width:100%;min-width:0}.language-switch{gap:4px;padding:5px}.language-switch svg{margin-left:6px}.language-switch button{color:var(--muted);background:0 0;border:0;border-radius:6px;min-height:30px;padding:0 10px}.language-switch button.selected{background:var(--blue);color:#fff}.hero-band{color:#fff;background:linear-gradient(135deg,#12395b 0%,#146149 58%,#d18b2f 100%);border-radius:8px;justify-content:space-between;align-items:center;min-height:146px;padding:28px;display:flex}.hero-band p{opacity:.84;margin:0 0 8px}.hero-band h2{max-width:680px;margin:0;font-size:28px;line-height:1.18}.primary-action{color:var(--blue);white-space:nowrap;background:#fff;border:0;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.stat-card,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px}.stat-card{border-top:3px solid var(--blue);min-height:126px;padding:18px}.stat-icon{color:var(--blue);background:linear-gradient(135deg,#16734f1f,#2f6db31a);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:14px;display:flex}.stat-card span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:700;display:block}.stat-card strong{color:var(--ink);margin-top:6px;font-size:24px;display:block}.dashboard-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 14px;display:grid}.dashboard-metric-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);border-top:3px solid var(--blue);background:linear-gradient(#fff 0%,#f9fbfc 100%);border-radius:8px;min-height:142px;padding:18px}.dashboard-metric-icon{color:var(--blue);background:linear-gradient(135deg,#2f6db31f,#16734f1f);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:18px;display:flex}.dashboard-metric-card span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:700;display:block}.dashboard-metric-card strong{color:var(--ink);margin-top:8px;font-size:28px;line-height:1.15;display:block}.dashboard-stats-grid{margin-top:0}.dashboard-content-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:16px;display:grid}.single-chart-grid{grid-template-columns:1fr;margin-top:16px}.dashboard-chart-panel{padding:18px}.product-bar-list{gap:16px;margin-top:16px;display:grid}.product-bar-row{gap:8px;display:grid}.product-bar-meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.product-bar-meta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.product-bar-meta span{color:var(--muted);flex-shrink:0;font-size:12px}.product-bar-track{background:#e9eef3;border-radius:8px;height:16px;overflow:hidden}.product-bar-track div{background:linear-gradient(90deg, var(--chart-1), var(--chart-2));border-radius:inherit;height:100%}.inventory-summary-list{gap:10px;margin-top:16px;display:grid}.inventory-summary-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.inventory-summary-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.inventory-summary-row strong{white-space:nowrap;font-size:13px}.top-products-list{gap:12px;margin-top:16px;display:grid}.top-product-row{background:var(--surface-3);border:1px solid var(--line);border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.top-product-row>span{color:var(--blue);background:linear-gradient(135deg,#d18b2f29,#2f6db31f);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.top-product-row strong,.top-product-row small{min-width:0;display:block}.top-product-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.top-product-row small{color:var(--muted);margin-top:3px;font-size:12px}.inventory-vertical-chart{grid-template-columns:repeat(8,minmax(64px,1fr));align-items:end;gap:14px;min-height:260px;margin-top:18px;padding-bottom:4px;display:grid;overflow-x:auto}.inventory-vertical-bar{grid-template-rows:auto 190px auto;align-items:center;gap:8px;min-width:64px;display:grid}.inventory-vertical-value{color:var(--primary-strong);text-align:center;font-size:12px;font-weight:800}.inventory-vertical-track{border:1px solid var(--line);background:#e9eef3;border-radius:8px;align-items:end;width:100%;height:190px;display:flex;overflow:hidden}.inventory-vertical-track div{background:linear-gradient(180deg, var(--chart-3), var(--chart-1));border-radius:8px 8px 0 0;width:100%}.inventory-vertical-bar span{color:var(--muted);text-align:center;text-overflow:ellipsis;max-width:86px;min-height:28px;font-size:11px;line-height:1.2;overflow:hidden}.dashboard-empty{color:var(--muted);margin:0;font-size:14px}.content-grid{grid-template-columns:1.35fr .9fr;gap:16px;display:grid}.inventory-layout{grid-template-columns:minmax(340px,.9fr) minmax(280px,.7fr);gap:16px;display:grid}.processing-grid{grid-template-columns:repeat(3,minmax(300px,1fr));gap:14px;margin-bottom:16px;display:grid}.processing-grid .panel{padding:16px}.processing-grid .lot-form{gap:10px}.processing-grid .lot-form input,.processing-grid .lot-form select{height:36px}.processing-grid .lot-form span{font-size:11px}.calculation-strip{background:var(--surface-3);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;padding:9px 10px;display:grid}.calculation-strip span,.calculation-strip strong{min-width:0;font-size:12px;display:block}.calculation-strip span{color:var(--muted)}.calculation-strip strong{color:var(--blue);text-align:right}.invoice-workspace{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(360px,1.1fr) minmax(260px,.72fr) minmax(360px,1.08fr);align-items:stretch;gap:12px;display:grid}.invoice-workspace>.panel{min-height:0;padding:14px}.invoice-workspace .panel-heading{margin-bottom:8px}.invoice-workspace .panel h3{font-size:15px}.invoice-workspace .lot-form{gap:9px}.invoice-workspace .lot-form input,.invoice-workspace .lot-form select{height:34px}.invoice-workspace .lot-form span{font-size:11px}.invoice-workspace .form-submit{min-height:36px}.invoice-items-panel{flex-direction:column;display:flex;overflow:hidden}.invoice-items-panel .stock-table-wrap{flex:1;margin:0 -14px -14px;overflow:auto}.invoice-items-panel .stock-table{min-width:680px}.invoice-items-panel .stock-table th,.invoice-items-panel .stock-table td{padding:8px 10px}.invoice-preview-panel{grid-column:1/-1;overflow:hidden}.invoice-preview-panel .panel-heading{display:none}.invoice-preview-panel .invoice-print{margin-top:0;padding:10px}.invoice-preview-panel .invoice-print-header{padding-bottom:6px}.invoice-preview-panel .invoice-print-header h2{font-size:18px}.invoice-preview-panel .invoice-print-header p,.invoice-preview-panel .invoice-print-meta strong,.invoice-preview-panel .invoice-print-meta span,.invoice-preview-panel .invoice-print-table th,.invoice-preview-panel .invoice-print-table td{font-size:10px}.invoice-preview-panel .invoice-print-meta strong,.invoice-preview-panel .invoice-print-meta span,.invoice-preview-panel .invoice-print-table th,.invoice-preview-panel .invoice-print-table td,.invoice-preview-panel .invoice-customer-grid div,.invoice-preview-panel .invoice-total-grid div,.invoice-preview-panel .invoice-summary-strip div{padding:5px 6px}.invoice-preview-panel .invoice-print-subtitle{padding:5px 0;font-size:11px}.invoice-preview-panel .invoice-customer-grid div{min-height:42px}.invoice-preview-panel .invoice-customer-grid span,.invoice-preview-panel .invoice-customer-grid strong,.invoice-preview-panel .invoice-summary-strip span,.invoice-preview-panel .invoice-total-grid span{font-size:9px}.invoice-preview-panel .invoice-customer-grid p,.invoice-preview-panel .invoice-summary-strip strong,.invoice-preview-panel .invoice-total-grid strong{margin-top:4px;font-size:11px}.invoice-preview-panel .invoice-summary-strip div,.invoice-preview-panel .invoice-total-grid div{min-height:38px}.invoice-finalize-bar{grid-column:1/-1;justify-content:flex-end;align-items:center;display:flex}.invoice-finalize-bar .form-submit{min-width:220px}.payment-result-list{border-top:1px solid var(--line);gap:8px;margin:2px 0 0;padding-top:10px;display:grid}.payment-result-list div{justify-content:space-between;align-items:center;display:flex}.payment-result-list dt{color:var(--muted);font-size:12px}.payment-result-list dd{margin:0;font-weight:800}.vas-bill-page{--vas-card:#fff;--vas-card-2:#eef5f2;--vas-border:#dce4ea;--vas-bg:transparent;--vas-ink-2:#435263;--vas-ink-3:#6f7e8f;--vas-green:var(--primary);--vas-green-l:#e7f4ee;--vas-amber:var(--accent);background:var(--vas-bg);border:0;border-radius:8px;gap:14px;width:100%;max-width:none;margin:0;padding:0;display:grid}.vas-bill-topbar{background:var(--vas-green);color:#fff;border-radius:10px;align-items:center;min-height:50px;padding:0 14px;display:flex}.vas-bill-topbar strong,.vas-bill-topbar span{display:block}.vas-bill-topbar strong{font-size:15px}.vas-bill-topbar span{opacity:.75;margin-top:2px;font-size:10px}.vas-invoice-sub{color:var(--vas-ink-3);font-size:12px;font-weight:700}.vas-card{background:linear-gradient(180deg, var(--vas-card) 0%, #fbfcfd 100%);border:1px solid var(--vas-border);box-shadow:var(--shadow-soft);border-radius:8px;padding:14px}.vas-card-title{color:var(--vas-ink-2);letter-spacing:.6px;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.vas-form{gap:10px}.vas-form span{color:var(--vas-ink-3);letter-spacing:.6px;text-transform:uppercase;font-size:9px;font-weight:800}.vas-form input,.vas-form select{border:1.5px solid var(--vas-border);border-radius:7px;height:36px}.vas-form input[readonly]{background:var(--vas-card-2)}.vas-item-list{gap:8px;margin-top:8px;display:grid}.vas-item-row{background:var(--surface-3);border:1px solid var(--vas-border);border-radius:10px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex;position:relative}.vas-item-row strong,.vas-item-row small{display:block}.vas-item-row strong{padding-right:28px;font-size:13px;line-height:1.35}.vas-item-row strong span{background:var(--vas-green);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;margin-right:6px;font-size:9px;display:inline-flex}.vas-item-row small{color:var(--vas-ink-3);margin-top:4px;font-size:11px}.item-del{color:var(--danger);background:#fdeaea;border:0;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}.vas-empty{color:var(--vas-ink-3);text-align:center;padding:8px 0;font-size:12px}.vas-totals-strip{border-top:1px solid var(--vas-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;padding-top:8px;display:grid}.vas-totals-strip div{text-align:center}.vas-totals-strip span,.vas-totals-strip strong{display:block}.vas-totals-strip span{color:var(--vas-ink-3);letter-spacing:.6px;text-transform:uppercase;font-size:9px;font-weight:800}.vas-totals-strip strong{color:var(--vas-green);margin-top:3px;font-size:15px}.vas-preview-card .invoice-print{margin-top:0}.vas-bill-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.vas-save-button{background:linear-gradient(135deg, var(--primary), var(--blue));color:#fff;text-transform:uppercase;border:0;border-radius:10px;justify-content:center;align-items:center;min-width:220px;min-height:44px;font-size:13px;font-weight:800;display:flex}.vas-badge{background:var(--vas-green-l);color:var(--vas-green);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.vas-denom-list{display:grid}.vas-denom-row{border-bottom:1px solid var(--vas-border);grid-template-columns:58px 12px 76px 1fr;align-items:center;gap:8px;min-height:38px;display:grid}.vas-denom-row:last-child{border-bottom:0}.vas-denom-row strong{color:var(--vas-ink-2);font-size:12px}.vas-denom-row span{color:var(--vas-ink-3);font-size:12px}.vas-denom-row input{border:1.5px solid var(--vas-border);color:var(--ink);text-align:center;border-radius:6px;min-width:0;height:30px;padding:0 8px}.vas-denom-row input:focus{border-color:var(--vas-green);box-shadow:0 0 0 2px var(--vas-green-l);outline:0}.vas-denom-row em{color:var(--vas-ink-2);justify-self:end;font-size:12px;font-style:normal;font-weight:800}.vas-inline-warning{color:#7a4e00;background:#fff8e8;border:1px solid #c47a0059;border-radius:7px;margin:0;padding:8px 10px;font-size:12px;font-weight:700}@media (min-width:760px){.vas-bill-page{grid-template-columns:minmax(320px,.78fr) minmax(420px,1.22fr)}.vas-invoice-sub,.vas-bill-actions{grid-column:1/-1}.vas-customer-card,.vas-items-card,.vas-payment-card,.vas-denom-card{grid-column:1;align-self:start}.vas-preview-card{grid-area:2/2/span 4;align-self:start}}@media (min-width:1180px){.vas-bill-page{grid-template-columns:minmax(360px,.78fr) minmax(560px,1.22fr);align-items:start}.vas-invoice-sub,.vas-bill-actions{grid-column:1/-1}.vas-customer-card{grid-column:1}.vas-items-card{grid-area:auto/1}.vas-payment-card,.vas-denom-card{grid-column:1}.vas-preview-card{grid-area:2/2/span 4}}.panel{padding:20px}.panel.wide{grid-row:span 2}.panel-heading{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin:-4px -4px 16px;padding:4px 4px 12px;display:flex}.panel-heading svg{color:var(--blue)}.panel h3{color:var(--ink);margin:0;font-size:18px}.panel p{color:var(--muted);max-width:720px;margin:0;line-height:1.6}.schema-strip{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.schema-strip code{background:var(--surface-3);border:1px solid var(--line);color:var(--blue);border-radius:6px;padding:8px 10px}.details-list{gap:14px;margin:0;display:grid}.details-list dt{color:var(--muted);margin-bottom:3px;font-size:12px}.details-list dd{margin:0}.step-list{color:var(--muted);gap:10px;margin:0;padding-left:18px;line-height:1.45;display:grid}.lot-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.single-field{grid-template-columns:1fr}.lot-form label{gap:6px;display:grid}.lot-form span{color:var(--muted);font-size:12px}.lot-form input,.lot-form select{border:1px solid var(--line);color:var(--ink);border-radius:8px;outline:0;min-width:0;height:40px;padding:0 10px}.lot-form input:focus,.lot-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f6db31f}.lot-form input[readonly]{background:var(--surface-3);color:var(--muted)}.success-note{color:var(--success);background:#e6f5ee;border:1px solid #b8dfcf;border-radius:8px;margin-top:16px;padding:11px 12px;font-weight:700}.workspace-action-bar{justify-content:flex-end;margin-bottom:14px;display:flex}.workspace-action-bar .form-submit{min-width:190px}.span-2{grid-column:span 2}.form-submit,.secondary-action{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;display:flex}.form-submit{background:linear-gradient(135deg, var(--primary), var(--blue));color:#fff;border:0}.secondary-action{background:var(--surface-3);border:1px solid var(--line);color:var(--blue);width:100%;margin-top:18px}.print-button{width:100%;margin-top:18px}.secondary-inline{background:var(--surface-3);border:1px solid var(--line);color:var(--blue);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:700;display:flex}.icon-action{background:var(--surface-3);border:1px solid var(--line);color:var(--blue);border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-weight:700;display:inline-flex}.danger-action{color:var(--danger);background:#fae4e1;border-color:#efc4bc}.row-action-stack{align-items:flex-start;gap:6px;min-width:120px;display:grid}.row-error{color:var(--danger);white-space:normal;max-width:220px;font-size:11px;line-height:1.25;display:block}.table-panel{grid-column:1/-1;overflow:hidden}.print-preview-panel{overflow:visible}.invoice-print{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;margin-top:14px;padding:0;overflow:hidden;box-shadow:0 16px 36px #12233a1a}.invoice-print-header{color:#fff;background:linear-gradient(135deg,#12395b 0%,#146149 100%);border-bottom:0;justify-content:space-between;align-items:stretch;gap:20px;padding:18px 20px;display:flex}.invoice-print-header h2{letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px;font-size:25px}.invoice-print-header p{color:#ffffffd1;margin:2px 0;font-size:12px;line-height:1.35}.invoice-print-meta{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:8px;grid-template-columns:auto auto;align-self:stretch;min-width:210px;display:grid;overflow:hidden}.invoice-print-meta strong,.invoice-print-meta span{border-bottom:1px solid #ffffff38;padding:7px 8px;font-size:12px}.invoice-print-meta strong{color:#ffffffc2;text-transform:uppercase}.invoice-print-meta span{color:#fff;font-weight:800}.invoice-print-meta strong:nth-last-child(-n+2),.invoice-print-meta span:nth-last-child(-n+2){border-bottom:0}.invoice-print-subtitle{border-bottom:1px solid var(--line);color:var(--blue);text-align:center;background:#f6f9fb;padding:10px 20px;font-size:13px;font-weight:800}.invoice-document-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 20px 10px;display:grid}.invoice-document-summary div{background:var(--surface-3);border:1px solid var(--line);border-radius:8px;padding:10px}.invoice-document-summary span,.invoice-document-summary strong{display:block}.invoice-document-summary span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.invoice-document-summary strong{color:var(--ink);margin-top:5px;font-size:15px}.invoice-customer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px 20px 16px;display:grid}.invoice-customer-grid div{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:64px;padding:8px}.invoice-customer-grid div:last-child{border-right:1px solid var(--line)}.invoice-customer-grid span,.invoice-customer-grid strong{font-size:11px;display:block}.invoice-customer-grid p{color:var(--ink);margin-top:6px;font-size:13px;font-weight:700}.invoice-print-table{border-collapse:collapse;width:calc(100% - 40px);margin:0 20px}.invoice-print-table th,.invoice-print-table td{border-bottom:1px solid var(--line);text-align:left;border-right:0;padding:8px;font-size:12px}.invoice-print-table th:last-child,.invoice-print-table td:last-child{border-right:0}.invoice-print-table th{color:var(--muted);text-transform:uppercase;background:#eef5f8;font-weight:800}.invoice-print-table tbody tr:nth-child(2n){background:#fbfcfd}.invoice-summary-strip{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 20px 0;display:grid;overflow:hidden}.invoice-summary-strip div{background:var(--surface-3);border-right:1px solid var(--line);min-height:48px;padding:7px 8px}.invoice-summary-strip div:last-child{border-right:0}.invoice-summary-strip span,.invoice-summary-strip strong{display:block}.invoice-summary-strip span{font-size:10px}.invoice-summary-strip strong{margin-top:7px;font-size:13px}.invoice-total-grid{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));margin:10px 20px 20px;display:grid;overflow:hidden}.invoice-total-grid div{border-bottom:0;border-right:1px solid var(--line);min-height:58px;padding:8px}.invoice-total-grid div:last-child{border-right:0}.invoice-total-grid span,.invoice-total-grid strong{display:block}.invoice-total-grid span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.invoice-total-grid strong{color:var(--ink);margin-top:8px;font-size:14px}.table-heading{justify-content:space-between;align-items:flex-start}.table-heading p{margin-top:6px;font-size:13px}.purchase-report-panel{margin:18px 0}.purchase-report-heading{gap:12px}.purchase-report-summary{grid-template-columns:minmax(280px,1fr) repeat(2,minmax(160px,.38fr));gap:12px;margin-bottom:14px;display:grid}.donut-card,.report-mini-stat{background:var(--surface-3);border:1px solid var(--line);border-radius:8px}.donut-card{align-items:center;gap:16px;padding:14px;display:flex}.donut-chart{border-radius:999px;flex:0 0 118px;justify-content:center;align-items:center;width:118px;height:118px;display:flex;position:relative}.donut-chart:after{background:var(--surface-3);content:"";border-radius:999px;position:absolute;inset:23px}.donut-chart div{text-align:center;z-index:1;position:relative}.donut-chart strong,.donut-chart span{display:block}.donut-chart strong{color:var(--blue);font-size:16px}.donut-chart span{color:var(--muted);font-size:11px}.donut-legend{gap:8px;display:grid}.donut-legend span{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.donut-legend i{border-radius:999px;width:10px;height:10px;display:inline-block}.legend-packed{background:var(--chart-1)}.legend-graded{background:var(--chart-3)}.legend-balance{background:var(--line)}.report-mini-stat{place-content:center;padding:16px;display:grid}.report-mini-stat span,.report-mini-stat strong{text-align:center;display:block}.report-mini-stat span{color:var(--muted);font-size:12px}.report-mini-stat strong{color:var(--blue);margin-top:5px;font-size:22px}.purchase-database-table{min-width:1240px}.stock-table-wrap{margin:4px -20px -20px;overflow-x:auto}.stock-table{border-collapse:collapse;width:100%;min-width:1080px}.compact-table{min-width:760px}.stock-table th,.stock-table td{border-top:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap;padding:12px 14px}.stock-table th{color:var(--muted);background:#f2f6f8;font-size:12px;font-weight:700}.stock-table td{font-size:13px}.stock-table td:first-child{min-width:230px}.stock-table strong,.stock-table span{display:block}.stock-table td:first-child span{color:var(--muted);margin-top:4px;font-size:12px}.status-pill{border-radius:999px;justify-content:center;min-width:76px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.success{color:var(--success);background:#e6f5ee}.status-pill.warning{color:var(--warning);background:#fff2dc}.status-pill.danger{color:var(--danger);background:#fae4e1}@media (max-width:1040px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:20px 14px}.brand{justify-content:center}.brand-text,.nav-item span{display:none}.nav-item{justify-content:center;padding:0}.workspace{padding:20px 22px 34px}.stats-grid,.dashboard-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.dashboard-content-grid{grid-template-columns:1fr}.inventory-vertical-chart{grid-template-columns:repeat(8,minmax(72px,1fr))}.inventory-layout,.processing-grid,.invoice-workspace{grid-template-columns:1fr}.invoice-preview-panel{grid-column:auto}.invoice-finalize-bar{grid-column:auto;grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){body{background:var(--bg)}.app-shell,.app-shell.sidebar-collapsed{min-height:100vh;display:block}.sidebar{height:64px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));z-index:50;border-top:1px solid #ffffff14;align-items:center;gap:8px;display:flex;position:fixed;inset:auto 0 0;overflow:auto hidden}.brand{display:none}.nav-list{gap:6px;width:100%;min-width:max-content;display:flex}.nav-item{border-radius:10px;flex:0 0 48px;justify-content:center;height:46px;padding:0}.nav-item span{display:none}.workspace{padding:16px 14px calc(88px + env(safe-area-inset-bottom,0px))}.topbar{align-items:flex-start;gap:12px;margin-bottom:16px}.topbar-title{align-items:flex-start;min-width:0}.sidebar-toggle{display:none}.topbar h1{font-size:22px}.topbar-subtitle{max-width:none;font-size:12px}.topbar-actions{flex-shrink:0}.stats-grid,.dashboard-hero-grid,.dashboard-content-grid,.module-grid,.content-grid,.inventory-layout,.processing-grid,.calculation-strip,.lot-form{grid-template-columns:1fr}.stat-card{grid-template-columns:44px 1fr;align-items:center;gap:12px;min-height:82px;padding:14px;display:grid}.dashboard-metric-card{grid-template-columns:44px 1fr;align-items:center;gap:12px;min-height:88px;padding:14px;display:grid}.dashboard-metric-icon{margin:0}.dashboard-metric-card strong{margin-top:2px;font-size:21px}.product-bar-meta{align-items:flex-start;gap:4px;display:grid}.product-bar-meta span{flex-shrink:1}.inventory-vertical-chart{grid-template-columns:repeat(8,minmax(68px,86px));justify-content:start}.inventory-vertical-bar{grid-template-rows:auto 160px auto}.inventory-vertical-track{height:160px}.stat-icon{margin:0}.stat-card strong{margin-top:2px;font-size:20px}.module-card{min-height:118px;padding:14px}.panel{padding:14px}.panel-heading{align-items:flex-start;gap:8px}.panel h3{font-size:16px}.span-2{grid-column:auto}.stock-table-wrap{margin:4px -14px -14px}.stock-table th,.stock-table td{padding:10px 11px}.purchase-report-heading{display:grid}.purchase-report-summary{grid-template-columns:1fr}.donut-card{align-items:flex-start}.search-box,.report-search{width:min(100%,280px)}.vas-bill-page{border-radius:10px;margin:0 -2px;padding:10px}.vas-card{padding:11px 12px}.vas-form{grid-template-columns:1fr}.vas-denom-row{grid-template-columns:54px 10px 70px 1fr}}@media (max-width:420px){.workspace{padding-left:10px;padding-right:10px}.topbar{flex-direction:column}.topbar-actions,.secondary-inline,.primary-action{width:100%}.secondary-inline,.primary-action{justify-content:center}.stats-grid{gap:10px}.vas-denom-row{grid-template-columns:50px 8px 62px 1fr;gap:6px}.vas-denom-row strong,.vas-denom-row em{font-size:11px}}@media print{@page{margin:12mm;size:A4}body{background:#fff}body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{border:1px solid #111;width:100%;margin:0;padding:10mm;position:absolute;top:0;left:0}}