.walkthrough-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.walkthrough-overlay.entering{opacity:0}.walkthrough-overlay.visible{opacity:1}.walkthrough-overlay.exiting{opacity:0}.walkthrough-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;pointer-events:auto;transition:all .45s cubic-bezier(.16,1,.3,1)}.walkthrough-spotlight{position:fixed;z-index:10002;border-radius:12px;pointer-events:none;transition:all .45s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 4px #6366f166,0 0 0 8px #6366f126;animation:walkthrough-pulse 2s ease-in-out infinite}@keyframes walkthrough-pulse{0%,to{box-shadow:0 0 0 4px #6366f166,0 0 0 8px #6366f126}50%{box-shadow:0 0 0 6px #6366f180,0 0 0 14px #6366f114}}.walkthrough-tooltip{position:fixed;z-index:10003;width:360px;max-width:calc(100vw - 32px);background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026,0 4px 16px #00000014,0 0 0 1px #0000000a;pointer-events:auto;overflow:hidden;transition:all .45s cubic-bezier(.16,1,.3,1)}.walkthrough-tooltip.slide-up{animation:wt-slideUp .45s cubic-bezier(.16,1,.3,1) both}.walkthrough-tooltip.slide-down{animation:wt-slideDown .45s cubic-bezier(.16,1,.3,1) both}.walkthrough-tooltip.slide-left{animation:wt-slideLeft .45s cubic-bezier(.16,1,.3,1) both}.walkthrough-tooltip.slide-right{animation:wt-slideRight .45s cubic-bezier(.16,1,.3,1) both}@keyframes wt-slideUp{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wt-slideDown{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wt-slideLeft{0%{opacity:0;transform:translate(16px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes wt-slideRight{0%{opacity:0;transform:translate(-16px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.walkthrough-tooltip-header{padding:24px 24px 0;position:relative}.walkthrough-tooltip-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);border-radius:20px 20px 0 0}.walkthrough-step-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:800;flex-shrink:0;animation:wt-badgePop .4s cubic-bezier(.16,1,.3,1) .15s both}@keyframes wt-badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.walkthrough-tooltip-body{padding:16px 24px 20px}.walkthrough-tooltip-title{font-size:17px;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.3}.walkthrough-tooltip-desc{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.walkthrough-progress{height:3px;background:#f3f4f6;margin:0 24px;border-radius:2px;overflow:hidden}.walkthrough-progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#ec4899);border-radius:2px;transition:width .45s cubic-bezier(.16,1,.3,1)}.walkthrough-tooltip-footer{padding:16px 24px 20px;display:flex;align-items:center;gap:8px}.walkthrough-step-counter{font-size:12px;font-weight:600;color:#9ca3af;flex:1}.walkthrough-btn{border:none;border-radius:10px;font-family:inherit;font-weight:600;font-size:13px;padding:8px 18px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:6px}.walkthrough-btn:active{transform:scale(.96)}.walkthrough-btn-skip{background:transparent;color:#9ca3af}.walkthrough-btn-skip:hover{color:#6b7280;background:#f9fafb}.walkthrough-btn-prev{background:#f3f4f6;color:#374151}.walkthrough-btn-prev:hover{background:#e5e7eb}.walkthrough-btn-next{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.walkthrough-btn-next:hover{box-shadow:0 4px 14px #6366f166;transform:translateY(-1px)}.walkthrough-btn-finish{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 2px 8px #10b9814d}.walkthrough-btn-finish:hover{box-shadow:0 4px 14px #10b98166;transform:translateY(-1px)}.walkthrough-welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10003;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto}.walkthrough-welcome-card{width:100%;max-width:440px;background:#fff;border-radius:24px;padding:40px 36px;text-align:center;box-shadow:0 24px 80px #0000002e;animation:wt-slideUp .5s cubic-bezier(.16,1,.3,1) both;position:relative;overflow:hidden}.walkthrough-welcome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b)}.walkthrough-welcome-icon{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:walkthrough-pulse 2s ease-in-out infinite}.walkthrough-welcome-title{font-size:24px;font-weight:800;color:#111827;margin:0 0 12px;letter-spacing:-.02em}.walkthrough-welcome-desc{font-size:15px;color:#6b7280;margin:0 0 32px;line-height:1.6}.walkthrough-arrow{position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg);box-shadow:-2px -2px 4px #0000000a}.walkthrough-arrow-bottom{bottom:-7px}.walkthrough-arrow-top{top:-7px}.walkthrough-arrow-left{left:-7px}.walkthrough-arrow-right{right:-7px}@media (max-width: 600px){.walkthrough-tooltip{width:calc(100vw - 24px);left:12px!important;right:12px!important}.walkthrough-welcome-card{padding:32px 24px}.walkthrough-tooltip-header{padding:20px 20px 0}.walkthrough-tooltip-body,.walkthrough-tooltip-footer{padding:14px 20px 16px}.walkthrough-progress{margin:0 20px}}