:root{--color-primary: #667eea;--color-primary-dark: #5a67d8;--color-secondary: #764ba2;--color-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-gradient-hover: linear-gradient(135deg, #5a67d8 0%, #6b4190 100%);--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-text-primary: #1a1a2e;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-card: 0 2px 8px rgba(102, 126, 234, .08);--shadow-card-hover: 0 12px 24px rgba(102, 126, 234, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--color-text-primary)}p{color:var(--color-text-secondary)}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-base)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);background-color:var(--color-bg-secondary)}input:hover,select:hover,textarea:hover{border-color:var(--color-primary)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea26}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}.animate-scale-in{animation:scaleIn .2s ease-out forwards}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border-light) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.gradient-text{background:var(--color-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}::selection{background:#667eea33;color:var(--color-text-primary)}.aspect-video{aspect-ratio:16 / 9}.aspect-square{aspect-ratio:1 / 1}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width: 640px){.container{padding:0 var(--spacing-md)}}.responsive-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.responsive-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.responsive-content-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--spacing-lg);align-items:stretch}.responsive-averages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media (max-width: 1024px){.responsive-content-grid{grid-template-columns:1fr}.responsive-grid-4,.responsive-averages-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.responsive-grid-2{grid-template-columns:1fr}.responsive-grid-4,.responsive-averages-grid{grid-template-columns:repeat(2,1fr)}.responsive-content-grid{grid-template-columns:1fr}}.page-header-responsive{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-md)}@media (max-width: 640px){.page-header-responsive{flex-direction:column;align-items:stretch}.page-header-responsive>*:last-child{justify-content:center}}.chart-footer-responsive{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}@media (max-width: 768px){.chart-footer-responsive{flex-direction:column;align-items:flex-start}}.meal-plan-grid{display:grid;gap:var(--spacing-md);overflow-x:auto}@media (max-width: 768px){.meal-plan-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){.hide-mobile{display:none!important}}@media (min-width: 641px){.hide-desktop{display:none!important}}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:32px}.header-nav{display:flex;align-items:center;gap:8px}.header-right{display:flex;align-items:center;gap:16px}.nav-link-text,.user-name,.logout-text{display:inline}@media (max-width: 900px){.header-left{gap:16px}.header-nav{gap:4px}.nav-link-text{display:none}}@media (max-width: 768px){.header-right{gap:8px}.user-name,.logout-text{display:none}}@media (max-width: 480px){.header-container{padding:0 12px}.logo-text{display:none}}