:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #2563eb;--text-color: #0f172a;--bg-color: #f8fafc;--input-bg: #ffffff;--input-border: #e2e8f0}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-color);background-color:var(--bg-color)}button{font-family:inherit}input,select,textarea{background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--input-border)}h1,h2,h3,h4,h5,h6{color:#1e293b}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px;max-width:1000px;margin:0 auto;font-family:Inter,system-ui,sans-serif}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.table-header h2{display:flex;align-items:center;gap:12px;margin:0;color:#1a1a1a;font-size:1.5rem}.inventory-table{width:100%;border-collapse:collapse;font-size:.95rem}.inventory-table th{text-align:left;padding:16px;background-color:#f8fafc;color:#64748b;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.inventory-table td{padding:16px;border-bottom:1px solid #e2e8f0;color:#334155;transition:background-color .2s}.inventory-table tr:hover td{background-color:#f8fafc}.inventory-table tr:last-child td{border-bottom:none}.code{font-family:Monaco,Consolas,monospace;color:#2563eb;font-weight:500}.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f1f5f9;color:#475569;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.refresh-btn:hover{background-color:#e2e8f0;color:#1e293b}.loading,.error-container{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:#64748b}.error-container{flex-direction:column;color:#ef4444}.retry-btn{margin-top:16px;padding:8px 24px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer}.retry-btn:hover{background-color:#dc2626}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data{text-align:center;color:#94a3b8;padding:48px!important}.icon{color:#3b82f6}