*{box-sizing:border-box}html,body{font-family:system-ui,sans-serif;margin:0;background:#f4f6f8;color:#222;overflow-x:hidden;max-width:100%}table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;display:block;overflow-x:auto;white-space:nowrap}table th,table td{padding:8px 10px;text-align:left;font-size:13px;border-bottom:1px solid #eee}table th{background:#eef2f6;color:#444}.chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:10px}.chip-ok{background:#d4edda;color:#1e7e34}.chip-warn{background:#fff3cd;color:#856404}