.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:10000;pointer-events:none;animation:tourFadeIn .3s ease}.tour-spotlight{position:fixed;box-shadow:0 0 0 9999px #000000a6;background:transparent;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10001}.tour-tooltip{background:#fff;border-radius:16px;box-shadow:0 25px 60px #00000040,0 0 0 1px #ffffff1a;overflow:hidden;animation:tourSlideIn .35s cubic-bezier(.34,1.56,.64,1);cursor:default;pointer-events:auto}.tour-progress-bar{height:3px;background:#e2e8f0;width:100%}.tour-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:0 3px 3px 0;transition:width .4s ease}.tour-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 0}.tour-title{font-size:16px;font-weight:700;color:#1e293b;margin:0;line-height:1.4}.tour-close{color:#94a3b8;padding:4px;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:all .15s;flex-shrink:0}.tour-close:hover{background:#f1f5f9;color:#475569}.tour-description{padding:12px 20px 0;font-size:13px;line-height:1.7;color:#64748b;margin:0}.tour-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 20px}.tour-step-count{font-size:11px;font-weight:600;color:#94a3b8;letter-spacing:.5px}.tour-buttons{display:flex;gap:8px}.tour-btn-primary{display:flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #3b82f64d}.tour-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3b82f666}.tour-btn-secondary{display:flex;align-items:center;gap:4px;padding:8px 14px;background:#f1f5f9;color:#475569;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.tour-btn-secondary:hover{background:#e2e8f0}.tour-btn-skip{padding:8px 14px;background:transparent;color:#94a3b8;border:none;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;transition:color .15s}.tour-btn-skip:hover{color:#64748b}.tour-arrow-top:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.tour-arrow-bottom:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white}.tour-arrow-left:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid white}.tour-arrow-right:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid white}.tour-restart-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#f0f9ff,#eff6ff);border:1px solid #bfdbfe;border-radius:10px;color:#3b82f6;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.tour-restart-btn:hover{background:linear-gradient(135deg,#dbeafe,#c7d2fe);border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f626}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tourSlideIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.tour-action-badge{display:flex;align-items:center;gap:6px;margin:12px 20px 0;padding:8px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:10px;color:#92400e;font-size:11px;font-weight:600;animation:tourPulse 2s ease-in-out infinite}@keyframes tourPulse{0%,to{opacity:1}50%{opacity:.7}}