@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&family=Libre+Barcode+128&display=swap";:root{--bg-base:#131313;--bg-surface:#1f201f;--bg-surface-low:#1b1c1b;--bg-surface-high:#2a2a29;--bg-surface-highest:#353534;--bg-glass:#1f201fbf;--border-hairline:#ffffff1a;--border-subtle:#444748;--border-focus:#c6c6c6;--text-primary:#e4e2e0;--text-bright:#fffff4;--text-secondary:#929291;--text-muted:#767777;--accent-primary:#c6c6c6;--accent-on-primary:#1a1c1c;--accent-container:#767777;--accent-on-container:#040505;--signal-green:#4ade80;--signal-green-bg:#4ade801f;--signal-amber:#ebb340;--signal-amber-bg:#ebb3401f;--signal-red:#d95959;--signal-red-bg:#d959591f;--signal-blue:#668fd9;--signal-blue-bg:#668fd91f;--signal-purple:#946bd1;--signal-purple-bg:#946bd11f;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-full:9999px;--sidebar-width:250px;--header-height:60px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-barcode:"Libre Barcode 128", cursive}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.grid-pattern{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px}.app-shell{background:var(--bg-base);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar-container{width:var(--sidebar-width);background:var(--bg-base);border-right:1px solid var(--border-hairline);z-index:30;flex-direction:column;flex-shrink:0;height:100vh;display:flex}.main-viewport{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.top-navbar{height:var(--header-height);background:var(--bg-base);border-bottom:1px solid var(--border-hairline);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.content-scrollable{flex:1;padding:24px 28px 80px;position:relative;overflow-y:auto}.page-title{color:var(--text-bright);letter-spacing:-.03em;font-size:26px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.mono-text{font-family:var(--font-mono)}.fyndr-card{background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);padding:16px;transition:border-color .15s,background .15s}.fyndr-card:hover{border-color:#ffffff29}.fyndr-card-interactive{cursor:pointer}.fyndr-card-interactive:hover{background:var(--bg-surface-high)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;height:96px;padding:16px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.kpi-card:hover{background:var(--bg-surface-high);border-color:#fff3;transform:translateY(-2px)}.kpi-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.kpi-value{font-family:var(--font-mono);color:var(--text-bright);font-size:22px;font-weight:700}.table-container{background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.table-header-toolbar{background:var(--bg-surface-highest);border-bottom:1px solid var(--border-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-surface);border-bottom:1px solid var(--border-hairline);z-index:10;padding:10px 16px;font-size:11px;font-weight:600;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--border-hairline);color:var(--text-primary);vertical-align:middle;padding:12px 16px}.data-table tr{transition:background .12s}.data-table tbody tr:hover{background:var(--bg-surface-high)}.data-table tr.selected{background:var(--bg-surface-high)!important}.btn-primary{background:var(--accent-primary);color:var(--accent-on-primary);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-surface-highest);color:var(--text-primary);font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid var(--border-hairline);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--bg-surface-high);border-color:#fff3}.btn-danger{background:var(--signal-red-bg);color:var(--signal-red);border-radius:var(--radius-md);cursor:pointer;border:1px solid #d959594d;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-danger:hover{background:var(--signal-red);color:#fff}.input-field{background:var(--bg-surface-high);border:1px solid var(--border-hairline);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s,background .15s}.input-field:focus{border-color:var(--border-focus);background:var(--bg-surface-highest)}.notion-tag{border-radius:var(--radius-sm);color:var(--accent-primary);font-size:11px;font-weight:600;font-family:var(--font-sans);background:#7677772e;border:1px solid #76777740;align-items:center;padding:2px 7px;display:inline-flex}.status-badge{border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.available{background:var(--signal-green-bg);color:var(--signal-green);border:1px solid #4ade8040}.status-badge.low-stock{background:var(--signal-amber-bg);color:var(--signal-amber);border:1px solid #ebb34040}.status-badge.out-of-stock{background:var(--signal-red-bg);color:var(--signal-red);border:1px solid #d9595940}.direction-pill{font-family:var(--font-mono);border-radius:var(--radius-sm);padding:3px 7px;font-size:11px;font-weight:700}.direction-pill.in{background:var(--signal-green-bg);color:var(--signal-green);border:1px solid #4ade8040}.direction-pill.out{background:var(--signal-red-bg);color:var(--signal-red);border:1px solid #d9595940}.batch-dock{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);z-index:100;background:#1f201fd9;border:1px solid #ffffff26;align-items:center;gap:12px;height:52px;padding:0 16px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0009}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:960px;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow:hidden;box-shadow:0 24px 48px #000c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.printable-sheet-canvas{color:#000;background:#fff;grid-template-columns:repeat(3,1fr);align-content:start;gap:6mm;width:210mm;min-height:297mm;margin:0 auto;padding:12mm;display:grid;box-shadow:0 4px 16px #0000004d}.barcode-label-card{box-sizing:border-box;background:#fff;border:1px dashed #00000026;flex-direction:column;justify-content:space-between;height:38mm;padding:8px;display:flex;position:relative}.bracket-tl{border-top:2px solid #000;border-left:2px solid #000;width:7px;height:7px;position:absolute;top:2px;left:2px}.bracket-tr{border-top:2px solid #000;border-right:2px solid #000;width:7px;height:7px;position:absolute;top:2px;right:2px}.bracket-bl{border-bottom:2px solid #000;border-left:2px solid #000;width:7px;height:7px;position:absolute;bottom:2px;left:2px}.bracket-br{border-bottom:2px solid #000;border-right:2px solid #000;width:7px;height:7px;position:absolute;bottom:2px;right:2px}.barcode-svg-container{justify-content:center;align-items:center;height:48px;margin:2px 0;display:flex}@media print{body *{visibility:hidden}.printable-sheet-canvas,.printable-sheet-canvas *{visibility:visible}.printable-sheet-canvas{width:100vw;height:100vh;box-shadow:none;margin:0;padding:10mm;position:fixed;top:0;left:0}.modal-overlay,.modal-header,.batch-dock,.top-navbar,.sidebar-container{display:none!important}}