:root{--primary-color:#0d6efd;--secondary-color:#6c757d;--success-color:#198754;--info-color:#0dcaf0;--warning-color:#ffc107;--danger-color:#dc3545;--light-bg:#f8f9fa;--dark-bg:#212529;--card-shadow:0 4px 12px rgba(0,0,0,0.1);--transition-speed:0.3s;}body{font-family:'Roboto',sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6;}h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;font-weight:700;}header{background:linear-gradient(135deg,var(--primary-color),#0b5ed7);box-shadow:0 2px 10px rgba(0,0,0,0.1);}.arE a{text-decoration:none;transition:color var(--transition-speed);}.arE a:hover{color:#fff !important;text-decoration:underline;}.n98 .badge{font-size:0.9rem;padding:0.6em 0.8em;margin-bottom:0.5rem;transition:transform var(--transition-speed);}.n98 .badge:hover{transform:translateY(-2px);cursor:pointer;}.tXd{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:10px;margin:2rem 0;}.zom{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}.step{text-align:center;padding:1rem;min-width:120px;transition:transform var(--transition-speed);}.step:hover{transform:scale(1.05);}.gBR{width:40px;height:40px;background-color:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;margin:0 auto 0.5rem;}.pqx{font-weight:600;margin-bottom:0.3rem;color:var(--dark-bg);}.iMf{font-size:0.85rem;color:#666;}.aOq{margin:0 1rem;color:var(--primary-color);font-size:1.2rem;}.card{border-radius:10px;overflow:hidden;transition:transform var(--transition-speed),box-shadow var(--transition-speed);border:none;}.card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow);}.card-header{font-weight:600;border-bottom:none;}.yC1{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background-color:#e8f5e9;padding:1rem;border-radius:8px;margin-bottom:1rem;}.hN3{width:60px;height:60px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:white;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:bold;margin:0 0.5rem;box-shadow:0 2px 5px rgba(0,0,0,0.2);transition:transform var(--transition-speed),background var(--transition-speed);}.hN3.active{background:linear-gradient(135deg,#ff9800,#f57c00);transform:scale(1.1);}.q_1{margin:0 0.5rem;color:#4caf50;font-size:1.2rem;}.x_u{text-align:center;}.i6E{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background-color:#fff8e1;padding:1rem;border-radius:8px;margin-bottom:1rem;}.rHS{text-align:center;padding:1rem;min-width:120px;}.hHV{font-weight:600;margin-bottom:0.5rem;color:#333;}.vym{padding:0.3rem 0.6rem;border-radius:20px;font-size:0.85rem;font-weight:500;}.vym.idle{background-color:#e0e0e0;color:#666;}.vym.running{background-color:#2196f3;color:white;animation:pulse 1.5s infinite;}.vym.completed{background-color:#4caf50;color:white;}.w6p{margin:0 1rem;color:#ff9800;font-size:1.2rem;}.w6m{text-align:center;margin-top:1rem;}.s8t{padding:0.5rem 1rem;border-radius:8px;font-weight:500;display:inline-block;}.s8t.pass{background-color:#e8f5e9;color:#2e7d32;border:1px solid #4caf50;}.s8t.fail{background-color:#ffebee;color:#c62828;border:1px solid #f44336;}.bkt{text-align:center;}@keyframes pulse{0%{opacity:1;}50%{opacity:0.5;}100%{opacity:1;}}.tF_{background-color:#e3f2fd;padding:1.5rem;border-radius:8px;}.p1D p{margin-bottom:0.3rem;font-weight:500;}.x5R{margin-top:1rem;}.vXG{margin-bottom:1rem;}.kar{display:block;font-weight:500;margin-bottom:0.3rem;}.mfc{background-color:#ffebee;padding:1.5rem;border-radius:8px;}.sFb{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:1rem;}.n4A{text-align:center;padding:1rem;background-color:#ffcdd2;border-radius:8px;margin:0 0.5rem;min-width:100px;}.tNn{font-weight:600;margin-bottom:0.5rem;color:#c62828;}.x00{display:flex;justify-content:center;}.cell{width:30px;height:30px;background-color:#e57373;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.7rem;margin:0 0.2rem;transition:transform var(--transition-speed),background var(--transition-speed);}.cell.active{background-color:#4caf50;transform:scale(1.2);}.ivA{margin:0 0.5rem;color:#c62828;font-size:1rem;}.aRb{text-align:center;}.b7k{text-align:center;margin-top:1rem;}.eKk{padding:0.5rem 1rem;border-radius:8px;font-weight:500;display:inline-block;}.eKk.connected{background-color:#e8f5e9;color:#2e7d32;border:1px solid #4caf50;}.eKk.disconnected{background-color:#ffebee;color:#c62828;border:1px solid #f44336;}.nir{background-color:#f5f5f5;padding:1.5rem;border-radius:8px;}.nq0{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:1rem;}.oyb{width:50px;height:50px;background:linear-gradient(135deg,#607d8b,#455a64);color:white;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:bold;margin:0 0.5rem;box-shadow:0 2px 5px rgba(0,0,0,0.2);}.yxE{padding:0.5rem 1rem;background-color:#eceff1;border-radius:5px;font-weight:600;margin:0 0.5rem;}.h40{margin:0 0.5rem;color:#607d8b;font-size:1.2rem;}.mPB{margin-top:1rem;background-color:#e0f7fa;padding:1rem;border-radius:8px;}.d9h{display:flex;justify-content:space-between;margin-bottom:0.5rem;padding:0.3rem 0;border-bottom:1px dashed #ccc;}.d9h:last-child{border-bottom:none;margin-bottom:0;}.d9h span:last-child{font-weight:600;}.xV5{transition:transform var(--transition-speed);}.xV5:hover{transform:scale(1.1);}@media (max-width:768px){.zom{flex-direction:column;}.aOq{transform:rotate(90deg);margin:0.5rem 0;}.yC1,.i6E,.sFb{flex-direction:column;}.q_1,.w6p,.ivA{transform:rotate(90deg);margin:0.5rem 0;}.step,.rHS,.n4A{margin:0.5rem 0;}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.fade-in{animation:fadeIn 0.5s ease-out;}.pGL{transition:all var(--transition-speed);}.btn{border-radius:30px;font-weight:500;padding:0.5rem 1.2rem;transition:all var(--transition-speed);}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2);}.btn:active{transform:translateY(0);}.progress{height:10px;border-radius:5px;overflow:hidden;}.xfO{transition:width 1s ease-in-out;}