body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.auth-card h1{color:#333;font-size:2rem;margin:0 0 10px;text-align:center}.auth-card h2{color:#666;font-size:1.5rem;font-weight:400;margin:0 0 30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:5px}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.9rem;margin-bottom:20px;padding:12px}.auth-link{color:#666;font-size:.9rem;margin-top:20px;text-align:center}.auth-link a{color:#667eea;font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-divider{align-items:center;color:#999;display:flex;margin:20px 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.auth-divider span{font-size:.9rem;padding:0 15px}.google-auth-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;justify-content:center;margin-top:10px;padding:12px;transition:all .2s;width:100%}.google-auth-button:hover:not(:disabled){border-color:#4285f4;box-shadow:0 2px 8px #4285f433}.google-auth-button:disabled{cursor:not-allowed;opacity:.6}.google-icon{flex-shrink:0}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{background-color:#f5f5f5}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:20px}.header{align-items:flex-start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-actions{align-items:center;display:flex;gap:10px}.settings-btn{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;padding:10px 15px;transition:background-color .3s}.settings-btn:hover{background-color:#5a6268}.header h1{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 5px}.sync-info{color:#666;font-size:.9rem;margin:0}.refresh-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.refresh-btn:hover:not(:disabled){background-color:#0056b3}.refresh-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.error{background-color:#f8d7da;border-radius:5px;color:#721c24;margin:20px 0;padding:20px}.error button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.section{margin-bottom:40px}.section h2{color:#333;font-size:1.5rem;margin-bottom:20px}.running-stats,.stats-section{margin-bottom:40px}.running-stats{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:30px}.running-stats h2{color:#fff;font-size:1.8rem;margin-bottom:25px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-card.highlight{background:#fffffff2;border:2px solid #ffffff80}.running-stats .stat-card h3{color:#667eea;font-size:.9rem;font-weight:600;margin-bottom:10px}.running-stats .stat-card .stat-value{color:#333}.stat-card h3{color:#666;font-size:.9rem;font-weight:500;margin-bottom:10px}.stat-value{color:#333;font-size:2rem;font-weight:700}.running-activities-list{grid-gap:20px;display:grid;gap:20px}.running-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px;transition:transform .2s,box-shadow .2s}.running-card.compact{overflow:hidden;padding:0}.running-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.running-card-compact-header{align-items:center;cursor:pointer;display:flex;gap:15px;justify-content:space-between;padding:15px 20px;transition:background-color .2s}.running-card-compact-header:hover{background-color:#f8f9fa}.compact-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.compact-date{color:#666;font-size:.85rem;font-weight:500}.compact-name{color:#333;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-metrics{align-items:center;display:flex;flex-shrink:0;gap:20px}.compact-metric{color:#667eea;font-size:1rem;font-weight:600;white-space:nowrap}.expand-toggle{color:#667eea;flex-shrink:0;font-size:1.2rem;font-weight:700;transition:transform .2s}.running-card.expanded .expand-toggle{transform:rotate(90deg)}.running-card-details{animation:slideDown .3s ease-out;border-top:1px solid #e0e0e0;padding:20px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.running-card-header{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px}.running-card-header h3{color:#333;font-size:1.3rem;margin:0 0 5px}.run-date{color:#666;font-size:.9rem;margin:5px 0}.run-location{color:#888;font-size:.85rem;margin:5px 0}.running-metrics{display:flex;flex-direction:column;gap:15px}.metric-group{grid-gap:15px;display:grid;gap:15px}.metric-group.primary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:10px}.metric-group.secondary{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.metric{display:flex;flex-direction:column;gap:5px}.metric-label{color:#666;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#333;font-size:1.3rem;font-weight:600}.metric-group.primary .metric-value{color:#667eea;font-size:1.6rem}.training-effect{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;gap:10px;margin-top:15px;padding:12px}.te-label{color:#666;font-size:.9rem;font-weight:500}.te-value{color:#333;font-size:.95rem;font-weight:600}.splits-section{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;margin-top:15px;padding:12px}.splits-title{color:#333;font-size:.9rem;font-weight:600;margin:0 0 10px}.splits-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.split-item{background:#fff;border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:8px}.split-label{color:#666;font-size:.8rem;font-weight:500}.split-value{color:#667eea;font-size:1.1rem;font-weight:600}.splits-toggle-section{margin-top:15px}.splits-toggle-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}.splits-toggle-btn:hover{background:#e0e0e0}.splits-table{margin-top:10px;overflow-x:auto}.splits-table table{background:#fff;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.splits-table thead{background:#667eea;color:#fff}.splits-table th{font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:10px;text-align:left;text-transform:uppercase}.splits-table td{border-bottom:1px solid #f0f0f0;font-size:.9rem;padding:10px}.splits-table tbody tr:hover{background:#f8f9fa}.splits-table tbody tr:last-child td{border-bottom:none}.no-splits{color:#666;font-size:.9rem;padding:15px;text-align:center}.activities-list,.summaries-list{grid-gap:20px;display:grid;gap:20px}.activity-card,.summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.activity-card:hover,.summary-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.activity-header,.summary-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.activity-header h3,.summary-header h3{color:#333;font-size:1.2rem}.activity-type{background-color:#007bff;border-radius:12px;color:#fff;font-size:.85rem;padding:4px 12px;text-transform:capitalize}.activity-details,.summary-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail{display:flex;flex-direction:column;gap:5px}.detail .label{color:#666;font-size:.85rem;font-weight:500}.detail span:not(.label){color:#333;font-size:1rem}.empty-state{background:#fff;border-radius:8px;color:#666;padding:40px;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.modal-close:hover{background-color:#f0f0f0}.modal-body{padding:25px}.setting-group{margin-bottom:25px}.setting-label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:12px}.setting-control{display:flex;gap:10px}.unit-toggle{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:12px 20px;transition:all .2s}.unit-toggle:hover{border-color:#667eea;color:#667eea}.unit-toggle.active{background:#667eea;border-color:#667eea;color:#fff}@media (max-width:768px){.container{padding:15px}.header{align-items:flex-start;flex-direction:column;gap:15px}.header h1{font-size:2rem}.running-stats{padding:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-group.primary,.metric-group.secondary{grid-template-columns:1fr}.running-card{padding:20px}.activity-details,.summary-details{grid-template-columns:1fr}}.period-navigation{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:15px 20px}.period-nav-controls{align-items:center;display:flex;gap:15px}.nav-btn{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 15px;transition:background-color .3s}.nav-btn:hover:not(:disabled){background:#5568d3}.nav-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.today-btn{background:#6c757d;font-size:.9rem;padding:8px 12px}.today-btn:hover{background:#5a6268}.period-display{color:#333;font-size:1.2rem;font-weight:600;min-width:200px;text-align:center}.view-toggle{background:#f0f0f0;border-radius:5px;display:flex;gap:5px;padding:3px}.view-toggle-btn{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;padding:8px 20px;transition:all .2s}.view-toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#667eea}.view-toggle-btn:hover{color:#667eea}.period-summary,.summary-cards{margin-bottom:30px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.summary-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.summary-card h3{font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:10px;opacity:.9;text-transform:uppercase}.summary-card.highlight h3{opacity:.95}.summary-value{color:#333;font-size:1.8rem;font-weight:700}.summary-card.highlight .summary-value{color:#fff}.effort-scale{font-size:.9rem;margin-left:3px;opacity:.7}.charts-section{margin-bottom:30px}.charts-section h2{color:#333;font-size:1.5rem;margin-bottom:20px}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.chart-container h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:15px}.weekly-breakdown{margin-bottom:30px}.weekly-breakdown h2{color:#333;font-size:1.5rem;margin-bottom:20px}.week-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;overflow:hidden}.week-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s}.week-header:hover{background:#e9ecef}.week-title{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:600;gap:10px}.week-toggle{color:#667eea;font-size:.8rem}.week-summary{color:#666;display:flex;font-size:.95rem;gap:20px}.week-summary span{background:#fff;border-radius:4px;font-weight:500;padding:4px 12px}.week-activities{border-top:1px solid #e0e0e0;padding:20px}.week-activities .running-card{margin-bottom:15px}.week-activities .running-card:last-child{margin-bottom:0}.week-start-select{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:1rem;max-width:200px;padding:8px 12px;width:100%}.week-start-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:768px){.period-navigation{flex-direction:column;gap:15px}.period-nav-controls{justify-content:space-between;width:100%}.period-display{font-size:1rem;min-width:auto}.summary-cards{gap:15px;grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.week-summary{flex-direction:column;gap:8px}}.user-info{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;gap:10px;margin-right:10px;padding:8px 12px}.user-email{color:#333;font-size:.9rem;font-weight:500}.subscription-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.logout-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background .2s}.logout-btn:hover{background:#d32f2f}@media (max-width:768px){.user-email,.user-info{display:none}}.garmin-status{color:#666;padding:10px}.garmin-connected{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:15px}.garmin-status-success{color:#059669;display:flex;flex-direction:column;font-weight:500;gap:5px;margin-bottom:15px}.last-sync{color:#666;font-size:.85rem;font-weight:400}.garmin-not-connected{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:15px}.garmin-not-connected p{color:#92400e;margin:0 0 15px}.garmin-form{display:flex;flex-direction:column;gap:15px}.garmin-form .form-group{display:flex;flex-direction:column;gap:5px}.garmin-form label{color:#333;font-size:.9rem;font-weight:500}.garmin-form input{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:10px;transition:border-color .3s}.garmin-form input:focus{border-color:#667eea;outline:none}.garmin-credential-display{background:#f9fafb;border:2px solid #e5e7eb;border-radius:6px;color:#374151;font-family:monospace;font-size:1rem;letter-spacing:.5px;padding:10px}.garmin-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.garmin-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.garmin-button:disabled{cursor:not-allowed;opacity:.6}.garmin-disconnect-button{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:10px;padding:8px 16px;transition:background .2s}.garmin-disconnect-button:hover{background:#d32f2f}.garmin-error{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;padding:10px}.garmin-success{background:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3;font-size:.9rem;padding:10px}.settings-divider{border:none;border-top:1px solid #e0e0e0;margin:20px 0}.onboarding-link-button{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;text-align:center;transition:all .2s;width:100%}.onboarding-link-button:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.setting-help-text{color:#666;font-size:.85rem;line-height:1.5;margin-top:8px}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:30px 30px 20px}.onboarding-header-content h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 8px}.onboarding-header-content p{color:#fff;font-size:1rem;margin:0;opacity:.95}.onboarding-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:2rem;height:36px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:36px}.onboarding-close:hover{background:#ffffff4d}.onboarding-progress{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px 30px}.onboarding-progress-bar{background:#e0e0e0;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.onboarding-progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .3s ease-out}.onboarding-progress-text{color:#666;font-size:.85rem;font-weight:500}.onboarding-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:300px;padding:40px 30px;text-align:center}.onboarding-step-icon{animation:bounceIn .5s ease-out;font-size:4rem;margin-bottom:20px}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.onboarding-content h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 15px}.onboarding-step-description{color:#666;font-size:1.05rem;line-height:1.6;margin:0 0 25px;max-width:500px}.onboarding-step-info{align-items:flex-start;background:#f0f4ff;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:12px;margin:20px 0;max-width:500px;padding:15px 20px;text-align:left}.info-icon{flex-shrink:0;font-size:1.2rem}.onboarding-step-info span:last-child{color:#555;font-size:.95rem;line-height:1.5}.onboarding-step-completed{align-items:center;animation:slideIn .3s ease-out;background:#d4edda;border-radius:20px;color:#155724;display:inline-flex;font-weight:600;gap:8px;margin:15px 0;padding:10px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.checkmark{font-size:1.2rem}.onboarding-action-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:14px 32px;transition:transform .2s,box-shadow .2s}.onboarding-action-button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.onboarding-steps-indicator{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:center;padding:20px 30px}.onboarding-step-dot{align-items:center;background:#ddd;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:12px;justify-content:center;transition:all .3s;width:12px}.onboarding-step-dot.active{background:#667eea;border-radius:6px;width:32px}.onboarding-step-dot.completed{background:#28a745}.onboarding-step-dot:hover:not(.active){background:#bbb;transform:scale(1.2)}.onboarding-footer{background:#fff;border-top:1px solid #e0e0e0;padding:20px 30px}.onboarding-footer-buttons{align-items:center;display:flex;gap:15px;justify-content:space-between}.onboarding-footer-right{display:flex;gap:12px}.onboarding-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.onboarding-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.onboarding-button.primary:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.onboarding-button.secondary{background:#fff;border:2px solid #e0e0e0;color:#666}.onboarding-button.secondary:hover{border-color:#667eea;color:#667eea}@media (max-width:768px){.onboarding-modal{border-radius:0;max-height:100vh;max-width:100%}.onboarding-header{padding:20px}.onboarding-header-content h2{font-size:1.5rem}.onboarding-content{min-height:250px;padding:30px 20px}.onboarding-step-icon{font-size:3rem}.onboarding-content h3{font-size:1.3rem}.onboarding-footer{padding:15px 20px}.onboarding-footer-buttons{flex-direction:column}.onboarding-footer-right{justify-content:space-between;width:100%}.onboarding-button{flex:1 1}}
/*# sourceMappingURL=main.b00f1727.css.map*/