body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html,body,#root{height:100%}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.status-online{background-color:#4caf50}.status-offline{background-color:#f44336}.status-busy{background-color:#ff9800}.status-pending{background-color:#2196f3}.encoder-card{transition:transform .2s}.encoder-card:hover{transform:translateY(-2px)}.progress-bar{border-radius:4px;overflow:hidden}.job-queue-item{border-left:4px solid transparent;transition:all .3s ease}.job-queue-item.pending{border-left-color:#2196f3}.job-queue-item.running{border-left-color:#4caf50}.job-queue-item.failed{border-left-color:#f44336}.metrics-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}}