:root{--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s}body.simplified-animations *,body.simplified-animations *:before,body.simplified-animations *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.process-flow{display:flex;align-items:center;gap:20px;padding:30px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px}.data-node{width:80px;height:80px;background:linear-gradient(135deg,#00d4ff,#a855f7);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal) ease}.data-node:hover{transform:scale(1.05)}.data-flow-line{flex:1;height:3px;background:linear-gradient(90deg,#00d4ff,#a855f7)}.insight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.insight-card{padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:border-color var(--transition-normal) ease,transform var(--transition-normal) ease}.insight-card:hover{border-color:#00d4ff4d;transform:translateY(-2px)}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin:12px 0}.progress-fill{height:100%;border-radius:3px}.completion-rate{font-size:2rem;font-weight:700;color:#f8fafc}.trend-line{stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.data-point{transition:all var(--transition-normal) ease;cursor:pointer}.data-point:hover{r:6;filter:drop-shadow(0 0 4px rgba(37,99,235,.4))}.pie-slice{cursor:pointer;transition:stroke-width var(--transition-normal) ease;stroke:#1e293b;stroke-width:2}.pie-slice:hover{stroke-width:3}.radar-area{fill-opacity:.15;stroke-width:2;transition:stroke-width var(--transition-normal) ease}.radar-area:hover{stroke-width:3}.alert-system{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.alert-card{padding:20px;border-radius:12px;border-left:4px solid;background:#ffffff0d;backdrop-filter:blur(10px);transition:background-color var(--transition-slow) ease}.alert-card.critical{border-color:#ef4444;background:#ef444414}.alert-card.warning{border-color:#f59e0b;background:#f59e0b14}.alert-card.info{border-color:#10b981;background:#10b98114}.alert-icon{font-size:24px;transition:transform var(--transition-normal) ease}.alert-icon:hover{transform:scale(1.1)}.data-stream-container{position:relative;height:200px;background:#0f172a80;border-radius:12px;overflow:hidden;padding:20px}.data-stream-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#1e293bcc;margin-bottom:8px;border-left:3px solid;animation:fade-in var(--transition-slow) ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.data-stream-item.critical{border-color:#ef4444;background:#ef44441a}.data-stream-item.warning{border-color:#f59e0b}.data-stream-item.info{border-color:#10b981}.stream-time{font-size:12px;color:#94a3b8;font-family:SF Mono,Monaco,monospace}.stream-icon{font-size:20px}.stream-content{flex:1;font-size:14px;color:#e2e8f0}.stream-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.badge-critical{background:#ef444433;color:#ef4444}.badge-warning{background:#f59e0b33;color:#f59e0b}.badge-info{background:#10b98133;color:#10b981}.activity-wave{display:flex;gap:4px;align-items:center;height:20px}.wave-bar{width:6px;height:8px;background:#10b981;border-radius:3px;transition:height var(--transition-normal) ease}.wave-bar.active{height:16px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.kpi-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:transform var(--transition-normal) ease}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-color)}.kpi-card:hover{transform:translateY(-4px)}.kpi-icon{font-size:32px;margin-bottom:12px}.kpi-label{font-size:14px;color:#94a3b8;margin-bottom:8px}.kpi-value{font-size:36px;font-weight:700;color:#f8fafc;margin-bottom:8px;font-family:SF Mono,Monaco,monospace}.kpi-value.updating{color:#10b981;transition:color var(--transition-slow) ease}.kpi-value.decreasing{color:#ef4444;transition:color var(--transition-slow) ease}.keyword-cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;padding:30px;min-height:300px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px}.keyword-item{padding:8px 16px;border-radius:20px;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid rgba(139,92,246,.3);color:#e0e7ff;font-weight:600;cursor:pointer;transition:transform var(--transition-normal) ease,border-color var(--transition-normal) ease;position:relative}.keyword-item:before{content:attr(data-count);position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:700}.keyword-item:hover{transform:translateY(-2px) scale(1.05);border-color:#8b5cf699}.keyword-size-xl{font-size:24px}.keyword-size-lg{font-size:20px}.keyword-size-md{font-size:16px}.keyword-size-sm{font-size:14px}.keyword-size-xs{font-size:12px}.keyword-competitor{background:linear-gradient(135deg,#3b82f633,#2563eb33)}.keyword-market{background:linear-gradient(135deg,#10b98133,#05966933)}.keyword-product{background:linear-gradient(135deg,#f59e0b33,#d9770b33)}.keyword-tech{background:linear-gradient(135deg,#8b5cf633,#7c3aed33)}.timeline-container{position:relative;padding:20px 0}.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:2px;background:#e2e8f0}.timeline-item{display:flex;gap:20px;margin-bottom:20px;position:relative}.timeline-dot{width:12px;height:12px;border-radius:50%;background:#3b82f6;position:absolute;left:15px;top:5px;z-index:1}.timeline-content{margin-left:40px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;transition:border-color var(--transition-normal) ease}.timeline-content:hover{border-color:#3b82f6}.timeline-time{font-size:12px;color:#64748b;margin-bottom:8px}.timeline-icon{font-size:20px;margin-bottom:8px}.timeline-text{font-size:14px;color:#1e293b;margin-bottom:8px}.timeline-meta{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:4px 8px;background:#f1f5f9;color:#475569;border-radius:4px;font-size:11px}.impact{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.impact.high{background:#ef44441a;color:#ef4444}.impact.medium{background:#f59e0b1a;color:#f59e0b}.impact.low{background:#10b9811a;color:#10b981}.customer-profile-ring{width:200px;height:200px;position:relative;margin:0 auto}.profile-ring{fill:none;stroke-width:12;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.ring-background{stroke:#e2e8f0}.ring-progress{stroke-dasharray:565;stroke-dashoffset:var(--target-offset);transition:stroke-dashoffset var(--transition-slow) ease-out}.collection-ring.basic{stroke:#3b82f6}.collection-ring.social{stroke:#8b5cf6}.collection-ring.tech{stroke:#22c55e}.collection-ring.business{stroke:#f59e0b}.profile-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.tech-bubble-chart{display:flex;flex-wrap:wrap;gap:12px;padding:20px;justify-content:center}.tech-bubble{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform var(--transition-normal) ease;position:relative}.tech-bubble:hover{transform:scale(1.1);z-index:10}.bubble-tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-normal) ease}.tech-bubble:hover .bubble-tooltip{opacity:1}.frontend-tech{background:linear-gradient(135deg,#3b82f6,#2563eb)}.backend-tech{background:linear-gradient(135deg,#22c55e,#16a34a)}.database-tech{background:linear-gradient(135deg,#f59e0b,#d97706)}.devops-tech{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.size-lg{width:80px;height:80px}.size-md{width:60px;height:60px}.size-sm{width:50px;height:50px}.size-xs{width:40px;height:40px}@media(max-width:768px){.insight-cards,.alert-system{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.keyword-cloud{gap:4px;padding:15px}.data-stream-item{font-size:12px}}@media(min-width:769px)and (max-width:1024px){.kpi-grid,.insight-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.kpi-grid{grid-template-columns:repeat(4,1fr)}.insight-cards{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.data-node:hover{border:2px solid #00d4ff}.alert-card.critical{background:#ef444426}.kpi-card:hover{transform:none}}@media(prefers-color-scheme:dark){:root{--chart-bg: #0f172a;--chart-text: #e2e8f0;--chart-grid: #334155}}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.loading-indicator{width:40px;height:40px;background:#3b82f6;border-radius:4px;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.element{transition:transform var(--transition-normal) ease;transition:background-color var(--transition-normal) ease;transition:opacity var(--transition-normal) ease}