.detail-panel{width:var(--detail-panel-width);height:100%;background:var(--card-background);border-left:1px solid var(--border-color);box-shadow:var(--card-shadow);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.detail-panel:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#3b82f6,#8b5cf6,#06b6d4);z-index:1}.detail-header{padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--background-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.detail-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.detail-header h2:before{content:"";width:8px;height:8px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0}.detail-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 16px;background:var(--card-background);position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.detail-tabs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent)}.detail-tabs button{flex:1 1;padding:14px 8px;background-color:transparent;color:var(--text-primary);font-weight:600;font-size:.875rem;border:none;border-bottom:3px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;opacity:.6}.detail-tabs button:hover{color:var(--primary-color);background:var(--background-hover);opacity:.8}.detail-tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--primary-light);opacity:1}.detail-tabs button.active:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:20px;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:0 0 2px 2px}.detail-content{flex:1 1;overflow-y:auto;padding:20px;background:var(--background-primary);transition:background-color var(--transition-fast)}.detail-content::-webkit-scrollbar{width:6px}.detail-content::-webkit-scrollbar-track{background:transparent}.detail-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.detail-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.domain-details{height:100%}.goals-container,.insights-container,.preferences-container{display:flex;flex-direction:column;gap:15px}.insight-card{background-color:var(--card-background);border-radius:var(--border-radius);padding:15px;box-shadow:var(--card-shadow);border:1px solid var(--border-light);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.insight-card h4{margin-bottom:10px;color:var(--text-primary);font-size:1rem;font-weight:600}.metric-display{display:flex;align-items:baseline;margin-bottom:5px}.metric-value{font-size:2rem;font-weight:700;color:var(--primary-color)}.metric-unit{margin-left:5px;color:var(--text-secondary);font-size:.9rem}.metric-trend{margin-left:10px;font-weight:700}.trend-up{color:var(--success-color)}.trend-down{color:var(--error-color)}.trend-stable{color:var(--warning-color)}.metric-goal{color:var(--text-secondary);font-size:.9rem}.macro-chart{margin-top:10px}.macro-bar{height:20px;display:flex;border-radius:10px;overflow:hidden;margin-bottom:10px}.macro-segment{height:100%}.macro-segment.carbs{background-color:var(--nutrition-color)}.macro-segment.protein{background-color:var(--exercise-color)}.macro-segment.fat{background-color:var(--primary-color)}.macro-legend{display:flex;justify-content:space-between}.legend-item{display:flex;align-items:center;font-size:.8rem}.legend-color{width:12px;height:12px;border-radius:2px;margin-right:5px}.legend-color.carbs{background-color:var(--nutrition-color)}.legend-color.protein{background-color:var(--exercise-color)}.legend-color.fat{background-color:var(--primary-color)}.meal-list{display:flex;flex-direction:column;gap:10px}.meal-item{padding:8px 0;border-bottom:1px solid var(--border-color)}.meal-item:last-child{border-bottom:none}.meal-name{font-weight:600;margin-bottom:5px;font-size:.9rem}.meal-items{margin:0;padding-left:20px;font-size:.85rem}.activity-grid{display:flex;justify-content:space-between;margin-top:10px}.activity-day{width:30px;height:30px;border-radius:50%;background-color:var(--background-secondary);border:2px solid var(--border-color)}.activity-day.active{background-color:var(--exercise-color);border-color:var(--primary-dark)}.sleep-chart{display:flex;justify-content:space-between;align-items:flex-end;height:150px;margin-top:15px;padding-bottom:25px}.sleep-day{display:flex;flex-direction:column;align-items:center;width:40px}.sleep-bar-container{width:25px;height:100%;display:flex;align-items:flex-end}.sleep-bar{width:100%;border-radius:4px 4px 0 0}.sleep-bar.quality-excellent{background-color:var(--success-color)}.sleep-bar.quality-good{background-color:var(--sleep-color)}.sleep-bar.quality-fair{background-color:var(--warning-color)}.sleep-bar.quality-poor{background-color:var(--error-color)}.sleep-date{font-size:.7rem;margin-top:5px;color:var(--text-secondary)}.sleep-patterns{margin-bottom:15px}.pattern-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border-color)}.pattern-item:last-child{border-bottom:none}.pattern-label{font-weight:500}.pattern-label,.pattern-value{font-size:.9rem}.pattern-consistency{font-size:.8rem;color:var(--text-secondary)}.workout-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.workout-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--background-secondary);border-radius:var(--border-radius)}.workout-type{font-weight:600;font-size:.9rem}.workout-details{display:flex;flex-direction:column;align-items:flex-end;font-size:.8rem}.workout-duration{font-weight:500}.workout-date{color:var(--text-secondary)}.add-workout-btn{align-self:center;margin-top:5px;background-color:var(--exercise-color);color:white;padding:8px 15px;border-radius:var(--border-radius);font-size:.9rem}.suggestion-list{display:flex;flex-direction:column;gap:10px}.workout-suggestion{padding:10px;background-color:var(--background-secondary);border-radius:var(--border-radius)}.workout-suggestion h5{margin-bottom:5px;font-size:.9rem}.workout-suggestion p{font-size:.8rem;color:var(--text-secondary);margin-bottom:8px}.suggestion-action{font-size:.8rem;padding:5px 10px;color:var(--primary-color);border:1px solid var(--primary-color)}.goal-card,.suggestion-action{background-color:var(--card-background);border-radius:var(--border-radius)}.goal-card{padding:15px;box-shadow:var(--card-shadow);border:1px solid var(--border-light);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.goal-description{margin-bottom:10px;font-size:1rem}.goal-progress-container{display:flex;align-items:center;margin-bottom:10px}.goal-progress-bar{flex:1 1;height:8px;background-color:var(--background-secondary);border-radius:4px;overflow:hidden;margin-right:10px}.goal-progress-fill{height:100%;background-color:var(--success-color)}.goal-progress-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.goal-action-btn{font-size:.8rem;padding:5px 10px;background-color:var(--card-background);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);align-self:flex-end}.add-goal-btn{margin-top:5px;align-self:center;background-color:transparent;color:var(--primary-color);border:1px dashed var(--primary-color);padding:8px 15px;border-radius:var(--border-radius);font-size:.9rem}.preference-section{background:var(--card-background);border-radius:12px;padding:20px;box-shadow:var(--card-shadow);border:1px solid var(--border-light);margin-bottom:16px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.preference-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4)}.preference-section:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.preference-section h4{margin-bottom:16px;font-size:1.125rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.preference-section h4:before{content:attr(data-icon);font-size:1.25rem;background:linear-gradient(45deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preference-value{width:100%}.preference-value select{width:100%;padding:12px 16px;border-radius:8px;border:2px solid var(--border-light);background:var(--input-background);font-size:.875rem;font-weight:500;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.preference-value select:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px rgba(74,134,232,.1);background:var(--card-background)}.preference-value select:hover{border-color:var(--border-color)}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.preference-tag{display:flex;align-items:center;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));color:#3b82f6;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(59,130,246,.2);transition:all .2s ease;cursor:default}.preference-tag:hover{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.15));transform:translateY(-1px)}.remove-tag{background:none;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;padding:0 0 0 6px;line-height:1;transition:color .2s ease}.remove-tag:hover{color:#dc2626}.add-tag-input{border:2px dashed var(--border-color);padding:6px 12px;border-radius:20px;font-size:.75rem;background:var(--input-background);color:var(--text-primary);width:150px;transition:all .3s ease}.add-tag-input:focus{outline:none;border-color:var(--input-focus);border-style:solid;background:var(--card-background);box-shadow:0 0 0 3px rgba(74,134,232,.1)}.preference-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.save-preferences-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:white;padding:12px 24px;border-radius:8px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.save-preferences-btn:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.save-preferences-btn:active{transform:translateY(0)}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0;padding:12px;background:var(--background-secondary);border-radius:8px;border:1px solid var(--border-light)}.toggle-switch{position:relative;display:inline-block;width:56px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border-color);border-radius:28px;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{content:"";height:20px;width:20px;left:4px;bottom:4px;background:var(--card-background);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}input:checked+.toggle-slider{background:var(--primary-color)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--sleep-color)}input:checked+.toggle-slider:before{transform:translateX(28px);background:var(--text-inverse)}.toggle-label{font-size:.875rem;font-weight:600;color:var(--text-primary);flex:1 1}.reminder-time{margin-top:10px;display:flex;align-items:center;gap:10px;font-size:.9rem}.reminder-time input{padding:5px}.log-sleep-btn{background-color:var(--sleep-color);color:white;width:100%;padding:8px 0;border-radius:var(--border-radius);font-weight:500;margin-top:15px}.domain-activity{display:flex;flex-direction:column;gap:10px}.domain-summary{background:linear-gradient(135deg,rgba(248,250,252,.8),rgba(241,245,249,.8))!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(226,232,240,.8)!important}.enhanced-domain-preferences{margin-bottom:20px;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.enhanced-domain-preferences .preferencesContainer{border-radius:0;box-shadow:none}.preference-debug{position:fixed;top:10px;right:10px;background:rgba(0,0,0,.8);color:white;padding:10px;border-radius:8px;font-family:monospace;font-size:12px;z-index:9999;max-width:300px;word-break:break-all}.activity-item{display:flex;align-items:center}.domain-label{width:120px;font-size:.9rem}.activity-bar{flex:1 1;height:10px;background-color:var(--background-secondary);border-radius:5px;overflow:hidden}.activity-fill{height:100%;background-color:var(--primary-color)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state h4{color:var(--text-primary);margin-bottom:8px}.empty-state p{margin-bottom:16px;font-size:.875rem}.diet-type-display{margin:8px 0}.diet-type-badge{padding:6px 12px;background:var(--primary-light);color:var(--primary-color);border-radius:16px;font-size:.875rem;font-weight:600;border:1px solid var(--primary-color)}.restrictions-list{margin-top:12px}.restrictions-list h5{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.restriction-tag{display:inline-block;margin:2px 4px 2px 0;padding:4px 8px;background:rgba(220,38,38,.1);color:var(--error-color);border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid var(--error-color)}.more-restrictions{color:var(--text-tertiary);font-size:.75rem;font-style:italic}.if-status{margin:8px 0}.if-indicator{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.if-indicator.active{background:rgba(52,168,83,.1);color:var(--success-color);border:1px solid var(--success-color)}.if-indicator.inactive{background:var(--background-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.if-window{margin-top:8px;font-size:.875rem;color:var(--text-primary)}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:12px;gap:12px;margin-top:8px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--background-secondary);border-radius:8px;border:1px solid var(--border-light)}.stat-label{font-size:.625rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}[data-theme=dark] .stat-label{color:#9aa0a6}.stat-value{font-size:.875rem;font-weight:700;color:var(--text-primary)}[data-theme=dark] .stat-value{color:#e8eaed}.trends-list{list-style:none;padding:0;margin:8px 0 0}.trend-item{padding:6px 0;font-size:.875rem;color:var(--text-primary);border-bottom:1px dashed var(--border-light)}.trend-item:last-child{border-bottom:none}.goal-target-date{font-size:.75rem;color:var(--text-secondary);margin-top:8px}.environment-settings{display:flex;flex-direction:column;gap:6px;margin-top:8px}.environment-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.environment-label{color:var(--text-primary);font-weight:500;text-transform:capitalize}.environment-value{font-weight:600}.environment-value.enabled{color:var(--success-color)}.environment-value.disabled{color:var(--error-color)}.challenges-list{list-style:none;padding:0;margin:8px 0 0}.challenge-item{padding:6px 0;font-size:.875rem;color:var(--error-color);border-bottom:1px dashed rgba(220,38,38,.3)}.challenge-item:last-child{border-bottom:none}.simple-vertical{display:flex;flex-direction:column;gap:12px;margin-top:12px;font-size:.9rem;color:var(--text-primary)}[data-theme=dark] .simple-vertical{color:#e8eaed}[data-theme=dark] .simple-vertical strong{color:#ffffff;font-weight:700}.today-highlight{color:var(--primary-color);font-weight:600}[data-theme=dark] .today-highlight{color:#8ab4f8}[data-theme=dark] .today-highlight strong{color:#c2e0ff}