.vx-prodeck{position:relative;margin:24px auto;max-width:1220px;padding:1px;border-radius:28px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.55),rgba(255,255,255,.08),rgba(16,185,129,.25));box-shadow:0 28px 90px rgba(0,0,0,.42);overflow:hidden}.vx-prodeck:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 20%,rgba(var(--primary-rgb),.18),transparent 34%),radial-gradient(circle at 80% 10%,rgba(16,185,129,.16),transparent 30%);animation:vxDrift 12s linear infinite;pointer-events:none}.vx-prodeck-inner{position:relative;border-radius:27px;background:rgba(8,9,14,.9);backdrop-filter:blur(22px);padding:22px}.vx-pro-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.vx-pro-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);font-weight:800}.vx-pro-title{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:900;color:#fff;margin-top:4px}.vx-pro-actions{display:flex;gap:10px;flex-wrap:wrap}.vx-pro-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;padding:10px 14px;text-decoration:none;font-weight:800;cursor:pointer;transition:.2s}.vx-pro-btn:hover{transform:translateY(-2px);border-color:rgba(var(--primary-rgb),.55);box-shadow:0 12px 30px rgba(var(--primary-rgb),.18)}.vx-pro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:18px}.vx-pro-panel{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));padding:18px;min-height:140px}.vx-pro-panel h3{margin:0 0 12px;font-size:1rem;color:#fff}.vx-pro-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vx-pro-stat{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(0,0,0,.24);padding:14px}.vx-pro-stat span{display:block;color:var(--text-secondary);font-size:.78rem;font-weight:700}.vx-pro-stat strong{display:block;color:#fff;font-size:1.55rem;margin-top:4px}.vx-pro-feed{display:grid;gap:10px;max-height:280px;overflow:auto;padding-right:4px}.vx-pro-feed::-webkit-scrollbar{width:6px}.vx-pro-feed::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:999px}.vx-pro-feed-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;background:rgba(255,255,255,.04)}.vx-pro-feed-item strong{color:#fff}.vx-pro-feed-item small{display:block;color:var(--text-secondary);margin-top:3px}.vx-pro-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px;background:#10b981;box-shadow:0 0 18px #10b981}.vx-pro-dot.offline{background:#ef4444;box-shadow:0 0 18px #ef4444}.vx-pro-dot.maintenance{background:#f59e0b;box-shadow:0 0 18px #f59e0b}.vx-pro-canvas{width:100%;max-height:320px;object-fit:contain;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22)}.vx-pro-bar{height:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:12px}.vx-pro-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),#10b981);transition:width .6s ease}.vx-pro-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.vx-pro-mini div{border-radius:14px;background:rgba(255,255,255,.05);padding:10px;color:var(--text-secondary);font-size:.78rem}.vx-pro-mini b{display:block;color:#fff;font-size:1rem;margin-top:2px}@keyframes vxDrift{to{transform:rotate(360deg)}}@media(max-width:900px){.vx-pro-grid{grid-template-columns:1fr}.vx-pro-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-pro-mini{grid-template-columns:1fr}}@media(max-width:520px){.vx-prodeck-inner{padding:16px}.vx-pro-stats{grid-template-columns:1fr}.vx-pro-actions{width:100%}.vx-pro-btn{flex:1;text-align:center}}