.tooltip{position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:1000;background:white;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 10px 25px rgba(0,0,0,.15);width:280px;animation:tooltipEnter .2s ease-out}.tooltip.closing{animation:tooltipExit .2s ease-in forwards}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #e5e7eb}.tooltip.primary{border-color:#3b82f6}.tooltip.primary:after{border-top-color:#3b82f6}.tooltip.success{border-color:#10b981}.tooltip.success:after{border-top-color:#10b981}.tooltip.warning{border-color:#f59e0b}.tooltip.warning:after{border-top-color:#f59e0b}.tooltip.error{border-color:#ef4444}.tooltip.error:after{border-top-color:#ef4444}@keyframes tooltipEnter{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes tooltipExit{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(10px) scale(.95)}}.new-feature-badge{background:#3b82f6;color:white;font-size:10px;padding:2px 6px;border-radius:9999px;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}