.tracking-viz{max-width:900px;margin:0 auto;padding:50px 35px}.tracking-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:start;gap:0}.tracking-node{flex-direction:column;gap:14px;z-index:2}.tracking-icon,.tracking-node{display:flex;align-items:center}.tracking-icon{width:100px;height:100px;border-radius:20px;justify-content:center;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.12);box-shadow:0 8px 30px rgba(0,0,0,.3);transition:all .3s ease}.tracking-icon:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.tracking-icon svg{width:50px;height:50px;stroke:hsla(0,0%,100%,.8);stroke-width:1.2;fill:none}.tracking-icon.database-icon{background:linear-gradient(135deg,rgba(60,130,246,.2),rgba(30,64,175,.15));border-color:rgba(60,130,246,.3)}.tracking-icon.database-icon.pulsing{animation:databaseGlow .15s linear forwards}@keyframes databaseGlow{0%{box-shadow:0 0 25px rgba(60,130,246,.9),0 0 50px rgba(30,64,175,.6),inset 0 0 15px rgba(60,130,246,.3)}to{box-shadow:none}}.tracking-icon.database-icon svg{stroke:#fff}.tracking-label{font-size:.95rem;color:#fff;font-weight:600;text-align:center}.tracking-lines-left,.tracking-lines-right{display:flex;flex-direction:column;justify-content:center;gap:18px;height:100px}.tracking-lines-left{padding-left:8px;padding-right:0}.tracking-lines-right{padding-left:0;padding-right:8px}.line-track,.tracking-line{position:relative;height:7px}.tracking-line{border-radius:3.5px;overflow:hidden}.tracking-line.standard{width:100%;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3)}.tracking-line.standard:after{content:"";position:absolute;top:-4px;left:-60px;height:14px;width:60px;background:radial-gradient(ellipse at center,#ff6b6b 0,#ef4444 30%,rgba(239,68,68,.6) 60%,transparent 100%);border-radius:50%;filter:blur(1px);box-shadow:0 0 12px rgba(239,68,68,.8),0 0 25px rgba(239,68,68,.4);opacity:0}.tracking-line.standard.pulsing:after{animation:pulseSync .15s linear forwards}@keyframes pulseSync{0%{left:-60px;opacity:1}to{left:calc(100% + 10px);opacity:1}}.blocked-indicator{position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(239,68,68,.5);font-size:1rem;color:#fff;font-weight:700;z-index:3}.blocked-indicator.pulsing{animation:blockedPulse .15s linear forwards}@keyframes blockedPulse{0%,70%{transform:translateY(-50%) scale(1);box-shadow:0 0 15px rgba(239,68,68,.5)}85%{transform:translateY(-50%) scale(1.25);box-shadow:0 0 35px rgba(239,68,68,.9)}to{transform:translateY(-50%) scale(1);box-shadow:0 0 15px rgba(239,68,68,.5)}}.tracking-line.apas-left{width:100%;height:7px;border-radius:3.5px 0 0 3.5px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-right:none;position:relative;overflow:hidden}.tracking-line.apas-left:after{content:"";position:absolute;top:-4px;left:-60px;height:14px;width:60px;background:radial-gradient(ellipse at center,#4ade80 0,#22c55e 25%,#16a34a 50%,rgba(22,163,74,.5) 70%,transparent 100%);border-radius:50%;filter:blur(1px);box-shadow:0 0 12px rgba(34,197,94,.9),0 0 25px rgba(22,163,74,.5);opacity:0}.tracking-line.apas-left.pulsing:after{animation:pulseApasLeft .15s linear forwards}@keyframes pulseApasLeft{0%{left:-60px;opacity:1}to{left:calc(100% + 10px);opacity:1}}.tracking-line.apas-right{width:100%;height:7px;border-radius:0 3.5px 3.5px 0;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-left:none;position:relative;overflow:hidden}.tracking-line.apas-right:after{content:"";position:absolute;top:-4px;left:-60px;height:14px;width:60px;background:radial-gradient(ellipse at center,#4ade80 0,#22c55e 25%,#16a34a 50%,rgba(22,163,74,.5) 70%,transparent 100%);border-radius:50%;filter:blur(1px);box-shadow:0 0 12px rgba(34,197,94,.9),0 0 25px rgba(22,163,74,.5);opacity:0}.tracking-line.apas-right.pulsing:after{animation:pulseApasRight .15s linear forwards}@keyframes pulseApasRight{0%{left:-60px;opacity:1}to{left:calc(100% + 10px);opacity:1}}.success-indicator{position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(34,197,94,.5);font-size:1rem;color:#fff;font-weight:700;z-index:3}.success-indicator.pulsing{animation:successPulse .15s linear forwards}@keyframes successPulse{0%{transform:translateY(-50%) scale(1.25);box-shadow:0 0 35px rgba(34,197,94,.9)}to{transform:translateY(-50%) scale(1);box-shadow:0 0 15px rgba(34,197,94,.5)}}.viz-legend{display:flex;justify-content:center;gap:50px;margin-top:35px;padding-top:25px;border-top:1px solid hsla(0,0%,100%,.1)}.legend-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.legend-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#e0e0e0}.legend-row{display:flex;align-items:center;gap:10px}.legend-line{width:70px;height:5px;border-radius:2.5px;flex-shrink:0;position:relative;overflow:hidden}.legend-line.standard{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3)}.legend-line.standard:after{content:"";position:absolute;top:-3px;left:50%;transform:translateX(-50%);height:10px;width:35px;background:radial-gradient(ellipse at center,#ff6b6b 0,#ef4444 40%,rgba(239,68,68,.4) 70%,transparent 100%);border-radius:50%;box-shadow:0 0 8px rgba(239,68,68,.7)}.legend-line.apas{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3)}.legend-line.apas:after{content:"";position:absolute;top:-3px;left:50%;transform:translateX(-50%);height:10px;width:35px;background:radial-gradient(ellipse at center,#4ade80 0,#22c55e 40%,rgba(22,163,74,.4) 70%,transparent 100%);border-radius:50%;box-shadow:0 0 8px rgba(34,197,94,.8)}.legend-text{font-size:.85rem;color:#e0e0e0}.legend-text.blocked{color:#f87171}.legend-text.success{color:#4ade80}@media (max-width:768px){.tracking-viz{padding:30px 20px;border-radius:20px}.tracking-flow{display:flex}.tracking-flow,.tracking-node{flex-direction:column;align-items:center;gap:0}.tracking-node{position:relative;z-index:2}.tracking-icon{width:140px;height:140px;border-radius:24px;flex-direction:column;padding-top:20px;gap:8px}.tracking-icon svg{width:70px;height:70px}.tracking-label{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:.9rem;font-weight:600;white-space:nowrap;z-index:3}.tracking-lines-left,.tracking-lines-right{display:flex;flex-direction:row;justify-content:center;gap:20px;padding:0;width:auto;height:120px;overflow:visible;position:relative}.tracking-lines-right{justify-content:flex-start;width:26px}.tracking-lines-left .line-track,.tracking-lines-right .line-track{position:relative;width:7px;height:100%}.tracking-lines-right .line-track:last-child{margin-left:auto}.tracking-lines-left .tracking-line,.tracking-lines-right .tracking-line{width:7px;height:100%;border-radius:3.5px;position:relative;overflow:hidden}.tracking-lines-left .tracking-line.standard{height:100%;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3)}.tracking-lines-left .tracking-line.standard:after{content:"";position:absolute;left:-4px;top:-60px;width:14px;height:60px;background:radial-gradient(ellipse at center,#ff6b6b 0,#ef4444 30%,rgba(239,68,68,.6) 60%,transparent 100%);border-radius:50%;filter:blur(1px);box-shadow:0 0 12px rgba(239,68,68,.8),0 0 25px rgba(239,68,68,.4);opacity:0}.tracking-lines-left .tracking-line.standard.pulsing:after{animation:pulseSyncVertical .15s linear forwards}.tracking-lines-left .tracking-line.apas-left{height:100%;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-bottom:none}.tracking-lines-left .tracking-line.apas-left:after{content:"";position:absolute;left:-4px;top:-60px;width:14px;height:60px;background:radial-gradient(ellipse at center,#4ade80 0,#22c55e 25%,#16a34a 50%,rgba(22,163,74,.5) 70%,transparent 100%);border-radius:50%;filter:blur(1px);box-shadow:0 0 12px rgba(34,197,94,.9),0 0 25px rgba(22,163,74,.5);opacity:0}.tracking-lines-left .tracking-line.apas-left.pulsing:after{animation:pulseSyncVertical .15s linear forwards}.tracking-lines-right .tracking-line.apas-right{height:100%;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-top:none}.tracking-lines-right .tracking-line.apas-right:after{content:"";position:absolute;left:-4px;top:-60px;width:14px;height:60px;background:radial-gradient(ellipse at center,#4ade80 0,#22c55e 25%,#16a34a 50%,rgba(22,163,74,.5) 70%,transparent 100%);border-radius:50%;filter:blur(1px);box-shadow:0 0 12px rgba(34,197,94,.9),0 0 25px rgba(22,163,74,.5);opacity:0}.tracking-lines-right .tracking-line.apas-right.pulsing:after{animation:pulseSyncVertical .15s linear forwards}@keyframes pulseSyncVertical{0%{top:-60px;opacity:1}to{top:calc(100% + 10px);opacity:1}}.tracking-lines-left .blocked-indicator{left:-8px!important}.tracking-lines-left .blocked-indicator,.tracking-lines-right .success-indicator{position:absolute!important;top:100%!important;bottom:auto!important;right:auto!important;transform:translateY(-50%)!important;z-index:5}.tracking-lines-right .success-indicator{left:-7px!important}.line-track.empty{display:none}.viz-legend{flex-direction:column;align-items:flex-start;gap:16px;margin:30px auto 0;width:-moz-fit-content;width:fit-content}.blocked-indicator,.success-indicator{width:26px;height:26px;font-size:.8rem}}@media (max-width:480px){.tracking-viz{padding:25px 15px}.tracking-icon{width:120px;height:120px;border-radius:20px;padding-top:16px}.tracking-icon svg{width:55px;height:55px}.tracking-label{font-size:.8rem;top:14px}.tracking-lines-left,.tracking-lines-right{height:100px;gap:10px}.blocked-indicator,.success-indicator{width:22px;height:22px;font-size:.7rem}.legend-label,.legend-text{font-size:.75rem}}