:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:2rem 2rem 0;max-width:72rem;width:100%;margin:0 auto}.header-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.header-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.header h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.header p{margin:0 0 1.5rem;color:#ffffff80;font-size:.9rem}.stats-bar{display:flex;gap:1.5rem;padding:1rem 2rem;max-width:72rem;width:100%;margin:0 auto}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.stat-label{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.08em}.stat-value.green{color:#22c55e}.stat-value.yellow{color:#eab308}.stat-value.red{color:#ef4444}.stat-value.blue{color:#3b82f6}.controls{padding:0 2rem 1rem;max-width:72rem;width:100%;margin:0 auto;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:16rem;position:relative}.search-box input{width:100%;padding:.625rem .875rem .625rem 2.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fafafa;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s}.search-box input::placeholder{color:#ffffff4d}.search-box input:focus{border-color:#ffffff40}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#ffffff4d;font-size:.875rem;pointer-events:none}.filter-pills{display:flex;gap:.375rem;flex-wrap:wrap}.filter-pill{padding:.5rem .875rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;color:#fff9;font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .15s}.filter-pill:hover{background:#ffffff1a;color:#fffc}.filter-pill.active{background:#ffffff1f;border-color:#fff3;color:#fafafa}.stock-filter-pills{display:flex;gap:.375rem}.stock-pill{padding:.5rem .875rem;border-radius:.375rem;font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .15s;border:1px solid transparent}.stock-pill.all{background:#ffffff0f;border-color:#ffffff1a;color:#fff9}.stock-pill.all.active{background:#ffffff1f;border-color:#fff3;color:#fafafa}.stock-pill.all:hover{background:#ffffff1a;color:#fffc}.stock-pill.in-stock{background:#22c55e1a;border-color:#22c55e33;color:#22c55ecc}.stock-pill.in-stock.active{background:#22c55e33;color:#22c55e}.stock-pill.low-stock{background:#eab3081a;border-color:#eab30833;color:#eab308cc}.stock-pill.low-stock.active{background:#eab30833;color:#eab308}.stock-pill.out-of-stock{background:#ef44441a;border-color:#ef444433;color:#ef4444cc}.stock-pill.out-of-stock.active{background:#ef444433;color:#ef4444}.inventory-grid{flex:1;padding:0 2rem 2rem;max-width:72rem;width:100%;margin:0 auto}.inventory-table{width:100%;border-collapse:collapse}.inventory-table thead th{text-align:left;padding:.75rem 1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;border-bottom:1px solid rgba(255,255,255,.08)}.inventory-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}.inventory-table tbody tr:hover{background:#ffffff08}.inventory-table td{padding:.875rem 1rem;font-size:.875rem}.product-cell{display:flex;align-items:center;gap:.75rem}.product-thumb{width:2.5rem;height:2.5rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.thumb-firearms{background:#3b82f626}.thumb-ammo{background:#eab30826}.thumb-optics{background:#a855f726}.thumb-accessories{background:#ec489926}.thumb-gear{background:#14b8a626}.product-name{font-weight:500;color:#fafafa}.product-sku{font-size:.75rem;color:#ffffff4d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.category-badge{display:inline-block;padding:.2rem .5rem;border-radius:.25rem;font-size:.75rem;background:#ffffff0f;color:#ffffff80;text-transform:capitalize}.price-cell{font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffffd9}.qty-cell{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.stock-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.stock-dot{width:.375rem;height:.375rem;border-radius:50%}.stock-badge.in-stock{background:#22c55e1f;color:#4ade80}.stock-badge.in-stock .stock-dot{background:#22c55e;box-shadow:0 0 4px #22c55e80}.stock-badge.low-stock{background:#eab3081f;color:#facc15}.stock-badge.low-stock .stock-dot{background:#eab308;box-shadow:0 0 4px #eab30880}.stock-badge.out-of-stock{background:#ef44441f;color:#f87171}.stock-badge.out-of-stock .stock-dot{background:#ef4444;box-shadow:0 0 4px #ef444480}.empty-state{text-align:center;padding:4rem 2rem;color:#ffffff4d}.empty-state-icon{font-size:2.5rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;font-size:1.1rem;color:#ffffff80}.empty-state p{margin:0;font-size:.9rem}.sort-btn{background:none;border:none;color:#ffffff59;font-family:inherit;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:.25rem;transition:color .15s}.sort-btn:hover{color:#fff9}.sort-btn.active{color:#ffffffb3}.sort-arrow{font-size:.6rem}