:root{--color-purple:#6952d6;--color-purple-light:#efebfb;--color-white:#fff;--color-surface-tint:#faf9fd;--color-ledger-green:#2f6f52;--color-brick-red:#a83232;--color-ink:#232326;--color-muted:#6b6b76;--color-border:#e4e1ee;--font-ui:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--sidebar-width:220px;--radius:4px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--color-ink);background:var(--color-white);-webkit-font-smoothing:antialiased;margin:0;font-weight:400}.mono,.money,.qty,.invoice-no{font-family:var(--font-mono);font-variant-numeric:tabular-nums}a{color:var(--color-purple)}button{font-family:inherit}.btn{border:1px solid var(--color-border);background:var(--color-white);color:var(--color-ink);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn:hover{background:var(--color-surface-tint)}.btn-primary{background:var(--color-purple);border-color:var(--color-purple);color:var(--color-white)}.btn-primary:hover{background:#5a46bf}.btn-danger{border-color:var(--color-brick-red);color:var(--color-brick-red)}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-ink);background:var(--color-white);padding:.5rem .65rem;font-family:inherit;font-size:.875rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-purple-light);border-color:var(--color-purple)}label{color:var(--color-muted);margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;color:var(--color-muted);text-transform:none;border-bottom:1px solid var(--color-border);padding:.6rem .75rem;font-size:.75rem;font-weight:500}td{border-bottom:1px solid var(--color-border);padding:.6rem .75rem}tr.low-stock{border-left:3px solid var(--color-brick-red)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.status-pill{border-left:3px solid var(--color-muted);padding-left:.5rem;font-size:.8125rem}.status-received,.status-completed{border-left-color:var(--color-ledger-green);color:var(--color-ledger-green)}.status-overdue,.status-low-stock{border-left-color:var(--color-brick-red);color:var(--color-brick-red)}.text-muted{color:var(--color-muted)}.error-text{color:var(--color-brick-red);margin-top:.25rem;font-size:.8125rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-width:760px;display:grid}.field{flex-direction:column;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}