.cc-preview{background:radial-gradient(ellipse at 50% 0%,rgba(74,222,128,.04) 0%,transparent 65%),repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(255,255,255,.012) 19px,rgba(255,255,255,.012) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(255,255,255,.012) 19px,rgba(255,255,255,.012) 20px),#10141c;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;font-family:Montserrat,sans-serif;width:100%;display:flex;flex-direction:column;min-height:440px}.cc-preview-body{flex:1;display:flex;flex-direction:column;justify-content:center}.cc-hub-channels{padding:1.4rem 1.8rem .8rem}.cc-hub-section-label{font-size:.58rem;font-weight:700;color:#ffffff38;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.cc-hub-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.cc-hub-name{font-size:.68rem;font-weight:700;color:#ffffff80;width:48px;flex-shrink:0}.cc-hub-track{flex:1;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.cc-hub-fill{height:100%;border-radius:4px;position:relative;overflow:hidden;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.cc-hub-fill:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:bar-shimmer 3.5s ease-in-out infinite 1.5s}.cc-hub-fill--v{background-color:#4ade80}.cc-hub-fill--s{background-color:#60a5fa}.cc-hub-fill--e{background-color:#fbbf24}.cc-hub-fill--c{background-color:#c084fc}.cc-hub-count{font-size:.68rem;font-weight:800;color:#ffffffa6;width:48px;text-align:right;flex-shrink:0}.cc-hub-queue{padding:.6rem 1.8rem 1rem;border-top:1px solid rgba(255,255,255,.05)}.cc-hub-queue .cc-hub-section-label{margin-bottom:10px}.cc-hub-queue-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0}.cc-hub-queue-item{text-align:center;display:flex;flex-direction:column;gap:1px}.cc-hub-queue-val{font-size:1.1rem;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.2}.cc-hub-queue-val--green{color:#4ade80;animation:value-glow 3s ease-in-out infinite}.cc-hub-queue-lbl{font-size:.52rem;font-weight:700;color:#ffffff38;text-transform:uppercase;letter-spacing:.07em}.cc-hub-ai{display:flex;align-items:center;justify-content:center;gap:7px;padding:.7rem 1.8rem 1.2rem;border-top:1px solid rgba(255,255,255,.05)}.cc-hub-ai-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 14px #4ade80b3,0 0 4px #4ade8066;animation:blink 2s ease-in-out infinite;flex-shrink:0}.cc-hub-ai-text{font-size:.62rem;font-weight:700;color:#ffffff4d;letter-spacing:.04em}.cc-ops{background:radial-gradient(ellipse at 50% 0%,rgba(74,222,128,.04) 0%,transparent 65%),repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(255,255,255,.012) 19px,rgba(255,255,255,.012) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(255,255,255,.012) 19px,rgba(255,255,255,.012) 20px),#10141c;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;font-family:Montserrat,sans-serif;width:100%;display:flex;flex-direction:column;min-height:440px}.cc-ops-body{flex:1;display:flex;flex-direction:column;justify-content:center}.cc-ops-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#1c2130;border-bottom:1px solid rgba(255,255,255,.06)}.cc-ops-header-left{display:flex;align-items:center;gap:8px}.cc-ops-dot{width:8px;height:8px;border-radius:50%;background:#4ade80}.cc-ops-title{font-size:.72rem;font-weight:800;color:#fff9;letter-spacing:.04em;text-transform:uppercase}.cc-ops-badge{display:flex;align-items:center;gap:5px;font-size:.6rem;font-weight:700;color:#4ade80;letter-spacing:.06em;text-transform:uppercase}.cc-ops-badge-dot{width:5px;height:5px;border-radius:50%;background:#4ade80;animation:blink 2s ease-in-out infinite}.cc-ops-metrics{display:flex;align-items:center;gap:0;padding:1.6rem 1.8rem 1.3rem;border-bottom:1px solid rgba(255,255,255,.05)}.cc-ops-metric{flex:1;text-align:center;display:flex;flex-direction:column;gap:3px}.cc-ops-metric-value{font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.1}.cc-ops-metric-value--green{color:#4ade80;animation:value-glow 3s ease-in-out infinite}.cc-ops-metric-label{font-size:.57rem;font-weight:700;color:#ffffff40;text-transform:uppercase;letter-spacing:.06em}.cc-ops-metric-divider{width:1px;height:36px;background:#ffffff0f;flex-shrink:0}.cc-ops-queues{padding:1.3rem 1.8rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.05)}.cc-ops-queue-label{font-size:.6rem;font-weight:700;color:#ffffff40;text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px}.cc-ops-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.cc-ops-bar-label{font-size:.7rem;font-weight:700;color:#ffffff73;width:44px;flex-shrink:0}.cc-ops-bar-track{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.cc-ops-bar-fill{height:100%;border-radius:4px;position:relative;overflow:hidden;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.cc-ops-bar-fill:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:bar-shimmer 3.5s ease-in-out infinite 1.5s}.cc-ops-bar-fill--green{background-color:#4ade80}.cc-ops-bar-fill--blue{background-color:#60a5fa}.cc-ops-bar-fill--amber{background-color:#fbbf24}.cc-ops-bar-pct{font-size:.68rem;font-weight:700;color:#ffffff59;width:36px;text-align:right;flex-shrink:0}.cc-ops-sla{display:flex;align-items:center;gap:12px;padding:1.1rem 1.8rem;border-bottom:1px solid rgba(255,255,255,.05)}.cc-ops-sla-label{font-size:.6rem;font-weight:700;color:#ffffff40;text-transform:uppercase;letter-spacing:.07em;width:44px;flex-shrink:0}.cc-ops-sla-track{flex:1;height:6px;background:#ffffff0f;border-radius:3px;position:relative}.cc-ops-sla-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#4ade80,#0f4022);width:96.3%}.cc-ops-sla-thumb{position:absolute;width:14px;height:14px;border-radius:50%;background:#4ade80;top:-4px;box-shadow:0 0 18px #4ade8099,0 0 6px #4ade804d;transition:left 1.2s cubic-bezier(.22,1,.36,1)}.cc-ops-sla-value{font-size:.75rem;font-weight:800;color:#4ade80;width:48px;text-align:right;flex-shrink:0}.cc-ops-list{display:flex;flex-direction:column;gap:1.1rem}.cc-ops-list-item{display:flex;gap:12px}.cc-ops-list-num{font-size:.7rem;font-weight:800;color:#9a1c35;letter-spacing:.04em;flex-shrink:0;margin-top:1px;width:22px}.cc-ops-list-title{display:block;font-size:.85rem;font-weight:800;color:#0f4022;letter-spacing:-.01em;margin-bottom:2px}.cc-ops-list-desc{display:block;font-size:.78rem;line-height:1.6;color:#556070}.cc-pipeline{background:radial-gradient(ellipse at 50% 0%,rgba(74,222,128,.04) 0%,transparent 65%),repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(255,255,255,.012) 19px,rgba(255,255,255,.012) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(255,255,255,.012) 19px,rgba(255,255,255,.012) 20px),#10141c;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;font-family:Montserrat,sans-serif;width:100%;display:flex;flex-direction:column;min-height:440px}@media(max-width:640px){section{padding:4rem 1.2rem!important}}