@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{--bg: #14181d;--surface: #1c2128;--surface-raised: #232933;--hairline: #2b323c;--text: #e8e6e1;--text-muted: #9aa0aa;--text-faint: #656c78;--accent: #e8a33d;--accent-dim: #a97a34;--success: #4fa8a0;--danger: #c1443c;--font-display: "Barlow Condensed", "Oswald", "Arial Narrow", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 2px;--radius-md: 4px;--border-width: 1px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:.01em;margin:0;text-transform:uppercase}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--hairline);background:var(--surface)}.topbar-brand{display:flex;align-items:baseline;gap:var(--space-2)}.topbar-brand .mark{display:inline-block;width:10px;height:10px;background:var(--accent);border-radius:var(--radius-sm)}.topbar-title{font-size:20px;letter-spacing:.04em}.topbar-user{display:flex;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.nav-tabs{display:flex;gap:var(--space-1);padding:0 var(--space-5);border-bottom:var(--border-width) solid var(--hairline);background:var(--surface)}.nav-tab{padding:var(--space-3) var(--space-3);font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.04em;color:var(--text-muted);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent}.nav-tab.active{color:var(--text);border-bottom-color:var(--accent)}.main{flex:1;padding:var(--space-5);max-width:1080px;width:100%;margin:0 auto}.btn{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:13px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:var(--border-width) solid var(--hairline);background:var(--surface-raised);color:var(--text);cursor:pointer}.btn:hover:not(:disabled){border-color:var(--text-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#1a1406}.btn-primary:hover:not(:disabled){background:#f0ad52}.btn-danger{border-color:var(--danger);color:var(--danger);background:transparent}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.input,.select,textarea.input{background:var(--bg);border:var(--border-width) solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text)}.input:focus,.select:focus{border-color:var(--accent)}.search-input{width:100%;font-size:16px;padding:var(--space-3) var(--space-4);font-family:var(--font-mono)}.badge{display:inline-block;font-family:var(--font-mono);font-size:11px;padding:2px var(--space-2);border-radius:var(--radius-sm);border:var(--border-width) solid var(--hairline);color:var(--text-muted)}.badge-success{color:var(--success);border-color:var(--success)}.badge-danger{color:var(--danger);border-color:var(--danger)}.badge-pending{color:var(--accent);border-color:var(--accent)}.mono{font-family:var(--font-mono)}.sku{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.02em}.message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:var(--border-width) solid var(--hairline);font-size:13px;margin-bottom:var(--space-4)}.message-error{border-color:var(--danger);color:var(--danger)}.message-success{border-color:var(--success);color:var(--success)}table{width:100%;border-collapse:collapse}th{text-align:left;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:400;padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--hairline)}td{padding:var(--space-3);border-bottom:var(--border-width) solid var(--hairline);font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:none}.reel-counter{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.reel-counter .ticks{display:flex;align-items:flex-end;gap:1px;height:12px}.reel-counter .tick{width:2px;height:6px;background:var(--hairline)}.reel-counter .tick.active{height:12px;background:var(--accent)}.reel-counter .readout{color:var(--accent)}.reel-counter .track-name{color:var(--text-muted)}