#achievementModal.modal-overlay{transition:opacity .3s ease}#achievementModal .modal-content{max-width:800px;height:650px;transform:scale(.9);transition:transform .3s ease;display:flex;flex-direction:column}#achievementModal.modal-overlay.active .modal-content{transform:scale(1)}#achievementModal .modal-body{flex:1;overflow:hidden;padding:0;display:flex;flex-direction:column}.achievement-scrollable-content{flex:1;overflow-y:auto}#achievementModal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}#achievementModal .modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;display:flex;align-items:center;gap:8px}#achievementModal .modal-actions{display:flex;gap:12px;justify-content:flex-end;flex-shrink:0;padding:20px;border-top:1px solid var(--border-color);background:var(--surface-bg);margin-top:0}#achievementModal .modal-actions .btn{min-width:120px}.achievement-tabs{display:flex;background:var(--background-light);border-bottom:1px solid var(--border-color);padding:0 20px;gap:4px;flex-shrink:0}.achievement-tab{background:0 0;border:none;padding:12px 16px;cursor:pointer;font-size:14px;font-weight:500;color:var(--gray-600);border-radius:8px 8px 0 0;transition:all .2s ease;display:flex;align-items:center;gap:8px;margin-bottom:-1px}.achievement-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.achievement-tab.active{background:var(--surface-bg);color:var(--primary-color);border:1px solid var(--border-color);border-bottom:1px solid var(--surface-bg);font-weight:600}.achievement-tab .material-icons{font-size:18px}.achievement-content{display:block}.achievement-tab-content{display:none;padding:24px;min-height:400px}.achievement-tab-content.active{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1}.achievement-stats{padding:20px;background:var(--background-light);border-bottom:1px solid var(--border-color)}.achievement-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.achievement-stat-card{background:var(--surface-bg);border-radius:8px;padding:16px;text-align:center;border:1px solid var(--border-color);transition:transform .2s ease}.achievement-stat-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow)}.achievement-stat-card .stat-icon{font-size:24px;margin-bottom:8px}.achievement-stat-card .stat-value{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.achievement-stat-card .stat-label{font-size:12px;color:var(--gray-600);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px 0;width:100%;align-self:stretch}.achievement-grid.calorie-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.achievement-badge{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease;position:relative;overflow:hidden}.achievement-badge:hover{transform:translateY(-2px);box-shadow:var(--box-shadow);border-color:var(--primary-color)}.achievement-badge-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.achievement-badge-content{flex:1;min-width:0}.achievement-badge-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.achievement-badge-subtitle{font-size:14px;color:var(--gray-600);margin-bottom:4px}.achievement-badge-milestone{font-size:12px;color:var(--gray-500);font-weight:500}.achievement-badge-level{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.achievement-list{display:flex;flex-direction:column;gap:16px}.achievement-exercise-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.achievement-exercise-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow)}.exercise-achievement-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.exercise-achievement-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.exercise-achievement-info{flex:1;min-width:0}.exercise-achievement-info h4{margin:0 0 4px 0;font-size:18px;font-weight:600;color:var(--text-primary)}.current-level{font-size:14px;font-weight:600}.achievement-milestone-badge{padding:8px 12px;border-radius:20px;color:#fff;font-size:14px;font-weight:600;min-width:60px;text-align:center}.exercise-progress{padding-top:16px;border-top:1px solid var(--border-color)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--gray-600)}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--primary-color);border-radius:4px;transition:width .3s ease}.progress-remaining{font-size:12px;color:var(--gray-500);text-align:center}.calorie-achievement-header{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.total-calories{font-size:14px;color:var(--gray-600)}.total-calories strong{color:var(--primary-color);font-size:16px}.next-milestone-card{background:linear-gradient(135deg,var(--primary-light),var(--surface-bg));border:1px solid var(--primary-color);border-radius:12px;padding:20px;margin-top:24px}.next-milestone-header h4{margin:0 0 16px 0;font-size:18px;font-weight:600;color:var(--primary-color);display:flex;align-items:center;gap:8px}.next-milestone-progress .progress-fill{background:var(--primary-color)}.achievement-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;color:var(--gray-600);width:100%;min-height:300px}.achievement-empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.achievement-empty-state h4{margin:0 0 8px 0;font-size:20px;font-weight:600;color:var(--gray-700)}.achievement-empty-state p{margin:0;font-size:14px;max-width:300px;margin:0 auto;line-height:1.6}.achievement-progress-indicator{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.current-achievement-level{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:6px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;max-width:fit-content}.level-badge{background:rgba(255,255,255,.2);padding:2px 6px;border-radius:10px;font-size:10px;font-weight:700}.level-name{font-size:12px}.progress-to-next{font-size:11px;color:var(--gray-600)}.progress-bar-mini{width:100%;height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden;margin:4px 0}.progress-fill-mini{height:100%;border-radius:2px;transition:width .3s ease}.progress-text{font-size:10px;color:var(--gray-500)}@media (max-width:768px){#achievementModal .modal-content{max-height:90vh}.achievement-tabs{padding:0 16px;gap:2px;flex-wrap:wrap}.achievement-tab{padding:10px 8px;flex:1;min-width:0;justify-content:center;text-align:center}.achievement-tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-tab .material-icons{font-size:16px;margin-right:4px}.achievement-tab-content{padding:16px;min-height:350px}.achievement-stats{padding:16px}.achievement-stats-grid{grid-template-columns:1fr;gap:12px}.achievement-grid{grid-template-columns:1fr;gap:12px;padding:16px 0}.achievement-badge{padding:12px;gap:10px}.achievement-badge-icon{width:40px;height:40px;font-size:20px}.achievement-badge-title{font-size:14px}.achievement-badge-subtitle{font-size:12px}.exercise-achievement-header{gap:12px;margin-bottom:12px}.exercise-achievement-icon{width:48px;height:48px;font-size:24px}.calorie-achievement-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:480px){#achievementModal .modal-header{padding:16px 20px 12px}#achievementModal .modal-header h3{font-size:18px}.achievement-tabs{padding:0 12px;gap:1px}.achievement-tab{padding:8px 4px;flex-direction:column;gap:2px}.achievement-tab .material-icons{font-size:14px;margin-right:0}.achievement-tab span{font-size:10px;line-height:1.2}.achievement-tab-content{padding:12px;min-height:300px}.achievement-empty-state{padding:40px 15px;min-height:250px}.achievement-empty-state .empty-icon{font-size:48px;margin-bottom:12px}.achievement-empty-state h4{font-size:18px}.achievement-empty-state p{font-size:13px;max-width:250px}.achievement-stats{padding:12px}.achievement-stat-card{padding:12px}.achievement-stat-card .stat-value{font-size:20px}.achievement-badge{padding:10px;gap:8px}.achievement-badge-title{font-size:13px}.achievement-exercise-card{padding:16px}.exercise-achievement-info h4{font-size:16px}}#achievementNotificationModal .modal-content{max-width:500px;width:90%;max-height:85vh;display:flex;flex-direction:column}#achievementNotificationModal .modal-header{text-align:center;padding:20px;border-bottom:1px solid var(--border-color)}#achievementNotificationModal .modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color)}#achievementNotificationModal .modal-body{flex:1;overflow-y:auto;padding:20px}.achievement-notification-intro{text-align:center;margin-bottom:20px;color:var(--gray-600)}.achievement-notification-list{display:flex;flex-direction:column;gap:16px}.achievement-notification-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gray-100);border-radius:var(--border-radius);border:1px solid var(--border-color)}.achievement-notification-item .achievement-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:50%;flex-shrink:0}.achievement-notification-item .achievement-details{flex:1}.achievement-notification-item .achievement-title{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:4px}.achievement-notification-item .achievement-subtitle{font-size:.9rem;color:var(--gray-600);margin-bottom:4px}.achievement-notification-item .achievement-milestone{font-size:.85rem;color:var(--primary-color);font-weight:500}#achievementNotificationModal .form-actions{padding:20px;border-top:1px solid var(--border-color);text-align:center}