body{margin:0;font-family:Manrope,Inter,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;background-color:#0c1231;background-image:radial-gradient(circle at 20% 10%,rgba(76,85,242,.08) 0%,transparent 40%),radial-gradient(circle at 80% 60%,rgba(107,0,255,.06) 0%,transparent 50%),radial-gradient(circle at 50% 90%,rgba(42,59,174,.05) 0%,transparent 45%);background-attachment:fixed;position:relative;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html,body,#root{height:100%}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50 Q 25 40, 50 50 T 100 50 L 100 100 L 0 100 Z' fill='rgba(76, 85, 242, 0.02)'/%3E%3C/svg%3E");background-size:200px 100px;background-repeat:repeat-x;background-position:0 40%;pointer-events:none;z-index:0;opacity:.6}#root{position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(18,26,58,.4);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2A3BAE,#6B00FF);border-radius:10px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4C55F2,#8B20FF)}.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}}