:root{--sidebar-bg:#1b2530;--sidebar-text:#9aa5b1;--sidebar-text-active:#fff;--sidebar-border:#ffffff14;--sidebar-hover:#ffffff0f;--bg:#f9fbfc;--card:#fff;--border:#e6eff2;--text:#0b1e24;--text-muted:#606d71;--text-faint:#8b989c;--pos-color:#eb8a24;--pos-bg:#fcf0e2;--farm-color:#2b7890;--farm-bg:#e9f2f5;--wholesale-color:#1f5a6d;--wholesale-bg:#e7eef0;--success:#2a9d5c;--success-bg:#e7f5ec;--warning:#eb8a24;--warning-bg:#fdf1e1;--danger:#b8432e;--danger-bg:#fbeae6;--radius-card:12px;--radius-btn:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}#root{min-height:100vh}h1,h2,h3,p{margin:0}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}table{border-collapse:collapse;width:100%}.app-shell{min-height:100vh;display:flex}.content{flex:1;min-width:0;padding:32px 40px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.3px;font-size:24px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13.5px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-label{color:var(--text-muted);font-size:12.5px;font-weight:500}.kpi-value{letter-spacing:-.5px;margin-top:6px;font-size:26px;font-weight:700}.btn{border-radius:var(--radius-btn);border:1px solid #0000;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.88}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sidebar-bg);color:#fff}.btn-secondary{background:var(--card);color:var(--text);border-color:var(--border)}.btn-danger{background:var(--danger);color:#fff}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:12.5px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--card);height:40px;color:var(--text);padding:0 12px}.field textarea{height:auto;padding:10px 12px}.field input::placeholder{color:var(--text-faint)}.data-table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border);padding:10px 16px;font-size:11.5px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);padding:14px 16px;font-size:13.5px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.clickable:hover{background:var(--bg);cursor:pointer}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--card);height:34px;color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.chip.active{background:var(--sidebar-bg);color:#fff;border-color:var(--sidebar-bg)}.modal-backdrop{z-index:100;background:#0b1e2473;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--card);border-radius:16px;width:480px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);padding:28px;overflow-y:auto}.slideover-backdrop{z-index:90;background:#0b1e2459;position:fixed;inset:0}.slideover-panel{background:var(--bg);z-index:91;width:960px;max-width:100vw;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 40px #0b1e241f}