@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #07111E;--bg-secondary: #0C1A2D;--bg-card: #11233D;--bg-card-hover: #162C4C;--bg-hover: #193153;--bg-input: #0A1626;--border-color: #1E3A63;--border-light: #284C80;--border-focus: #38BDF8;--text-main: #F8FAFC;--text-muted: #94A3B8;--text-dim: #64748B;--vdb-blue: #00467F;--vdb-blue-light: #1E6BB8;--vdb-blue-dark: #002B50;--vdb-orange: #F26631;--vdb-orange-hover: #FF7A45;--vdb-orange-glow: rgba(242, 102, 49, .25);--vdb-steel: #77787B;--accent-cyan: #38BDF8;--accent-emerald: #10B981;--accent-amber: #F59E0B;--accent-rose: #F43F5E;--accent-indigo: #818CF8;--accent-purple: #C084FC;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}.erp-container{max-width:1680px;margin:0 auto;padding:16px 24px}.erp-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;transition:border-color .15s ease}.erp-card:hover{border-color:var(--border-light)}.erp-table-wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto}.erp-table{width:100%;border-collapse:collapse;text-align:left;font-size:12.5px}.erp-table th{background-color:var(--bg-secondary);color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;border-bottom:1px solid var(--border-color);white-space:nowrap}.erp-table td{padding:10px 14px;border-bottom:1px solid rgba(30,58,99,.5);vertical-align:middle}.erp-table tr:hover td{background-color:var(--bg-hover)}.erp-table tr.backorder-row td{background-color:#f266310f}.erp-table tr.backorder-row:hover td{background-color:#f266311f}.font-mono{font-family:var(--font-mono)}.erp-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-hold{background-color:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.badge-overdue{background-color:#f43f5e2e;color:#fb7185;border:1px solid rgba(244,63,94,.4)}.badge-confirmed{background-color:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.35)}.badge-released{background-color:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.badge-backorder{background-color:var(--vdb-orange-glow);color:#ff8a50;border:1px solid rgba(242,102,49,.6)}.btn-primary{background-color:var(--vdb-blue);color:#fff;border:1px solid var(--vdb-blue-light);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.btn-primary:hover{background-color:var(--vdb-blue-light)}.btn-danger{background-color:#f43f5e33;color:#fda4af;border:1px solid rgba(244,63,94,.5);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.btn-danger:hover{background-color:#f43f5e;color:#fff}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.btn-secondary:hover{border-color:var(--border-light);background-color:var(--bg-hover)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#07111eb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:520px;background-color:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:100;padding:24px;display:flex;flex-direction:column;box-shadow:-10px 0 30px #00000080;overflow-y:auto}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.clickable-vendor{cursor:pointer;color:var(--text-main);transition:color .15s ease,text-decoration .15s ease}.clickable-vendor:hover{color:var(--accent-cyan);text-decoration:underline}.clickable-po{cursor:pointer;color:var(--accent-cyan);transition:color .15s ease,text-decoration .15s ease}.clickable-po:hover{color:#7dd3fc;text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#07111ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:120;display:flex;align-items:center;justify-content:center;padding:24px}.modal-panel{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 25px 60px #000000b3;width:100%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.automation-strip{background-color:#091322;border-bottom:1px solid var(--border-color);padding:6px 24px;display:flex;align-items:center;gap:20px;font-size:11px;overflow-x:auto}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:12px;color:var(--text-muted)}