*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;background-color:#0a0e27;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1d35}::-webkit-scrollbar-thumb{background:#42a5f5;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1976d2}.full-height{height:100vh}.flex-center{display:flex;align-items:center;justify-content:center}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#1976d2;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-running{background-color:#4caf50}.status-pending{background-color:#ff9800}.status-stopped{background-color:#9e9e9e}.status-error{background-color:#f44336}.status-unknown{background-color:#607d8b}.connection-indicator{display:flex;align-items:center;gap:8px}.connection-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.connection-connected{background-color:#4caf50}.connection-disconnected{background-color:#f44336}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.hover-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.hover-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #1976d24d}@media (max-width: 768px){.mobile-hide{display:none!important}.mobile-full-width{width:100%!important}}