powerhouse-rp-toolkit/docs/enhancedAdvanced.5367aac3.css.map

Renaissance Periodization Training Toolkit for PowerHouseATX

{"mappings":"ACIA,uMAUA,wKASA,8DAMA,0CAKA,uLAYA,mEAMA,qFAMA,mCAKA,sLAaA,kDAKA,+EAOA,iDAKA,2DAKA,kCAIA,gGAMA,8FAMA,uMAUA,kGAKA,wFAOA,mJAQA,8EAOA,wFAQA,4DAMA,4HAQA,4EAOA,qNAYA,gFAKA,8HASA,2GAOA,+HAOA,4DAOA,gGAOA,+IASA,2HAQA,8EAMA,6GAOA,0DAMA,sDAKA,4EAOA,6MAaA,6EAKA,6HAQA,uDAMA,yJASA,2EAOA,uFAQA,kGAOA,8IASA,8CAIA,mFAOA,8HASA,+MAaA,+EAMA,8FAMA,kMASA,yNAaA,+EAKA,6GAQA,kHAQA,mEAKA,mEAKA,iEAMA,+EAQA,sNAaA,oGAKA,oDAIA,oDAIA,kDAIA,iDAIA,mCAIA,0DAMA,iHASA,wCAKA,uBACE,mDAIA,yDASF,sBACE,iDAKA,sDAKA,sDAKA,0CAKA,gCAIA,uDAQA,uCAIA,yCAIA,0CAIA,oDAQF,8JAWA,qJAcA,8IASA,oEAMA,mCACE,+EAIA","sources":["enhancedAdvanced.5367aac3.css","css/enhancedAdvanced.css"],"sourcesContent":[".advanced-dashboard {\n  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\n  border-radius: 16px;\n  max-width: 1400px;\n  margin: 20px auto;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 20px 40px #0000001a;\n}\n\n.dashboard-header {\n  color: #fff;\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  justify-content: space-between;\n  align-items: center;\n  padding: 20px 30px;\n  display: flex;\n}\n\n.dashboard-header h2 {\n  margin: 0;\n  font-size: 1.8em;\n  font-weight: 600;\n}\n\n.dashboard-controls {\n  gap: 12px;\n  display: flex;\n}\n\n.control-btn {\n  color: #fff;\n  cursor: pointer;\n  backdrop-filter: blur(10px);\n  background: #ffffff26;\n  border: 1px solid #ffffff4d;\n  border-radius: 8px;\n  padding: 8px 16px;\n  font-size: .9em;\n  transition: all .3s;\n}\n\n.control-btn:hover {\n  background: #ffffff40;\n  transform: translateY(-2px);\n}\n\n.dashboard-navigation {\n  background: #fff;\n  border-bottom: 1px solid #e2e8f0;\n  padding: 0 30px;\n}\n\n.tab-navigation {\n  gap: 0;\n  display: flex;\n}\n\n.tab-btn {\n  cursor: pointer;\n  color: #64748b;\n  background: none;\n  border: none;\n  border-bottom: 3px solid #0000;\n  padding: 16px 24px;\n  font-size: .95em;\n  font-weight: 500;\n  transition: all .3s;\n  position: relative;\n}\n\n.tab-btn:hover {\n  color: #3b82f6;\n  background: #3b82f60d;\n}\n\n.tab-btn.active {\n  color: #3b82f6;\n  background: #3b82f60d;\n  border-bottom-color: #3b82f6;\n}\n\n.dashboard-content {\n  min-height: 600px;\n  padding: 30px;\n}\n\n.tab-content {\n  animation: .4s ease-in-out fadeIn;\n  display: none;\n}\n\n.tab-content.active {\n  display: block;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.overview-grid {\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 24px;\n  display: grid;\n}\n\n.metric-panel, .chart-panel, .achievements-panel, .action-panel, .status-panel {\n  background: #fff;\n  border: 1px solid #e2e8f0;\n  border-radius: 12px;\n  padding: 24px;\n  transition: all .3s;\n  box-shadow: 0 4px 12px #0000000d;\n}\n\n.metric-panel:hover, .chart-panel:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px #0000001a;\n}\n\n.metrics-grid {\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n  margin-top: 16px;\n  display: grid;\n}\n\n.metric-card {\n  text-align: center;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid #e2e8f0;\n  border-radius: 10px;\n  padding: 20px;\n}\n\n.metric-value {\n  color: #1e293b;\n  margin-bottom: 8px;\n  font-size: 2.2em;\n  font-weight: 700;\n}\n\n.metric-label {\n  color: #64748b;\n  text-transform: uppercase;\n  letter-spacing: .5px;\n  font-size: .9em;\n}\n\n.analytics-grid {\n  flex-direction: column;\n  gap: 30px;\n  display: flex;\n}\n\n.analytics-section {\n  background: #fff;\n  border: 1px solid #e2e8f0;\n  border-radius: 12px;\n  padding: 30px;\n  box-shadow: 0 4px 12px #0000000d;\n}\n\n.analytics-controls {\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-bottom: 20px;\n  display: flex;\n}\n\n.analytics-btn {\n  color: #fff;\n  cursor: pointer;\n  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n  border: none;\n  border-radius: 8px;\n  padding: 10px 18px;\n  font-size: .9em;\n  transition: all .3s;\n  box-shadow: 0 2px 8px #3b82f64d;\n}\n\n.analytics-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 16px #3b82f666;\n}\n\n.chart-container {\n  background: #f8fafc;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  margin-top: 20px;\n  padding: 20px;\n  position: relative;\n}\n\n.stats-grid {\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 20px;\n  margin-top: 20px;\n  display: grid;\n}\n\n.stat-card {\n  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n  border: 1px solid #bae6fd;\n  border-radius: 10px;\n  padding: 20px;\n}\n\n.stat-card h4 {\n  color: #0c4a6e;\n  margin: 0 0 16px;\n  font-size: 1.1em;\n}\n\n.wellness-grid {\n  grid-template-rows: auto auto;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  display: grid;\n}\n\n.wellness-input-panel {\n  background: #fff;\n  border: 1px solid #e2e8f0;\n  border-radius: 12px;\n  grid-row: span 2;\n  padding: 30px;\n  box-shadow: 0 4px 12px #0000000d;\n}\n\n.wellness-form .form-section {\n  background: #f8fafc;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  margin-bottom: 24px;\n  padding: 20px;\n}\n\n.wellness-form .form-section h4 {\n  color: #1e293b;\n  margin: 0 0 16px;\n  font-size: 1.1em;\n}\n\n.wellness-form .input-group {\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n  display: flex;\n}\n\n.wellness-form label {\n  color: #374151;\n  flex: 1;\n  font-weight: 500;\n}\n\n.wellness-form input[type=\"range\"] {\n  flex: 2;\n  margin: 0 12px;\n}\n\n.range-value {\n  text-align: center;\n  color: #3b82f6;\n  min-width: 30px;\n  font-weight: 600;\n}\n\n.submit-btn {\n  color: #fff;\n  cursor: pointer;\n  background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n  border: none;\n  border-radius: 8px;\n  width: 100%;\n  padding: 12px 24px;\n  font-size: 1em;\n  font-weight: 500;\n  transition: all .3s;\n}\n\n.submit-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 16px #10b9814d;\n}\n\n.wellness-dashboard {\n  background: #fff;\n  border: 1px solid #e2e8f0;\n  border-radius: 12px;\n  padding: 24px;\n  box-shadow: 0 4px 12px #0000000d;\n}\n\n.wellness-scores {\n  gap: 16px;\n  margin-top: 16px;\n  display: flex;\n}\n\n.score-card {\n  text-align: center;\n  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n  border: 1px solid #f59e0b;\n  border-radius: 10px;\n  flex: 1;\n  padding: 20px;\n}\n\n.score-value {\n  color: #92400e;\n  margin-bottom: 8px;\n  font-size: 2em;\n  font-weight: 700;\n}\n\n.score-label {\n  color: #78350f;\n  text-transform: uppercase;\n  letter-spacing: .5px;\n  font-size: .9em;\n}\n\n.planning-grid {\n  grid-template-rows: auto auto;\n  grid-template-columns: 300px 1fr;\n  gap: 24px;\n  display: grid;\n}\n\n.plan-creation-panel {\n  background: #fff;\n  border: 1px solid #e2e8f0;\n  border-radius: 12px;\n  grid-row: span 2;\n  padding: 30px;\n  box-shadow: 0 4px 12px #0000000d;\n}\n\n.planning-form .form-group {\n  margin-bottom: 20px;\n}\n\n.planning-form label {\n  color: #374151;\n  margin-bottom: 8px;\n  font-weight: 500;\n  display: block;\n}\n\n.planning-form select {\n  background: #fff;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  width: 100%;\n  padding: 10px 12px;\n  font-size: .95em;\n}\n\n.generate-btn {\n  color: #fff;\n  cursor: pointer;\n  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n  border: none;\n  border-radius: 8px;\n  width: 100%;\n  padding: 14px 24px;\n  font-size: 1em;\n  font-weight: 500;\n  transition: all .3s;\n}\n\n.generate-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 16px #8b5cf64d;\n}\n\n.insights-grid {\n  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n  gap: 24px;\n  display: grid;\n}\n\n.ai-insights-panel, .performance-analysis-panel, .predictions-panel, .risk-assessment-panel {\n  background: #fff;\n  border: 1px solid #e2e8f0;\n  border-radius: 12px;\n  padding: 30px;\n  box-shadow: 0 4px 12px #0000000d;\n}\n\n.insights-btn {\n  color: #fff;\n  cursor: pointer;\n  background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);\n  border: none;\n  border-radius: 8px;\n  margin-bottom: 8px;\n  margin-right: 12px;\n  padding: 10px 18px;\n  font-size: .9em;\n  transition: all .3s;\n}\n\n.insights-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 16px #06b6d44d;\n}\n\n.insights-content {\n  background: #f8fafc;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  margin-top: 20px;\n  padding: 20px;\n}\n\n.insight-item {\n  background: #fff;\n  border-left: 4px solid #3b82f6;\n  border-radius: 6px;\n  margin-bottom: 8px;\n  padding: 12px 16px;\n}\n\n.insight-item.warning {\n  background: #fffbeb;\n  border-left-color: #f59e0b;\n}\n\n.insight-item.success {\n  background: #ecfdf5;\n  border-left-color: #10b981;\n}\n\n.insight-item.error {\n  background: #fef2f2;\n  border-left-color: #ef4444;\n}\n\n.notification-area {\n  z-index: 1000;\n  width: 320px;\n  position: fixed;\n  top: 20px;\n  right: 20px;\n}\n\n.notification {\n  background: #fff;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 12px;\n  padding: 16px;\n  animation: .3s ease-out slideInRight;\n  display: flex;\n  box-shadow: 0 8px 24px #00000026;\n}\n\n@keyframes slideInRight {\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.notification.success {\n  border-left: 4px solid #10b981;\n}\n\n.notification.warning {\n  border-left: 4px solid #f59e0b;\n}\n\n.notification.error {\n  border-left: 4px solid #ef4444;\n}\n\n.notification.info {\n  border-left: 4px solid #3b82f6;\n}\n\n.notification-icon {\n  font-size: 1.2em;\n}\n\n.notification-message {\n  color: #374151;\n  flex: 1;\n  font-size: .9em;\n}\n\n.notification-close {\n  cursor: pointer;\n  color: #9ca3af;\n  background: none;\n  border: none;\n  font-size: 1.2em;\n  transition: color .2s;\n}\n\n.notification-close:hover {\n  color: #374151;\n}\n\n@media (width <= 1200px) {\n  .overview-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .planning-grid, .wellness-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (width <= 768px) {\n  .dashboard-header {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .dashboard-controls {\n    justify-content: center;\n    width: 100%;\n  }\n\n  .tab-navigation {\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .tab-btn {\n    padding: 12px 16px;\n    font-size: .9em;\n  }\n\n  .dashboard-content {\n    padding: 20px;\n  }\n\n  .overview-grid, .metrics-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .wellness-scores {\n    flex-direction: column;\n  }\n\n  .insights-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .analytics-controls {\n    flex-direction: column;\n  }\n\n  .notification-area {\n    width: auto;\n    left: 20px;\n    right: 20px;\n  }\n}\n\n.control-btn:focus, .tab-btn:focus, .analytics-btn:focus, .submit-btn:focus, .generate-btn:focus, .insights-btn:focus {\n  outline-offset: 2px;\n  outline: 2px solid #3b82f6;\n}\n\n.loading-overlay {\n  z-index: 10;\n  background: #ffffffe6;\n  border-radius: 12px;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.loading-spinner {\n  border: 4px solid #e2e8f0;\n  border-top-color: #3b82f6;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  animation: 1s linear infinite spin;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@media (prefers-color-scheme: dark) {\n  .advanced-dashboard {\n    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);\n  }\n\n  .metric-panel, .chart-panel, .achievements-panel, .action-panel, .status-panel, .analytics-section, .wellness-input-panel, .wellness-dashboard, .plan-creation-panel, .ai-insights-panel, .performance-analysis-panel, .predictions-panel, .risk-assessment-panel, .notification {\n    color: #f1f5f9;\n    background: #1e293b;\n    border-color: #334155;\n  }\n}\n/*# sourceMappingURL=enhancedAdvanced.5367aac3.css.map */\n","/* Enhanced Advanced Features CSS */\r\n/* Sophisticated styling for next-level training intelligence */\r\n\r\n/* === ADVANCED DASHBOARD STYLES === */\r\n.advanced-dashboard {\r\n  max-width: 1400px;\r\n  margin: 20px auto;\r\n  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n  border-radius: 16px;\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.dashboard-header {\r\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n  color: white;\r\n  padding: 20px 30px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.dashboard-header h2 {\r\n  margin: 0;\r\n  font-size: 1.8em;\r\n  font-weight: 600;\r\n}\r\n\r\n.dashboard-controls {\r\n  display: flex;\r\n  gap: 12px;\r\n}\r\n\r\n.control-btn {\r\n  background: rgba(255, 255, 255, 0.15);\r\n  color: white;\r\n  border: 1px solid rgba(255, 255, 255, 0.3);\r\n  padding: 8px 16px;\r\n  border-radius: 8px;\r\n  font-size: 0.9em;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.control-btn:hover {\r\n  background: rgba(255, 255, 255, 0.25);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n/* === TAB NAVIGATION === */\r\n.dashboard-navigation {\r\n  background: white;\r\n  border-bottom: 1px solid #e2e8f0;\r\n  padding: 0 30px;\r\n}\r\n\r\n.tab-navigation {\r\n  display: flex;\r\n  gap: 0;\r\n}\r\n\r\n.tab-btn {\r\n  background: transparent;\r\n  border: none;\r\n  padding: 16px 24px;\r\n  font-size: 0.95em;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  border-bottom: 3px solid transparent;\r\n  transition: all 0.3s ease;\r\n  color: #64748b;\r\n  position: relative;\r\n}\r\n\r\n.tab-btn:hover {\r\n  color: #3b82f6;\r\n  background: rgba(59, 130, 246, 0.05);\r\n}\r\n\r\n.tab-btn.active {\r\n  color: #3b82f6;\r\n  border-bottom-color: #3b82f6;\r\n  background: rgba(59, 130, 246, 0.05);\r\n}\r\n\r\n/* === TAB CONTENT === */\r\n.dashboard-content {\r\n  padding: 30px;\r\n  min-height: 600px;\r\n}\r\n\r\n.tab-content {\r\n  display: none;\r\n  animation: fadeIn 0.4s ease-in-out;\r\n}\r\n\r\n.tab-content.active {\r\n  display: block;\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from { opacity: 0; transform: translateY(10px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n/* === OVERVIEW TAB === */\r\n.overview-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 24px;\r\n}\r\n\r\n.metric-panel, .chart-panel, .achievements-panel, \r\n.action-panel, .status-panel {\r\n  background: white;\r\n  border-radius: 12px;\r\n  padding: 24px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n  border: 1px solid #e2e8f0;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.metric-panel:hover, .chart-panel:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.metrics-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 16px;\r\n  margin-top: 16px;\r\n}\r\n\r\n.metric-card {\r\n  text-align: center;\r\n  padding: 20px;\r\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\r\n  border-radius: 10px;\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.metric-value {\r\n  font-size: 2.2em;\r\n  font-weight: 700;\r\n  color: #1e293b;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.metric-label {\r\n  font-size: 0.9em;\r\n  color: #64748b;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n/* === ANALYTICS TAB === */\r\n.analytics-grid {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 30px;\r\n}\r\n\r\n.analytics-section {\r\n  background: white;\r\n  border-radius: 12px;\r\n  padding: 30px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.analytics-controls {\r\n  display: flex;\r\n  gap: 12px;\r\n  margin-bottom: 20px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.analytics-btn {\r\n  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\r\n  color: white;\r\n  border: none;\r\n  padding: 10px 18px;\r\n  border-radius: 8px;\r\n  font-size: 0.9em;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);\r\n}\r\n\r\n.analytics-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.4);\r\n}\r\n\r\n.chart-container {\r\n  position: relative;\r\n  margin-top: 20px;\r\n  padding: 20px;\r\n  background: #f8fafc;\r\n  border-radius: 8px;\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 20px;\r\n  margin-top: 20px;\r\n}\r\n\r\n.stat-card {\r\n  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\r\n  border: 1px solid #bae6fd;\r\n  border-radius: 10px;\r\n  padding: 20px;\r\n}\r\n\r\n.stat-card h4 {\r\n  margin: 0 0 16px 0;\r\n  color: #0c4a6e;\r\n  font-size: 1.1em;\r\n}\r\n\r\n/* === WELLNESS TAB === */\r\n.wellness-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  grid-template-rows: auto auto;\r\n  gap: 24px;\r\n}\r\n\r\n.wellness-input-panel {\r\n  background: white;\r\n  border-radius: 12px;\r\n  padding: 30px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n  border: 1px solid #e2e8f0;\r\n  grid-row: span 2;\r\n}\r\n\r\n.wellness-form .form-section {\r\n  margin-bottom: 24px;\r\n  padding: 20px;\r\n  background: #f8fafc;\r\n  border-radius: 8px;\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.wellness-form .form-section h4 {\r\n  margin: 0 0 16px 0;\r\n  color: #1e293b;\r\n  font-size: 1.1em;\r\n}\r\n\r\n.wellness-form .input-group {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.wellness-form label {\r\n  font-weight: 500;\r\n  color: #374151;\r\n  flex: 1;\r\n}\r\n\r\n.wellness-form input[type=\"range\"] {\r\n  flex: 2;\r\n  margin: 0 12px;\r\n}\r\n\r\n.range-value {\r\n  min-width: 30px;\r\n  text-align: center;\r\n  font-weight: 600;\r\n  color: #3b82f6;\r\n}\r\n\r\n.submit-btn {\r\n  background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n  color: white;\r\n  border: none;\r\n  padding: 12px 24px;\r\n  border-radius: 8px;\r\n  font-size: 1em;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  width: 100%;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.submit-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);\r\n}\r\n\r\n.wellness-dashboard {\r\n  background: white;\r\n  border-radius: 12px;\r\n  padding: 24px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.wellness-scores {\r\n  display: flex;\r\n  gap: 16px;\r\n  margin-top: 16px;\r\n}\r\n\r\n.score-card {\r\n  flex: 1;\r\n  text-align: center;\r\n  padding: 20px;\r\n  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\r\n  border-radius: 10px;\r\n  border: 1px solid #f59e0b;\r\n}\r\n\r\n.score-value {\r\n  font-size: 2em;\r\n  font-weight: 700;\r\n  color: #92400e;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.score-label {\r\n  font-size: 0.9em;\r\n  color: #78350f;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n/* === PLANNING TAB === */\r\n.planning-grid {\r\n  display: grid;\r\n  grid-template-columns: 300px 1fr;\r\n  grid-template-rows: auto auto;\r\n  gap: 24px;\r\n}\r\n\r\n.plan-creation-panel {\r\n  background: white;\r\n  border-radius: 12px;\r\n  padding: 30px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n  border: 1px solid #e2e8f0;\r\n  grid-row: span 2;\r\n}\r\n\r\n.planning-form .form-group {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.planning-form label {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n  font-weight: 500;\r\n  color: #374151;\r\n}\r\n\r\n.planning-form select {\r\n  width: 100%;\r\n  padding: 10px 12px;\r\n  border: 1px solid #d1d5db;\r\n  border-radius: 6px;\r\n  font-size: 0.95em;\r\n  background: white;\r\n}\r\n\r\n.generate-btn {\r\n  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\r\n  color: white;\r\n  border: none;\r\n  padding: 14px 24px;\r\n  border-radius: 8px;\r\n  font-size: 1em;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  width: 100%;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.generate-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.3);\r\n}\r\n\r\n/* === INSIGHTS TAB === */\r\n.insights-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n  gap: 24px;\r\n}\r\n\r\n.ai-insights-panel, .performance-analysis-panel, \r\n.predictions-panel, .risk-assessment-panel {\r\n  background: white;\r\n  border-radius: 12px;\r\n  padding: 30px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.insights-btn {\r\n  background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);\r\n  color: white;\r\n  border: none;\r\n  padding: 10px 18px;\r\n  border-radius: 8px;\r\n  font-size: 0.9em;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  margin-right: 12px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.insights-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 16px rgba(6, 182, 212, 0.3);\r\n}\r\n\r\n.insights-content {\r\n  margin-top: 20px;\r\n  padding: 20px;\r\n  background: #f8fafc;\r\n  border-radius: 8px;\r\n  border: 1px solid #e2e8f0;\r\n}\r\n\r\n.insight-item {\r\n  padding: 12px 16px;\r\n  margin-bottom: 8px;\r\n  border-radius: 6px;\r\n  border-left: 4px solid #3b82f6;\r\n  background: white;\r\n}\r\n\r\n.insight-item.warning {\r\n  border-left-color: #f59e0b;\r\n  background: #fffbeb;\r\n}\r\n\r\n.insight-item.success {\r\n  border-left-color: #10b981;\r\n  background: #ecfdf5;\r\n}\r\n\r\n.insight-item.error {\r\n  border-left-color: #ef4444;\r\n  background: #fef2f2;\r\n}\r\n\r\n/* === NOTIFICATIONS === */\r\n.notification-area {\r\n  position: fixed;\r\n  top: 20px;\r\n  right: 20px;\r\n  z-index: 1000;\r\n  width: 320px;\r\n}\r\n\r\n.notification {\r\n  background: white;\r\n  border-radius: 8px;\r\n  padding: 16px;\r\n  margin-bottom: 12px;\r\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\r\n  border: 1px solid #e2e8f0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  animation: slideInRight 0.3s ease-out;\r\n}\r\n\r\n@keyframes slideInRight {\r\n  from { transform: translateX(100%); opacity: 0; }\r\n  to { transform: translateX(0); opacity: 1; }\r\n}\r\n\r\n.notification.success {\r\n  border-left: 4px solid #10b981;\r\n}\r\n\r\n.notification.warning {\r\n  border-left: 4px solid #f59e0b;\r\n}\r\n\r\n.notification.error {\r\n  border-left: 4px solid #ef4444;\r\n}\r\n\r\n.notification.info {\r\n  border-left: 4px solid #3b82f6;\r\n}\r\n\r\n.notification-icon {\r\n  font-size: 1.2em;\r\n}\r\n\r\n.notification-message {\r\n  flex: 1;\r\n  font-size: 0.9em;\r\n  color: #374151;\r\n}\r\n\r\n.notification-close {\r\n  background: none;\r\n  border: none;\r\n  font-size: 1.2em;\r\n  cursor: pointer;\r\n  color: #9ca3af;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.notification-close:hover {\r\n  color: #374151;\r\n}\r\n\r\n/* === RESPONSIVE DESIGN === */\r\n@media (max-width: 1200px) {\r\n  .overview-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .planning-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .wellness-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .dashboard-header {\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n  \r\n  .dashboard-controls {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .tab-navigation {\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .tab-btn {\r\n    padding: 12px 16px;\r\n    font-size: 0.9em;\r\n  }\r\n  \r\n  .dashboard-content {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .overview-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .metrics-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .wellness-scores {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .insights-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .analytics-controls {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .notification-area {\r\n    left: 20px;\r\n    right: 20px;\r\n    width: auto;\r\n  }\r\n}\r\n\r\n/* === ACCESSIBILITY ENHANCEMENTS === */\r\n.control-btn:focus,\r\n.tab-btn:focus,\r\n.analytics-btn:focus,\r\n.submit-btn:focus,\r\n.generate-btn:focus,\r\n.insights-btn:focus {\r\n  outline: 2px solid #3b82f6;\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* === LOADING STATES === */\r\n.loading-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 12px;\r\n  z-index: 10;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 4px solid #e2e8f0;\r\n  border-top: 4px solid #3b82f6;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% { transform: rotate(0deg); }\r\n  100% { transform: rotate(360deg); }\r\n}\r\n\r\n/* === DARK MODE SUPPORT === */\r\n@media (prefers-color-scheme: dark) {\r\n  .advanced-dashboard {\r\n    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);\r\n  }\r\n  \r\n  .metric-panel, .chart-panel, .achievements-panel,\r\n  .action-panel, .status-panel,\r\n  .analytics-section,\r\n  .wellness-input-panel, .wellness-dashboard,\r\n  .plan-creation-panel,\r\n  .ai-insights-panel, .performance-analysis-panel,\r\n  .predictions-panel, .risk-assessment-panel {\r\n    background: #1e293b;\r\n    border-color: #334155;\r\n    color: #f1f5f9;\r\n  }\r\n  \r\n  .notification {\r\n    background: #1e293b;\r\n    border-color: #334155;\r\n    color: #f1f5f9;\r\n  }\r\n}\r\n"],"names":[],"version":3,"file":"enhancedAdvanced.5367aac3.css.map"}