.onboarding-progress-widget{position:fixed;bottom:1.5rem;left:1.5rem;z-index:9999;font-family:var(--font-sans,system-ui,-apple-system,sans-serif);transition:all .3s cubic-bezier(.4,0,.2,1)}.onboarding-progress-widget.collapsed{animation:slideInFromLeft .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.onboarding-progress-widget{display:none}}.onboarding-progress-widget.collapsed{width:auto}.onboarding-progress-widget.collapsed .onboarding-toggle{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem .625rem .625rem;background:var(--color-primary,#0066cc);border:none;border-radius:2rem;box-shadow:0 4px 20px rgba(0,102,204,.4),0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease}.onboarding-progress-widget.collapsed .onboarding-toggle:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 28px rgba(0,102,204,.5),0 4px 12px rgba(0,0,0,.15)}.onboarding-progress-widget.all-complete.collapsed .onboarding-toggle{background:var(--color-success,#10b981);box-shadow:0 4px 20px rgba(16,185,129,.4),0 2px 8px rgba(0,0,0,.1)}.onboarding-progress-widget.all-complete.collapsed .onboarding-toggle:hover{box-shadow:0 6px 28px rgba(16,185,129,.5),0 4px 12px rgba(0,0,0,.15)}.toggle-label{font-size:var(--text-sm,.875rem);font-weight:600;color:white;white-space:nowrap}.onboarding-progress-widget.expanded{width:320px}.onboarding-progress-widget.expanded .onboarding-toggle{display:none}.progress-ring-container{position:relative;width:40px;height:40px;flex-shrink:0}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:rgba(255,255,255,.3);stroke-width:3}.progress-ring-fill{fill:none;stroke:white;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.onboarding-progress-widget.all-complete .progress-ring-fill{stroke:white}.progress-ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-xs,.75rem);font-weight:600;color:white}.progress-ring-center i{color:white;font-size:var(--text-sm,.875rem)}.onboarding-panel{background:var(--color-surface,#ffffff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,.75rem);box-shadow:var(--shadow-xl,0 15px 35px rgba(0,0,0,.15));overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid var(--color-border,#e5e7eb)}.onboarding-title h3{margin:0;font-size:var(--text-base,1rem);font-weight:600;color:var(--color-text-primary,#111827)}.onboarding-title .progress-text{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#9ca3af);margin-top:.125rem;display:block}.onboarding-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-tertiary,#9ca3af);cursor:pointer;border-radius:var(--radius-sm,.25rem);transition:all .2s ease}.onboarding-close:hover{background:var(--color-hover-bg,#f3f4f6);color:var(--color-text-primary,#111827)}.onboarding-progress-bar{height:3px;background:var(--color-border,#e5e7eb);overflow:hidden}.onboarding-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary,#0066cc),var(--color-primary-hover,#0052a3));transition:width .5s ease}.onboarding-tasks{list-style:none;margin:0;padding:.5rem 0}.onboarding-task{position:relative}.onboarding-task .task-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .2s ease}.onboarding-task .task-link:hover{background:var(--color-hover-bg,#f9fafb)}.onboarding-task.completed .task-link{opacity:.7}.onboarding-task.completed .task-link:hover{opacity:1}.task-checkbox{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;background:var(--color-hover-bg,#f3f4f6);color:var(--color-text-tertiary,#9ca3af)}.task-checkbox i{font-size:var(--text-sm,.875rem)}.task-checkbox.checked{background:var(--color-success,#10b981);color:white}.onboarding-task.just-completed .task-checkbox{animation:checkPop .4s ease-out}@keyframes checkPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.task-content{flex:1;min-width:0}.task-title{display:block;font-size:var(--text-sm,.875rem);font-weight:500;color:var(--color-text-primary,#111827);line-height:1.3}.onboarding-task.completed .task-title{text-decoration:line-through;color:var(--color-text-tertiary,#9ca3af)}.task-description{display:block;line-height:1.4;margin-top:.125rem}.task-arrow,.task-description{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,#9ca3af)}.task-arrow{transition:transform .2s ease}.onboarding-task .task-link:hover .task-arrow{transform:translateX(3px);color:var(--color-primary,#0066cc)}@media (max-width:480px){.onboarding-progress-widget{bottom:1rem;left:1rem;right:1rem}.onboarding-progress-widget.expanded{width:auto}.onboarding-progress-widget.collapsed .onboarding-toggle{width:100%;justify-content:flex-start}}@media (prefers-color-scheme:dark){.onboarding-panel{background:var(--color-surface,#1f2937);border-color:var(--color-border,#374151)}.onboarding-title h3,.task-title{color:var(--color-text-primary,#f3f4f6)}.task-checkbox{background:var(--color-hover-bg,#374151)}}