body { font-family: Arial, sans-serif; padding: 20px; }
.container { max-width: 1400px; margin: auto; }
.upload-form { background: #f4f4f4; padding: 20px; margin-bottom: 20px; border-radius: 5px; }
.error { color: red; }
.controller-info { background: #e9f7fe; padding: 15px; margin-bottom: 20px; border-radius: 5px; }
table { width: 100%; border-collapse: collapse; font-size: 0.9em; }
th, td { padding: 8px; border: 1px solid #ccc; }
th { background: #eee; cursor: pointer; }
tr:nth-child(even) { background: #f9f9f9; }
.error-row { background: #ffebee; }
.detector-row { background: #e8f5e9; }
.command-row { background: #e3f2fd; }
.plan-row { background: #f3e5f5; }
.status-badge { padding: 3px 6px; font-size: 0.8em; border-radius: 3px; display: inline-block; font-weight: bold; }
.status-normal { background: #c8e6c9; color: #256029; }
.status-warning { background: #fff3e0; color: #805b36; }
.status-error { background: #ffcdd2; color: #c63737; }
.status-fatal { background: #f8bbd0; color: #880e4f; }