:root{--accent: #C8E600;--accent-dim: #a0b800;--bg-primary: #0F0F0F;--bg-card: #1F1F1F;--bg-elevated: #282828;--border: #333333;--border-hover: #444444;--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--text-muted: #666666;--healthy: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--radius: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;border:none;transition:all .15s ease}.btn-accent{background:var(--accent);color:#000}.btn-accent:hover{background:var(--accent-dim)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-healthy{background:#10b98126;color:var(--healthy)}.badge-warning{background:#f59e0b26;color:var(--warning)}.badge-danger{background:#ef444426;color:var(--danger)}.badge-accent{background:#c8e60026;color:var(--accent)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-card);z-index:1}.data-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--border)}.data-table tr:hover td{background:var(--bg-elevated)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:800}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header{flex-direction:column;gap:8px;align-items:flex-start!important;margin-bottom:16px;padding-left:44px}.page-header h1{font-size:18px!important}.card{padding:10px;border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{font-size:11px;min-width:600px}.data-table th{padding:8px;font-size:9px;white-space:nowrap}.data-table td{padding:8px;font-size:11px}div[style*="grid-template-columns: repeat(5"]{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:8px!important;padding-bottom:4px}div[style*="grid-template-columns: repeat(5"]>.card{min-width:130px!important;flex-shrink:0!important}div[style*="flexWrap: 'wrap'"]{gap:6px!important}div[style*="flexWrap: 'wrap'"] select{font-size:12px!important;padding:5px 8px!important;min-width:0!important;max-width:120px}div[style*="borderBottom: '1px solid #222'"]{overflow-x:auto!important;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none}div[style*="borderBottom: '1px solid #222'"]::-webkit-scrollbar{display:none}div[style*="borderBottom: '1px solid #222'"] button{white-space:nowrap;font-size:11px!important;padding:6px 12px!important}div[style*="flex: 2, minWidth: 200"],div[style*="flex: 1, minWidth: 160"]{flex:1 1 100%!important;min-width:100%!important}.btn{padding:10px 16px;font-size:13px}.btn-accent,.btn-outline{width:100%;justify-content:center}div[style*="repeat(auto-fill, minmax(120px"]{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:8px!important}div[style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:1fr!important}div[style*="width: '90vw'"]{width:100vw!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;margin:0!important}button[title="Scan barcode with camera"]{padding:8px!important;min-width:44px;min-height:44px}}@media(max-width:390px){.page-header h1{font-size:16px!important}.data-table{min-width:500px}div[style*="repeat(auto-fill, minmax(120px"]{grid-template-columns:repeat(2,1fr)!important}}@media(min-width:769px)and (max-width:1024px){div[style*="grid-template-columns: repeat(5"]{grid-template-columns:repeat(3,1fr)!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-6px)}30%,70%{transform:translate(6px)}}@supports (padding: env(safe-area-inset-bottom)){.main-area{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}}