.client-progress-report{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);min-height:100vh;padding-bottom:3rem}.client-progress-report .report-hero{background:white;padding:2rem;margin-bottom:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,0.1)}.client-progress-report .report-hero .hero-header{margin-bottom:1.5rem}.client-progress-report .report-hero .hero-header .trainer-badge{display:inline-block;background:#667eea;color:white;padding:0.5rem 1rem;border-radius:20px;font-size:0.85rem;font-weight:600;margin-bottom:1rem}.client-progress-report .report-hero .hero-header h1{font-size:2rem;color:#1f2937;margin:0 0 0.5rem;font-weight:700}.client-progress-report .report-hero .hero-header .report-meta{display:flex;gap:1.5rem;font-size:0.9rem;color:#6b7280;flex-wrap:wrap}.client-progress-report .report-hero .hero-header .report-meta span{display:flex;align-items:center;gap:0.5rem}.client-progress-report .report-hero .hero-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin-top:2rem}.client-progress-report .report-hero .hero-metrics .metric-card{background:#f8f9fa;padding:1.5rem;border-radius:12px;border-left:4px solid #667eea;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.client-progress-report .report-hero .hero-metrics .metric-card.positive{border-left-color:#10b981}.client-progress-report .report-hero .hero-metrics .metric-card.warning{border-left-color:#f59e0b}.client-progress-report .report-hero .hero-metrics .metric-card:hover{background:white;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.client-progress-report .report-hero .hero-metrics .metric-card .label{font-size:0.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:0.5px;font-weight:600;margin-bottom:0.5rem}.client-progress-report .report-hero .hero-metrics .metric-card .value{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:0.25rem}.client-progress-report .report-hero .hero-metrics .metric-card .change{font-size:0.85rem;font-weight:600;display:flex;align-items:center;gap:0.25rem}.client-progress-report .report-hero .hero-metrics .metric-card .change.up{color:#10b981}.client-progress-report .report-hero .hero-metrics .metric-card .change.up::before{content:'↑'}.client-progress-report .report-hero .hero-metrics .metric-card .change.down{color:#ef4444}.client-progress-report .report-hero .hero-metrics .metric-card .change.down::before{content:'↓'}.client-progress-report .report-hero .hero-metrics .metric-card .change.neutral{color:#6b7280}.client-progress-report .report-hero .hero-metrics .metric-card .change.neutral::before{content:'→'}.client-progress-report .report-hero .grade-badge{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg, #667eea, #667eea);color:white;font-size:3rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 8px 20px rgba(102,126,234,0.3);position:relative}.client-progress-report .report-hero .grade-badge.a{background:linear-gradient(135deg, #10b981, #059669)}.client-progress-report .report-hero .grade-badge.b{background:linear-gradient(135deg, #3b82f6, #1d4ed8)}.client-progress-report .report-hero .grade-badge.c{background:linear-gradient(135deg, #f59e0b, #d97706)}.client-progress-report .report-hero .grade-badge .grade-label{position:absolute;bottom:8px;font-size:0.7rem;font-weight:600;text-transform:uppercase;opacity:0.9}.client-progress-report .insights-section{background:white;padding:2rem;margin-bottom:2rem;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,0.08)}.client-progress-report .insights-section .section-title{font-size:1.3rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.client-progress-report .insights-section .section-title::before{content:'';width:4px;height:24px;background:#667eea;border-radius:2px}.client-progress-report .insights-section .insights-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.25rem}.client-progress-report .insights-section .insights-grid .insight-card{background:#f8f9fa;padding:1.5rem;border-radius:12px;border-left:4px solid #667eea;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.client-progress-report .insights-section .insights-grid .insight-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(102,126,234,0.1)}.client-progress-report .insights-section .insights-grid .insight-card .insight-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.client-progress-report .insights-section .insights-grid .insight-card .insight-header .icon{font-size:1.5rem;flex-shrink:0}.client-progress-report .insights-section .insights-grid .insight-card .insight-header .badge{background:#667eea;color:white;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.75rem;font-weight:700;text-transform:uppercase;margin-left:auto}.client-progress-report .insights-section .insights-grid .insight-card .insight-header .badge.high{background:#ef4444}.client-progress-report .insights-section .insights-grid .insight-card .insight-header .badge.medium{background:#f59e0b}.client-progress-report .insights-section .insights-grid .insight-card .insight-header .badge.low{background:#10b981}.client-progress-report .insights-section .insights-grid .insight-card .insight-text{font-size:0.95rem;line-height:1.6;color:#1f2937;margin-bottom:1rem}.client-progress-report .insights-section .insights-grid .insight-card .insight-action{font-size:0.85rem;color:#667eea;font-weight:600;display:flex;align-items:center;gap:0.5rem}.client-progress-report .insights-section .insights-grid .insight-card .insight-action::after{content:'→';transition:transform 0.2s ease}.client-progress-report .insights-section .insights-grid .insight-card .insight-action:hover::after{transform:translateX(4px)}.client-progress-report .report-section{background:white;margin-bottom:1.5rem;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,0.08);overflow:hidden}.client-progress-report .report-section .section-header{padding:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;transition:background 0.2s ease;border-bottom:1px solid #e5e7eb}.client-progress-report .report-section .section-header:hover{background:#f8f9fa}.client-progress-report .report-section .section-header .header-title{display:flex;align-items:center;gap:1rem;font-weight:600;color:#1f2937;font-size:1.1rem}.client-progress-report .report-section .section-header .header-title .icon{font-size:1.25rem}.client-progress-report .report-section .section-header .toggle-icon{font-size:1.5rem;transition:transform 0.3s ease;color:#6b7280}.client-progress-report .report-section .section-header .toggle-icon.open{transform:rotate(180deg)}.client-progress-report .report-section .section-content{padding:1.5rem;display:none;animation:slideDown 0.3s ease}.client-progress-report .report-section .section-content.open{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.client-progress-report .next-steps{background:linear-gradient(135deg, rgba(16,185,129,0.1), rgba(16,185,129,0.05));border-left:4px solid #10b981;padding:2rem;border-radius:12px;margin:2rem 0}.client-progress-report .next-steps .step-title{font-size:1.2rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.client-progress-report .next-steps .step-title::before{content:'🎯';font-size:1.5rem}.client-progress-report .next-steps .steps-list{list-style:none;padding:0;margin:0}.client-progress-report .next-steps .steps-list li{padding:1rem;margin-bottom:0.75rem;background:white;border-radius:8px;border-left:3px solid #10b981;display:flex;gap:1rem;align-items:flex-start}.client-progress-report .next-steps .steps-list li .step-number{font-weight:700;color:white;background:#10b981;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0.85rem}.client-progress-report .next-steps .steps-list li .step-content{flex:1}.client-progress-report .next-steps .steps-list li .step-content .step-name{font-weight:600;color:#1f2937;margin-bottom:0.25rem}.client-progress-report .next-steps .steps-list li .step-content .step-description{font-size:0.9rem;color:#6b7280}.client-progress-report .next-steps .steps-list li .priority{background:#667eea;color:white;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.7rem;font-weight:700;text-transform:uppercase;flex-shrink:0}.client-progress-report .next-steps .steps-list li .priority.high{background:#ef4444}.client-progress-report .next-steps .steps-list li .priority.medium{background:#f59e0b;color:white}.client-progress-report .next-steps .steps-list li .priority.low{background:#10b981}.client-progress-report .report-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap;padding:0 1rem}.client-progress-report .report-actions .btn{padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-size:0.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem}.client-progress-report .report-actions .btn.btn-primary{background:#667eea;color:white}.client-progress-report .report-actions .btn.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 8px 16px rgba(102,126,234,0.3)}.client-progress-report .report-actions .btn.btn-secondary{background:white;color:#667eea;border:2px solid #667eea}.client-progress-report .report-actions .btn.btn-secondary:hover{background:#f8f9fa}@media (max-width: 768px){.client-progress-report{padding:1rem;background:#f8f9fa}.client-progress-report .report-hero{padding:1.5rem;margin-bottom:1rem;border-radius:12px}.client-progress-report .report-hero .hero-header h1{font-size:1.5rem}.client-progress-report .report-hero .hero-header .report-meta{flex-direction:column;gap:0.5rem}.client-progress-report .report-hero .hero-metrics{grid-template-columns:1fr;gap:1rem}.client-progress-report .report-hero .hero-metrics .metric-card{padding:1rem}.client-progress-report .report-hero .hero-metrics .metric-card .value{font-size:1.75rem}.client-progress-report .report-hero .grade-badge{width:100px;height:100px;font-size:2.5rem;margin:0 auto 1rem}.client-progress-report .insights-section,.client-progress-report .report-section{padding:1.25rem;border-radius:12px}.client-progress-report .insights-section .section-title,.client-progress-report .report-section .section-title{font-size:1.1rem}.client-progress-report .insights-section .insights-grid,.client-progress-report .report-section .insights-grid{grid-template-columns:1fr;gap:1rem}.client-progress-report .next-steps{padding:1.5rem}.client-progress-report .next-steps .steps-list li{padding:0.75rem}.client-progress-report .next-steps .steps-list li .step-number{width:28px;height:28px;font-size:0.75rem}.client-progress-report .report-actions{flex-direction:column;padding:0}.client-progress-report .report-actions .btn{width:100%;justify-content:center}.client-progress-report .section-content{padding:1rem}}@media (min-width: 769px) and (max-width: 1024px){.client-progress-report .hero-metrics{grid-template-columns:repeat(2, 1fr)}.client-progress-report .insights-section .insights-grid{grid-template-columns:repeat(2, 1fr)}}@media print{.client-progress-report{background:white}.client-progress-report .report-hero{page-break-after:avoid;box-shadow:none;border:1px solid #e5e7eb}.client-progress-report .insights-section,.client-progress-report .report-section{page-break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}.client-progress-report .report-actions{display:none}.client-progress-report .section-header{cursor:default}.client-progress-report .section-content{display:block !important}.client-progress-report .toggle-icon{display:none}}.section-header.clickable{cursor:pointer}.section-header.clickable:hover{background:#f8f9fa}:root{--primary-blue: #0066FF;--secondary-green: #22C55E;--accent-orange: #FF6B35;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--neutral: #6B7280;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--text-primary: #111827;--text-secondary: #6B7280;--border-light: #E5E7EB;--border-medium: #D1D5DB}*{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-weight:400;line-height:1.5;color:#111827;background-color:#FFFFFF;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}p{margin:0;line-height:1.5}small,.text-small{font-size:0.875rem;color:#6B7280}.text-tiny{font-size:0.75rem;color:#6B7280}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;min-height:2.75rem;font-size:1rem;font-weight:600;border:1px solid transparent;border-radius:0.5rem;cursor:pointer;transition:all 150ms ease-in-out;text-decoration:none;white-space:nowrap}.btn:focus{outline:2px solid #0066FF;outline-offset:2px}.btn:disabled{opacity:0.6;cursor:not-allowed}.btn.btn-primary{background-color:#0066FF;color:#FFFFFF;border-color:#0066FF}.btn.btn-primary:hover:not(:disabled){background-color:#0052cc;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.btn.btn-primary:active:not(:disabled){transform:scale(0.98)}.btn.btn-secondary{background-color:#FFFFFF;color:#111827;border-color:#D1D5DB}.btn.btn-secondary:hover:not(:disabled){background-color:#F9FAFB;border-color:#111827}.btn.btn-secondary:active:not(:disabled){transform:scale(0.98)}.btn.btn-ghost{background-color:transparent;color:#0066FF;border-color:transparent;padding:0.5rem 1rem}.btn.btn-ghost:hover:not(:disabled){background-color:rgba(0,102,255,0.1);text-decoration:underline}.btn.btn-danger{background-color:#EF4444;color:#FFFFFF;border-color:#EF4444}.btn.btn-danger:hover:not(:disabled){background-color:#eb1515}.btn.btn-success{background-color:#10B981;color:#FFFFFF;border-color:#10B981}.btn.btn-success:hover:not(:disabled){background-color:#0c8a60}.btn.btn-sm{padding:0.5rem 1rem;font-size:0.875rem}.btn.btn-lg{padding:1rem 2rem;min-height:3rem}.btn.btn-block{width:100%}.btn.is-loading{pointer-events:none;opacity:0.7}.btn.is-loading::after{content:'';display:inline-block;width:1rem;height:1rem;margin-left:0.5rem;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:white;animation:spin 1s linear infinite}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],select,textarea{width:100%;padding:0.75rem 1rem;min-height:2.75rem;font-size:1rem;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;border:1px solid #D1D5DB;border-radius:0.5rem;background-color:#FFFFFF;color:#111827;transition:all 150ms ease-in-out}input[type="text"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="number"]::placeholder,input[type="date"]::placeholder,input[type="time"]::placeholder,select::placeholder,textarea::placeholder{color:#6B7280}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="time"]:focus,select:focus,textarea:focus{outline:none;border-color:#0066FF;box-shadow:0 0 0 3px rgba(0,102,255,0.1)}input[type="text"]:disabled,input[type="email"]:disabled,input[type="password"]:disabled,input[type="number"]:disabled,input[type="date"]:disabled,input[type="time"]:disabled,select:disabled,textarea:disabled{background-color:#F9FAFB;color:#6B7280;cursor:not-allowed}input.is-valid[type="text"],input.is-valid[type="email"],input.is-valid[type="password"],input.is-valid[type="number"],input.is-valid[type="date"],input.is-valid[type="time"],select.is-valid,textarea.is-valid{border-color:#10B981;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2310B981'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:2.5rem}input.is-invalid[type="text"],input.is-invalid[type="email"],input.is-invalid[type="password"],input.is-invalid[type="number"],input.is-invalid[type="date"],input.is-invalid[type="time"],select.is-invalid,textarea.is-invalid{border-color:#EF4444;background-color:rgba(239,68,68,0.05)}textarea{resize:vertical;min-height:6rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:#111827}.form-group .form-help{font-size:0.875rem;color:#6B7280;margin-top:0.5rem}.form-group .form-error{font-size:0.875rem;color:#EF4444;margin-top:0.5rem}.card{background-color:#FFFFFF;border:1px solid #E5E7EB;border-radius:0.75rem;padding:1.5rem;box-shadow:0 1px 2px rgba(0,0,0,0.05);transition:all 150ms ease-in-out}.card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);transform:translateY(-2px)}.card .card-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #E5E7EB}.card .card-header h3{margin:0}.card .card-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #E5E7EB}@media (min-width: 640px){.card{margin-bottom:1rem}}.badge{display:inline-block;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:600;border-radius:9999px;white-space:nowrap}.badge.badge-primary{background-color:rgba(0,102,255,0.2);color:#0066FF}.badge.badge-success{background-color:rgba(16,185,129,0.2);color:#10B981}.badge.badge-warning{background-color:rgba(245,158,11,0.2);color:#F59E0B}.badge.badge-danger{background-color:rgba(239,68,68,0.2);color:#EF4444}.badge.badge-sm{padding:0.125rem 0.5rem;font-size:0.625rem}.badge.badge-lg{padding:0.5rem 1rem;font-size:0.875rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:1rem;max-width:400px}@media (min-width: 640px){.toast-container{bottom:1rem;right:1rem;left:1rem;max-width:none}}.toast{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:#FFFFFF;border:1px solid #E5E7EB;border-radius:0.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);animation:slideIn 200ms ease-in-out}.toast.toast-success{border-left-color:#10B981;border-left-width:4px}.toast.toast-error{border-left-color:#EF4444;border-left-width:4px}.toast.toast-warning{border-left-color:#F59E0B;border-left-width:4px}.toast.toast-info{border-left-color:#0066FF;border-left-width:4px}.skeleton{background:linear-gradient(90deg, #F9FAFB 25%, #eaedf1 50%, #F9FAFB 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:0.5rem}.skeleton.skeleton-text{height:1rem;margin-bottom:0.5rem}.skeleton.skeleton-heading{height:1.5rem;margin-bottom:1rem}.skeleton.skeleton-avatar{width:3rem;height:3rem;border-radius:50%}.skeleton.skeleton-card{height:200px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:calc(200% + 0) 0}}@keyframes slideIn{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.grid{display:grid;gap:1.5rem}.grid.grid-2{grid-template-columns:repeat(2, 1fr)}@media (min-width: 640px){.grid.grid-2{grid-template-columns:1fr}}.grid.grid-3{grid-template-columns:repeat(3, 1fr)}@media (min-width: 768px){.grid.grid-3{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 640px){.grid.grid-3{grid-template-columns:1fr}}.flex{display:flex}.flex.flex-between{justify-content:space-between}.flex.flex-center{justify-content:center;align-items:center}.flex.flex-gap{gap:1rem}.mt-0{margin-top:0}.mt-xs{margin-top:0.25rem}.mt-sm{margin-top:0.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:0.25rem}.mb-sm{margin-bottom:0.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.px-lg{padding-left:1.5rem;padding-right:1.5rem}.py-lg{padding-top:1.5rem;padding-bottom:1.5rem}.text-center{text-align:center}.text-muted{color:#6B7280}.text-error{color:#EF4444}.text-success{color:#10B981}.bg-secondary{background-color:#F9FAFB}@media (max-width: 768px){.btn{min-height:48px;min-width:48px;padding:12px 16px !important}.btn.btn-lg{min-height:56px;padding:14px 20px !important}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="date"],input[type="time"],select,textarea{font-size:16px !important;padding:12px 10px !important;min-height:48px}input.form-control[type="text"],input.form-control[type="email"],input.form-control[type="password"],input.form-control[type="number"],input.form-control[type="tel"],input.form-control[type="date"],input.form-control[type="time"],select.form-control,textarea.form-control{line-height:1.5}.form-label{font-size:15px;margin-bottom:8px;font-weight:500}.form-text.text-muted{font-size:13px;margin-top:4px}.mb-3{margin-bottom:20px !important}.badge{font-size:12px;padding:4px 8px;cursor:help;margin-left:4px}.alert{padding:12px 16px;font-size:14px;margin-bottom:16px}.alert strong{display:block;margin-bottom:4px}.card{margin-bottom:16px}.card .card-body{padding:20px !important}.card .card-title{font-size:18px;margin-bottom:12px}.modal-header{padding:16px;border-bottom:1px solid #dee2e6}.modal-header .modal-title{font-size:18px}.modal-body{padding:20px}.modal-footer{padding:16px}#userForm .form-actions{margin-top:20px}.container{padding-left:12px;padding-right:12px}.text-center{margin-bottom:12px}.desktop-only{display:none !important}}@media (min-width: 768px) and (max-width: 1024px){.btn{min-height:44px;padding:10px 14px}input[type="number"],select,.form-control{font-size:15px;padding:10px 8px}}@media (min-width: 1025px){.mobile-only{display:none !important}.btn,input,select{transition:all 0.2s ease-in-out}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){input[type="number"],input[type="text"],select{font-size:16px !important}}@media (max-height: 500px) and (orientation: landscape){.btn{padding:8px 12px;min-height:44px}.form-label{margin-bottom:4px}.form-text.text-muted{font-size:12px}}@media (prefers-color-scheme: dark){input,select,textarea{background-color:#2b2b2b;color:#ffffff;border-color:#444}input::placeholder,select::placeholder,textarea::placeholder{color:#999}}@media (prefers-reduced-motion: reduce){.btn,input,select,.modal{transition:none !important;animation:none !important}}@media (max-width: 576px){.toast-container{position:fixed;top:0;left:0;right:0;width:100%;max-width:100%;padding:0.5rem;z-index:9999}}@media (max-width: 576px){.toast{max-width:100%;width:calc(100% - 1rem);margin:0 auto;font-size:0.875rem;padding:0.75rem 1rem;border-radius:0.25rem}.toast .toast-body{word-wrap:break-word;overflow-wrap:break-word;padding:0}.toast .toast-close{padding:0.25rem}}@media (max-width: 576px){.message-modal .modal-content{margin:0;border-radius:0;max-height:100vh}.message-modal .modal-content .modal-header{padding:0.75rem 1rem}.message-modal .modal-content .modal-header h5{font-size:1rem;margin:0}.message-modal .modal-content .modal-body{padding:1rem;max-height:calc(100vh - 140px);overflow-y:auto}.message-modal .modal-content .modal-body .form-group{margin-bottom:0.75rem}.message-modal .modal-content .modal-body .form-group label{font-size:0.875rem;margin-bottom:0.25rem}.message-modal .modal-content .modal-body .form-group select,.message-modal .modal-content .modal-body .form-group textarea,.message-modal .modal-content .modal-body .form-group input{font-size:1rem;padding:0.5rem}.message-modal .modal-content .modal-footer{padding:0.75rem 1rem;gap:0.5rem}.message-modal .modal-content .modal-footer .btn{flex:1;padding:0.5rem;font-size:0.875rem;min-height:44px}}@media (max-width: 576px){.message-form .form-group{margin-bottom:0.75rem}.message-form .form-group label{font-size:0.875rem;font-weight:600}.message-form .form-group select,.message-form .form-group textarea{width:100%;font-size:1rem;padding:0.75rem;border:1px solid #ddd;border-radius:0.25rem;box-sizing:border-box}.message-form .form-group select:focus,.message-form .form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.message-form .form-group textarea{min-height:100px;resize:vertical}.message-form .form-group textarea::placeholder{color:#999}}@media (max-width: 576px){.message-btn{min-height:44px;padding:0.5rem 0.75rem;font-size:0.875rem;white-space:nowrap;flex-shrink:0}.message-btn:disabled{opacity:0.6;cursor:not-allowed}}@media (max-width: 576px){.alert-card-actions,.performer-actions{flex-direction:column;gap:0.5rem}.alert-card-actions .btn,.performer-actions .btn{width:100%;min-height:44px;padding:0.5rem;font-size:0.875rem}}@media (max-width: 576px){.notification-toast{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:none;width:calc(100% - 2rem);margin:0}.notification-toast .toast-body{font-size:0.875rem;line-height:1.4}}@media (max-width: 576px){.alert{padding:0.75rem 1rem;font-size:0.875rem;margin-bottom:0.75rem;border-radius:0.25rem;word-wrap:break-word;overflow-wrap:break-word}.alert.alert-success,.alert.alert-danger,.alert.alert-warning,.alert.alert-info{margin-left:-1rem;margin-right:-1rem;border-radius:0;width:calc(100% + 2rem)}}@media (max-width: 576px){textarea.form-control{font-size:1rem;line-height:1.5;padding:0.75rem}textarea.form-control:focus{font-size:1rem}}@media (max-width: 576px){.message-loading{display:flex;justify-content:center;padding:1rem}.message-loading .spinner-border{width:24px;height:24px}.message-loading .spinner-border .sr-only{display:none}}@media (max-width: 576px){.message-confirmation{padding:1rem;border-radius:0.25rem;background-color:#f8f9fa}.message-confirmation .confirmation-text{font-size:0.875rem;margin-bottom:0.75rem;line-height:1.5}.message-confirmation .confirmation-buttons{display:flex;gap:0.5rem}.message-confirmation .confirmation-buttons .btn{flex:1;min-height:44px;padding:0.5rem;font-size:0.875rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.success-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg, #28a745 0%, #20c997 100%);color:white;padding:16px 24px;border-radius:8px;box-shadow:0 8px 24px rgba(40,167,69,0.3);z-index:9999;animation:slideInRight 0.3s ease-out;font-weight:600;display:flex;align-items:center;gap:12px}.success-toast::before{content:'✓';font-size:1.5rem;animation:successPop 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)}@media (max-width: 768px){.success-toast{top:10px;right:10px;left:10px;width:auto}}.error-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg, #dc3545 0%, #c82333 100%);color:white;padding:16px 24px;border-radius:8px;box-shadow:0 8px 24px rgba(220,53,69,0.3);z-index:9999;animation:slideInRight 0.3s ease-out;font-weight:600}@media (max-width: 768px){.error-toast{top:10px;right:10px;left:10px}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite;margin-right:8px}.btn:disabled{opacity:0.7;cursor:not-allowed;pointer-events:none}.btn:disabled .loading-spinner{display:inline-block}.enhanced-analytics-dashboard{animation:fadeInUp 0.4s ease-out}.enhanced-analytics-dashboard .card-hero-analytics{transition:all 0.3s ease;position:relative;overflow:hidden}.enhanced-analytics-dashboard .card-hero-analytics::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);pointer-events:none}.enhanced-analytics-dashboard .metric-card{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;animation:fadeInUp 0.4s ease-out backwards}.enhanced-analytics-dashboard .metric-card:nth-child(1){animation-delay:0.05s}.enhanced-analytics-dashboard .metric-card:nth-child(2){animation-delay:0.1s}.enhanced-analytics-dashboard .metric-card:nth-child(3){animation-delay:0.15s}.enhanced-analytics-dashboard .metric-card:nth-child(4){animation-delay:0.2s}.enhanced-analytics-dashboard .metric-card:nth-child(5){animation-delay:0.25s}.enhanced-analytics-dashboard .metric-card:nth-child(6){animation-delay:0.3s}.enhanced-analytics-dashboard .metric-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px rgba(0,0,0,0.15) !important}.enhanced-analytics-dashboard .metric-card .metric-value{transition:all 0.2s ease}.enhanced-analytics-dashboard .metric-card:hover .metric-value{color:#ff6b6b}.enhanced-analytics-dashboard .stat-card{transition:all 0.3s ease;animation:fadeInUp 0.4s ease-out backwards}.enhanced-analytics-dashboard .stat-card:nth-child(1){animation-delay:0.35s}.enhanced-analytics-dashboard .stat-card:nth-child(2){animation-delay:0.4s}.enhanced-analytics-dashboard .stat-card:nth-child(3){animation-delay:0.45s}.enhanced-analytics-dashboard .stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,0.1) !important}.enhanced-analytics-dashboard .chart-card{animation:fadeInUp 0.4s ease-out 0.5s backwards}.enhanced-analytics-dashboard .chart-card canvas{transition:opacity 0.3s ease}.form-control,.form-select{transition:all 0.2s ease;border-color:#e0e0e0}.form-control:focus,.form-select:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px rgba(255,107,107,0.1);transform:translateY(-2px)}.form-control:disabled,.form-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group{position:relative}.form-group label{transition:all 0.2s ease;color:#666}.form-group input:focus~label,.form-group input:valid~label{color:#ff6b6b;font-weight:600}.btn{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;border:none;font-weight:600;letter-spacing:0.5px}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.5);transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s}.btn:active::before{width:300px;height:300px}.btn.btn-primary{background:linear-gradient(135deg, #ff6b6b 0%, #ff5252 100%);box-shadow:0 4px 15px rgba(255,107,107,0.3)}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,107,0.4)}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-success{background:linear-gradient(135deg, #28a745 0%, #20c997 100%);box-shadow:0 4px 15px rgba(40,167,69,0.3)}.btn.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(40,167,69,0.4)}.btn.btn-secondary{background:linear-gradient(135deg, #6c757d 0%, #5a6268 100%);box-shadow:0 4px 15px rgba(108,117,125,0.2)}.btn.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(108,117,125,0.3)}.btn.btn-info{background:linear-gradient(135deg, #0dcaf0 0%, #0aa8d8 100%);box-shadow:0 4px 15px rgba(13,202,240,0.3)}.btn.btn-info:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(13,202,240,0.4)}.btn.btn-outline-secondary{color:#6c757d;border:2px solid #6c757d;transition:all 0.3s ease}.btn.btn-outline-secondary:hover{background-color:#6c757d;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,117,125,0.3)}.btn.btn-lg{padding:14px 32px;font-size:1.1rem;min-height:48px}@media (max-width: 576px){.btn.btn-lg{width:100%;margin-bottom:8px}}.card{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.card:hover{transform:translateY(-4px)}.card:hover .card-title{color:#ff6b6b}@media (max-width: 1024px){.enhanced-analytics-dashboard .metric-card{margin-bottom:12px}.enhanced-analytics-dashboard .row{row-gap:20px}}@media (max-width: 768px){.enhanced-analytics-dashboard{padding:0 12px}.enhanced-analytics-dashboard .card-hero-analytics .card-body{padding:24px 16px}.enhanced-analytics-dashboard .card-hero-analytics .row{flex-direction:column}.enhanced-analytics-dashboard .card-hero-analytics .col-md-7{margin-bottom:16px}.enhanced-analytics-dashboard .card-hero-analytics .col-md-5{display:none}.enhanced-analytics-dashboard .card-hero-analytics .hero-info-grid{grid-template-columns:1fr;gap:12px}.enhanced-analytics-dashboard .card-hero-analytics h2{font-size:1.5rem}.enhanced-analytics-dashboard .metric-card{margin-bottom:12px}.enhanced-analytics-dashboard .metric-card .metric-card-body{padding:16px}.enhanced-analytics-dashboard .metric-card .metric-value{font-size:1.75rem}.enhanced-analytics-dashboard .metric-card .metric-label{font-size:0.75rem}.enhanced-analytics-dashboard .stat-card .stat-body{padding:16px}.enhanced-analytics-dashboard .stat-card .stat-value{font-size:1.5rem}.enhanced-analytics-dashboard .chart-card .card-body{padding:16px}.enhanced-analytics-dashboard .dashboard-section-header{font-size:1rem;padding-bottom:0.5rem}.form-control,.form-select{font-size:16px;padding:12px;min-height:44px}label{font-size:0.95rem}.sticky-button-group{position:sticky;bottom:0;background:white;padding:16px 12px;box-shadow:0 -4px 12px rgba(0,0,0,0.1);border-top:1px solid #e0e0e0;z-index:100}.sticky-button-group .btn{width:100%;margin-bottom:8px}.sticky-button-group .btn:last-child{margin-bottom:0}}@media (max-width: 576px){.enhanced-analytics-dashboard{padding:0 8px}.enhanced-analytics-dashboard h2{font-size:1.25rem}.enhanced-analytics-dashboard h5{font-size:0.95rem}.enhanced-analytics-dashboard .card-hero-analytics .card-body{padding:16px}.enhanced-analytics-dashboard .card-hero-analytics h2{font-size:1.25rem;margin-bottom:16px}.enhanced-analytics-dashboard .card-hero-analytics .hero-icon-large{font-size:3rem}.enhanced-analytics-dashboard .card-hero-analytics .info-label{font-size:0.75rem}.enhanced-analytics-dashboard .card-hero-analytics .info-value{font-size:1rem}.enhanced-analytics-dashboard .card-hero-analytics .progress-bar-text{font-size:0.8rem}.enhanced-analytics-dashboard .row{row-gap:16px}.enhanced-analytics-dashboard .col-md-3,.enhanced-analytics-dashboard .col-md-4{flex:0 0 100%;max-width:100%}.enhanced-analytics-dashboard .metric-card .metric-icon{font-size:1.5rem}.enhanced-analytics-dashboard .metric-card .metric-value{font-size:1.5rem}.enhanced-analytics-dashboard .metric-card .metric-label{font-size:0.7rem}.enhanced-analytics-dashboard .metric-card .metric-detail{font-size:0.75rem}.enhanced-analytics-dashboard .stat-card .stat-value{font-size:1.25rem}.enhanced-analytics-dashboard .stat-card .stat-label{font-size:0.7rem}.enhanced-analytics-dashboard .dashboard-section-header{font-size:0.9rem;margin-bottom:12px}.btn.btn-lg{padding:12px 16px;font-size:1rem;width:100%}.btn-group-vertical{display:flex;flex-direction:column}.btn-group-vertical .btn{width:100%;margin-bottom:8px}.btn-group-vertical .btn:last-child{margin-bottom:0}.card{margin-bottom:12px;border-radius:8px}.card .card-body{padding:16px}.card .card-title{font-size:1rem;margin-bottom:12px}}*:focus-visible{outline:2px solid #ff6b6b;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media (prefers-contrast: more){.card-hero-analytics{border:2px solid #ff5252}.metric-card{border:2px solid #e0e0e0}.btn{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media (prefers-color-scheme: dark){.enhanced-analytics-dashboard{background-color:#1e1e1e;color:#f0f0f0}.enhanced-analytics-dashboard .card,.enhanced-analytics-dashboard .metric-card,.enhanced-analytics-dashboard .stat-card{background-color:#2d2d2d;border-color:#3d3d3d;color:#f0f0f0}.enhanced-analytics-dashboard .form-control,.enhanced-analytics-dashboard .form-select{background-color:#2d2d2d;color:#f0f0f0;border-color:#3d3d3d}}.enhanced-analytics-dashboard,.metric-card,.stat-card,.btn{will-change:transform;transform:translateZ(0);backface-visibility:hidden}img[loading='lazy']{opacity:0;animation:fadeIn 0.3s ease-out 0.1s forwards}@media print{.enhanced-analytics-dashboard .btn,.enhanced-analytics-dashboard .sticky-button-group,.enhanced-analytics-dashboard nav{display:none}.enhanced-analytics-dashboard .card{page-break-inside:avoid;box-shadow:none;border:1px solid #ddd}}input,textarea,select{max-width:100%;box-sizing:border-box;width:100%}input[type="checkbox"],input[type="radio"]{width:auto;margin-right:8px}.form-control,.form-select{max-width:100%;box-sizing:border-box}@media (max-width: 480px){.form-control,.form-select{font-size:16px;padding:12px;min-height:44px}}.dashboard-container{background:#f8f9fa;padding:20px;border-radius:8px;margin:20px 0}.dashboard-hero{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border:none;box-shadow:0 4px 15px rgba(102,126,234,0.4)}.dashboard-hero .card-body{padding:30px}.dashboard-hero .progress{background-color:rgba(255,255,255,0.2)}.dashboard-hero .progress-bar{background-color:#4ECDC4;font-weight:600;font-size:0.95rem}.metric-box{padding:20px;background:rgba(255,255,255,0.1);border-radius:12px;backdrop-filter:blur(10px);text-align:center}.metric-value{font-size:2rem;font-weight:bold;color:white;margin:10px 0}.metric-label{font-size:0.875rem;opacity:0.9;color:rgba(255,255,255,0.9)}.metric-card{border:none;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.2s, box-shadow 0.2s;position:relative;overflow:hidden}.metric-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #667eea, #764ba2);opacity:0;transition:opacity 0.3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,0.15)}.metric-card:hover::before{opacity:1}.metric-card .card-body{padding:25px}.metric-card .metric-icon{font-size:2rem;margin-bottom:10px}.metric-card .metric-value{font-size:1.75rem;font-weight:bold;color:#333;margin:10px 0}.metric-card .metric-label{color:#666;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px}.metric-card .metric-change{color:#999;font-size:0.8rem;margin-top:5px}.metric-card .metric-change i{margin-right:3px}.timeline-box{text-align:center;padding:30px 20px}.timeline-box .timeline-date{color:#667eea;font-size:1.5rem;font-weight:700;margin:15px 0}.timeline-box .timeline-value{color:#f38181;font-size:1.5rem;font-weight:bold}.recommendations-card{border-left:4px solid #667eea;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-item{padding:12px;background:#f8f9fa;border-radius:6px;font-size:0.95rem;border-left:3px solid #667eea}.recommendation-item i{margin-right:8px}canvas{max-height:300px}.chart-wrapper{position:relative;margin:20px 0}@media (max-width: 768px){.dashboard-hero .card-body{padding:20px}.metric-box{padding:15px}.metric-value{font-size:1.5rem}.metric-card{margin-bottom:15px}.metric-card .metric-value{font-size:1.4rem}.timeline-box{padding:20px 15px}.timeline-date{font-size:1.2rem}.dashboard-container{padding:15px}.progress{height:20px !important}}@media (prefers-color-scheme: dark){.dashboard-container{background:#1a1a1a}.metric-card{background:#2a2a2a;color:#fff}.metric-card .metric-value{color:#fff}.metric-card .metric-label{color:#aaa}.metric-card .metric-change{color:#888}.recommendation-item{background:#2a2a2a;color:#fff}.timeline-box{color:#fff}}@media (max-width: 575.98px){.trainer-dashboard .status-cards .col-md-4{flex:0 0 100%;max-width:100%;margin-bottom:12px}.trainer-dashboard .status-cards .col-md-4 .card{margin-bottom:12px}.trainer-dashboard .status-cards .col-md-4 .card .card-body{padding:16px !important}.trainer-dashboard .status-cards .col-md-4 .card .card-title{font-size:16px;margin-bottom:10px}.trainer-dashboard .status-cards .col-md-4 .card .display-4{font-size:2.5rem;line-height:1;margin:8px 0}.trainer-dashboard .status-cards .col-md-4 .card small{font-size:12px;line-height:1.4}.trainer-dashboard .client-cards .col-md-6{flex:0 0 100%;max-width:100%;margin-bottom:12px}.trainer-dashboard .client-cards .col-md-6 .card{margin-bottom:8px}.trainer-dashboard .client-cards .col-md-6 .card .card-body{padding:16px !important}.trainer-dashboard .client-cards .col-md-6 .card .card-title{font-size:16px;margin-bottom:10px;word-break:break-word}.trainer-dashboard .client-cards .col-md-6 .card .row.mb-2{flex-direction:column}.trainer-dashboard .client-cards .col-md-6 .card .row.mb-2 .col-6{flex:0 0 100%;max-width:100%;margin-bottom:8px;text-align:left !important}.trainer-dashboard .client-cards .col-md-6 .card .row.mb-2 .col-6.text-end{text-align:left !important}.trainer-dashboard .client-cards .col-md-6 .card .progress{height:12px;margin:8px 0}.trainer-dashboard .client-cards .col-md-6 .card small{font-size:12px;line-height:1.4;display:block;margin-bottom:4px}.trainer-dashboard .client-cards .col-md-6 .card .btn-sm{font-size:13px;padding:8px 12px;min-height:40px;min-width:40px;display:block;width:100%;margin-top:8px}.trainer-dashboard .client-cards .col-md-6 .card .btn-sm.message-btn{margin-right:0;margin-bottom:8px}.trainer-dashboard .new-clients .col-md-6{flex:0 0 100%;max-width:100%;margin-bottom:12px}.trainer-dashboard .new-clients .col-md-6 .card .card-body{padding:16px !important}.trainer-dashboard .new-clients .col-md-6 .card .d-flex.justify-content-between{flex-direction:column;align-items:flex-start !important}.trainer-dashboard .new-clients .col-md-6 .card .d-flex.justify-content-between .badge{margin-top:8px;margin-left:0}.trainer-dashboard .new-clients .col-md-6 .card .d-flex.gap-2{flex-direction:column}.trainer-dashboard .new-clients .col-md-6 .card .d-flex.gap-2 .btn{width:100%;margin-right:0 !important;margin-bottom:8px}.trainer-dashboard .new-clients .col-md-6 .card .d-flex.gap-2 .btn:last-child{margin-bottom:0}.trainer-dashboard .new-clients .col-md-6 .card .badge{font-size:11px;padding:4px 6px}.trainer-dashboard .new-clients .col-md-6 .card small{font-size:12px;line-height:1.4}.trainer-dashboard .new-clients .col-md-6 .card p.text-muted{font-size:12px;line-height:1.5}.trainer-dashboard h1{font-size:24px;margin-bottom:8px}.trainer-dashboard h3{font-size:18px;margin-bottom:12px;margin-top:16px}.trainer-dashboard p{font-size:13px}.trainer-dashboard .btn-primary{width:100%;font-size:14px;padding:12px 16px;min-height:44px}.trainer-dashboard .summary-footer .card-body{padding:16px !important}.trainer-dashboard .summary-footer .row{flex-direction:column}.trainer-dashboard .summary-footer .row .col-md-3{flex:0 0 100%;max-width:100%;margin-bottom:8px}.trainer-dashboard .summary-footer .row .col-md-3 small{font-size:12px;display:block;padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,0.1)}.trainer-dashboard .summary-footer .row .col-md-3 small:last-child{border-bottom:none}.trainer-dashboard .modal-dialog{margin:10px}.trainer-dashboard .modal-dialog .modal-header{padding:12px 16px;flex-wrap:wrap}.trainer-dashboard .modal-dialog .modal-header .modal-title{font-size:16px;flex:0 0 100%}.trainer-dashboard .modal-dialog .modal-header .btn-close{position:absolute;right:12px;top:12px}.trainer-dashboard .modal-dialog .modal-body{padding:16px;max-height:60vh;overflow-y:auto}.trainer-dashboard .modal-dialog .modal-body .list-group-item{padding:12px;margin-bottom:8px;border-radius:4px}.trainer-dashboard .modal-dialog .modal-body .list-group-item h6{font-size:13px}.trainer-dashboard .modal-dialog .modal-body .list-group-item p{font-size:12px;max-height:40px;overflow:hidden}.trainer-dashboard .modal-dialog .modal-body .list-group-item .btn-sm{width:100%;font-size:12px;padding:8px 12px;margin-top:8px}.trainer-dashboard .modal-dialog .modal-footer{padding:12px 16px;flex-wrap:wrap;gap:8px}.trainer-dashboard .modal-dialog .modal-footer .btn{flex:1;min-width:100px;font-size:13px;padding:8px 12px;min-height:40px}.trainer-dashboard .container{padding-left:12px;padding-right:12px}.trainer-dashboard .row.mb-4{margin-bottom:16px !important}.trainer-dashboard .badge{font-size:11px;padding:3px 6px;margin-left:2px}}@media (min-width: 576px) and (max-width: 767.98px){.trainer-dashboard .status-cards .col-md-4{flex:0 0 50%;max-width:50%}.trainer-dashboard .status-cards .col-md-4:last-child{flex:0 0 100%;max-width:100%}.trainer-dashboard .client-cards .col-md-6{flex:0 0 100%;max-width:100%}.trainer-dashboard .new-clients .col-md-6{flex:0 0 100%;max-width:100%}.trainer-dashboard h1{font-size:26px}.trainer-dashboard h3{font-size:20px}}@media (min-width: 768px){.trainer-dashboard .status-cards .col-md-4,.trainer-dashboard .status-cards .col-md-6,.trainer-dashboard .client-cards .col-md-4,.trainer-dashboard .client-cards .col-md-6,.trainer-dashboard .new-clients .col-md-4,.trainer-dashboard .new-clients .col-md-6{flex:inherit;max-width:inherit}}.trainer-dashboard .card{overflow:hidden}.trainer-dashboard .card-body{word-wrap:break-word;overflow-wrap:break-word}.trainer-dashboard .btn{cursor:pointer;user-select:none}.trainer-dashboard .btn:disabled{cursor:not-allowed;opacity:0.6}.trainer-dashboard .progress{background-color:#e9ecef;border-radius:4px;overflow:hidden}.trainer-dashboard .progress .progress-bar{transition:width 0.3s ease}.trainer-dashboard a{color:inherit;text-decoration:none}.trainer-dashboard a:hover{text-decoration:underline}.trainer-dashboard .modal.fade .modal-dialog{width:95vw;max-width:calc(100vw - 20px)}:root{--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #17a2b8;--color-primary: #667eea;--color-secondary: #f0f0f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;line-height:1.6;letter-spacing:0.3px;color:#333;background-color:#fafafa}body input,body select,body textarea{font-family:inherit}.card{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all 0.2s ease;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card .card-body{padding:var(--spacing-lg)}@media (max-width: 768px){.card .card-body{padding:var(--spacing-md)}}.card .card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:var(--spacing-md) var(--spacing-lg)}.card .card-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:#1a1a1a}.metric-card{border-radius:var(--radius-lg);border:1px solid #e9ecef;padding:var(--spacing-lg);text-align:center;transition:all 0.3s ease;background:white;min-height:150px;display:flex;flex-direction:column;justify-content:center}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary)}.metric-card .metric-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);display:block}.metric-card .metric-label{font-size:var(--font-size-sm);color:#6c757d;margin-bottom:var(--spacing-sm);font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.metric-card .metric-value{font-size:var(--font-size-3xl);font-weight:700;color:#1a1a1a;margin-bottom:var(--spacing-sm)}.metric-card .metric-detail{font-size:var(--font-size-sm);color:#6c757d}.metric-card.metric-success{border-left:4px solid var(--color-success)}.metric-card.metric-success .metric-value{color:var(--color-success)}.metric-card.metric-warning{border-left:4px solid var(--color-warning)}.metric-card.metric-warning .metric-value{color:var(--color-warning)}.metric-card.metric-info{border-left:4px solid var(--color-info)}.metric-card.metric-info .metric-value{color:var(--color-info)}.metric-card.metric-primary{border-left:4px solid var(--color-primary)}.metric-card.metric-primary .metric-value{color:var(--color-primary)}.form-control,.form-select{border-radius:var(--radius-md);border:1px solid #ddd;padding:var(--spacing-md);font-size:var(--font-size-base);transition:all 0.2s ease}.form-control:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.form-control::placeholder,.form-select::placeholder{color:#999;font-size:var(--font-size-sm)}@media (min-width: 769px){.form-control,.form-select{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:50px}.form-control.form-control-lg,.form-control.form-select-lg,.form-select.form-control-lg,.form-select.form-select-lg{font-size:var(--font-size-lg);min-height:52px}}.form-label{font-size:var(--font-size-sm);font-weight:600;color:#1a1a1a;margin-bottom:var(--spacing-sm);display:block}@media (min-width: 769px){.form-label{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md)}}.form-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid #e9ecef}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section .form-section-title{font-size:var(--font-size-lg);font-weight:600;color:#1a1a1a;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md)}@media (min-width: 769px){.form-section .form-section-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);font-weight:700}}@media (min-width: 769px){.form-section{padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);border-radius:var(--radius-lg);background:#ffffff;border:1px solid #e9ecef}}@media (min-width: 769px){.form-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-lg)}.enhanced-snapshot-form{max-width:900px;margin:0 auto}form.form-horizontal{max-width:900px;margin:0 auto}.form-inputs{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--spacing-lg)}.form-inputs .mb-3{grid-column:span 1}.form-inputs .mb-3:has(.input-group){grid-column:span 1}}@media (min-width: 1200px){.form-container,.enhanced-snapshot-form,form.form-horizontal{max-width:1000px}.form-inputs{grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:var(--spacing-xl)}}.btn{border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;transition:all 0.2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-sm);min-height:44px;justify-content:center}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:36px}@media (max-width: 768px){.btn{min-height:48px;padding:var(--spacing-md) var(--spacing-lg)}}.card-hero{border-radius:var(--radius-xl);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.card-hero::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);background-size:50px 50px;opacity:0.5}.card-hero .card-body{position:relative;z-index:1}.card-hero .card-title{color:white;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl)}.card-hero .metric-display{padding:var(--spacing-lg)}.card-hero .metric-display small{color:rgba(255,255,255,0.7)}.card-hero .metric-display h2{color:white;margin:var(--spacing-md) 0}.progress{height:8px;border-radius:var(--radius-full);background-color:rgba(255,255,255,0.3);overflow:hidden}.progress .progress-bar{height:100%;border-radius:var(--radius-full);transition:width 0.3s ease;background:linear-gradient(90deg, #28a745, #20c997);box-shadow:0 0 10px rgba(40,167,69,0.5)}.badge{border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.badge.badge-success{background-color:#d4edda;color:#155724}.badge.badge-warning{background-color:#fff3cd;color:#856404}.badge.badge-danger{background-color:#f8d7da;color:#721c24}.badge.badge-info{background-color:#d1ecf1;color:#0c5460}.navbar{box-shadow:var(--shadow-md);padding:var(--spacing-md) var(--spacing-lg)}.navbar .navbar-brand{font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;gap:var(--spacing-md)}.navbar .navbar-brand img{height:40px;width:auto}.navbar .nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;transition:all 0.2s ease;border-radius:var(--radius-md)}.navbar .nav-link:hover{background-color:rgba(0,0,0,0.05);transform:translateY(-2px)}.navbar .nav-link.active{background-color:var(--color-primary);color:white !important}.section-header{font-size:var(--font-size-lg);font-weight:600;color:#1a1a1a;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary);display:flex;align-items:center;gap:var(--spacing-md)}@media (max-width: 768px){.card{margin-bottom:var(--spacing-lg)}.metric-card{margin-bottom:var(--spacing-md)}.form-control,.form-select{font-size:16px}.btn{width:100%;margin-bottom:var(--spacing-md)}.btn:last-child{margin-bottom:0}.hero-section{padding:var(--spacing-xl) var(--spacing-md)}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}body{color:#1a1a1a}a{color:var(--color-primary);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.text-muted{color:#6c757d !important}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.animate-fade{animation:fadeIn 0.3s ease-in}.animate-slide{animation:slideInLeft 0.3s ease-in}.animate-pulse{animation:pulse 2s ease-in-out infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-weight-bold{font-weight:700}.font-weight-semibold{font-weight:600}.font-weight-normal{font-weight:400}.mt-spacious{margin-top:var(--spacing-2xl)}.mb-spacious{margin-bottom:var(--spacing-2xl)}.gap-md{gap:var(--spacing-md)}@media (prefers-color-scheme: dark){:root{--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-bg-primary: #1a1a1a;--color-bg-secondary: #2d2d2d}}.custom-navbar-text-white{color:white !important}.custom-stealthblack-bg{background-color:#000 !important;color:white !important}.custom-iron-white-bg{background-color:#F2F2F2 !important}.custom-rose-red-bg{background-color:#C94C4C !important}.custom-clay-red-bg{background-color:#B85750 !important}.custom-energize-green-bg{background-color:#4CAF50 !important}.custom-mist-red-bg{background-color:#D64545 !important}.custom-power-red-bg{background-color:#D50000 !important}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-sporty-orange-bg{background-color:lightsalmon !important;animation:fadeIn 1s ease-out}.custom-green-border{border:5px solid #32CD32;animation:green-border-animation 2s infinite}@keyframes green-border-animation{0%{border-color:#32CD32}50%{border-color:#00FF00}100%{border-color:#32CD32}}.fitness-font{font-family:'Bebas Neue', sans-serif}.sans-font{font-family:'Open Sans', sans-serif}.custom-fitness-btn{font-size:1.5rem;padding:1rem 2rem;background-color:#28a745;border:none;border-radius:50px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.2s}.custom-fitness-btn:hover{transform:scale(1.05);background-color:#218823}.custom-fitness-btn:active{transform:scale(1);background-color:#218838}.custom-fitness-btn:focus{outline:none}.bungee-tint-regular{font-family:"Bungee Tint", serif;font-weight:400;font-style:normal}.completed{text-decoration:line-through;background-color:#d4edda}@media (max-width: 576px){.custom-home-image{width:100%;margin-top:20px;margin-bottom:20px}}@media (min-width: 577px) and (max-width: 768px){.custom-home-image{width:75%;margin-top:30px;margin-bottom:30px}}@media (min-width: 769px){.custom-home-image{width:60%;margin-top:40px;margin-bottom:40px}}.custom-home-image{display:block;margin-left:auto;margin-right:auto;width:100%;height:auto}.text-center-placeholder::placeholder{text-align:center}.custom-mist-red-bg{background-color:#f8f9fa}.custom-fitness-btn{border-radius:50px;padding:0.75rem 2rem;font-weight:600}@keyframes aggressive-pop{0%{transform:scale(0.6) rotate(-2deg);opacity:0;box-shadow:0 0 0px red}50%{transform:scale(1.15) rotate(2deg);opacity:1;box-shadow:0 0 20px 5px rgba(220,53,69,0.8)}75%{transform:scale(0.98) rotate(-1deg)}100%{transform:scale(1) rotate(0deg);box-shadow:0 0 10px 2px rgba(220,53,69,0.6)}}.aggressive-burnout{animation:aggressive-pop 0.8s ease-out;transition:all 0.3s ease-in-out;border-left:6px solid #dc3545;border-radius:1rem;background-color:#fff0f0}@keyframes aggressive-pop{0%{transform:scale(0.6) rotate(-2deg);opacity:0;box-shadow:0 0 0px red}50%{transform:scale(1.15) rotate(2deg);opacity:1;box-shadow:0 0 20px 5px rgba(220,53,69,0.8)}75%{transform:scale(0.98) rotate(-1deg)}100%{transform:scale(1) rotate(0deg);box-shadow:0 0 10px 2px rgba(220,53,69,0.6)}}.aggressive-pop{animation:aggressive-pop 0.8s ease-out;transition:all 0.3s ease-in-out;border-left:6px solid #dc3545;border-radius:1rem;background-color:#fff0f0}@keyframes aggressive-pop1{0%{transform:scale(0.6) rotate(-2deg);opacity:0;box-shadow:0 0 0px red}50%{transform:scale(1.15) rotate(2deg);opacity:1;box-shadow:0 0 20px 5px rgba(220,53,69,0.8)}75%{transform:scale(0.98) rotate(-1deg)}100%{transform:scale(1) rotate(0deg);box-shadow:0 0 10px 2px rgba(220,53,69,0.6)}}.aggressive-pop1{animation:aggressive-pop1 0.8s ease-out;transition:all 0.3s ease-in-out;border-left:6px solid #dc3545;border-radius:1rem;background-color:#32CD32}