*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Inter,system-ui,-apple-system,sans-serif}#root{min-height:100dvh}input,textarea,select,button{font-family:inherit}input::placeholder,textarea::placeholder{color:#2a2a2a}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff1a}:root{--bg-base:#09090b;--bg-sidebar:#0d0f16;--bg-surface:#11131b;--bg-elevated:#151823;--bg-hover:#ffffff08;--border-subtle:#ffffff0a;--border-default:#ffffff0f;--border-strong:#ffffff1a;--border-indigo:#6366f133;--border-indigo-glow:#6366f199;--text-primary:#f5f7ff;--text-secondary:#a1a7b8;--text-muted:#6f7585;--text-dim:#2d3048;--indigo:#6366f1;--indigo-light:#818cf8;--indigo-bright:#a5b4fc;--green:#4ade80;--yellow:#fbbf24;--red:#f87171;--orange:#fb923c;--glow-indigo:0 0 12px #6366f166;--glow-green:0 0 12px #4ade8066;--glow-red:0 0 12px #f8717166}.btn-led{color:#fff;border:1px solid var(--border-indigo-glow);letter-spacing:.5px;cursor:pointer;background:#000;border-radius:7px;align-items:center;gap:6px;height:36px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:600;transition:box-shadow .15s,border-color .15s;display:inline-flex;box-shadow:0 0 12px #6366f14d,inset 0 0 8px #6366f10d}.btn-led:hover:not(:disabled){border-color:#6366f1d9;box-shadow:0 0 20px #6366f180,inset 0 0 12px #6366f114}.btn-led:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-muted);border:1px solid var(--border-default);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:6px;height:36px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover:not(:disabled){color:var(--text-secondary);border-color:var(--border-strong);background:var(--bg-hover)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px}.card-premium{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 8px 32px #00000080}.metric-card{cursor:default;border-radius:10px;padding:16px 18px;transition:background .2s,border-color .2s,transform .15s}.metric-card:hover{transform:translateY(-1px)}.metric-label{text-transform:uppercase;letter-spacing:1.2px;color:#6f7585;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:600;display:flex}.metric-icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.metric-value{letter-spacing:-.8px;font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:24px;font-weight:800;line-height:1}.metric-change{border-radius:4px;align-items:center;gap:4px;margin-top:6px;padding:2px 7px;font-size:11px;display:inline-flex}.table-container{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.table-header{background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);padding:10px 16px;display:grid}.table-th{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:10px;font-weight:600}.table-row{border-bottom:1px solid var(--border-subtle);align-items:center;padding:11px 16px;transition:background .1s;display:grid}.table-row:hover{background:#6366f108}.table-row:last-child{border-bottom:none}.input-field{background:var(--bg-surface);color:var(--text-primary);box-sizing:border-box;border:1px solid #ffffff12;border-radius:7px;outline:none;width:100%;height:40px;padding:0 14px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.input-field::placeholder{color:var(--text-dim)}.input-field:focus{border-color:#6366f166;box-shadow:0 0 0 3px #6366f114}.input-field:disabled{opacity:.4;cursor:not-allowed}.badge{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;width:fit-content;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.badge-green{color:#4ade80;background:#4ade8014;border:1px solid #4ade802e}.badge-yellow{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf242e}.badge-red{color:#f87171;background:#f8717114;border:1px solid #f871712e}.badge-indigo{color:#818cf8;background:#6366f114;border:1px solid #6366f12e}.badge-orange{color:#fb923c;background:#fb923c14;border:1px solid #fb923c2e}.badge-gray{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff12}.sku-badge{color:var(--indigo-bright);letter-spacing:.5px;font-variant-numeric:tabular-nums;background:#6366f11a;border:1px solid #6366f133;border-radius:4px;padding:2px 7px;font-family:ui-monospace,Cascadia Code,monospace;font-size:11px;font-weight:700}.drawer-overlay{z-index:100;background:#000c;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--bg-sidebar);border-left:1px solid #ffffff12;flex-direction:column;width:560px;height:100dvh;display:flex;box-shadow:-20px 0 60px #000c}.drawer-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-sidebar);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.drawer-title{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:700;line-height:1.2}.drawer-body{flex:1;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border-subtle);background:var(--bg-sidebar);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.sidebar-item{height:36px;color:var(--text-muted);cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;margin:0 6px 2px;padding:0 12px;font-size:12.5px;font-weight:400;text-decoration:none;transition:color .12s,background .12s,border-color .12s;display:flex;position:relative}.sidebar-item:hover{color:var(--text-secondary);background:#ffffff08}.sidebar-item.active{color:var(--text-primary);background:#6366f11a;border-color:#6366f126;font-weight:500}.form-section-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);border-top:1px solid var(--border-subtle);padding:16px 24px 8px;font-size:9px;font-weight:600}.form-field-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:6px;font-size:9px;font-weight:600;display:block}.page-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.5px;font-size:20px;font-weight:700}.page-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:3px;font-size:11px}.topbar{background:var(--bg-base);border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 20px;display:flex}.topbar-search{background:var(--bg-surface);border:1px solid var(--border-default);cursor:text;border-radius:7px;flex:1;align-items:center;gap:8px;max-width:320px;height:32px;padding:0 10px;transition:border-color .15s;display:flex}.topbar-search:focus-within{border-color:#6366f14d}.topbar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12px}.topbar-search input::placeholder{color:var(--text-dim)}.topbar-btn{background:var(--bg-surface);border:1px solid var(--border-default);cursor:pointer;width:32px;height:32px;color:var(--text-muted);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:flex;position:relative}.topbar-btn:hover{border-color:var(--border-strong);color:var(--text-secondary)}.topbar-date{background:var(--bg-surface);border:1px solid var(--border-default);cursor:pointer;height:32px;color:var(--text-secondary);white-space:nowrap;border-radius:7px;flex-shrink:0;align-items:center;gap:7px;padding:0 10px;font-size:11.5px;transition:border-color .15s;display:flex}.topbar-date:hover{border-color:var(--border-strong)}.topbar-profile{cursor:pointer;width:32px;height:32px;color:var(--indigo-light);background:#6366f126;border:1px solid #6366f140;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.topbar-profile:hover{background:#6366f138;border-color:#6366f166}.topbar-dropdown{background:var(--bg-elevated);border:1px solid var(--border-default);z-index:50;border-radius:9px;width:180px;padding:4px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0009}.topbar-dropdown-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-family:inherit;font-size:12px;transition:background .1s,color .1s;display:flex}.topbar-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-dropdown-item.danger{color:var(--red)}.topbar-dropdown-item.danger:hover{background:#f8717112}.topbar-dropdown-sep{background:var(--border-subtle);height:1px;margin:3px 0}