@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#10b981;--color-primary-light:#34d399;--color-primary-dark:#059669;--color-primary-bg:#10b98114;--color-primary-glow:#10b98159;--color-accent:#6366f1;--color-accent-light:#818cf8;--color-accent-bg:#6366f114;--color-accent-glow:#6366f159;--color-protein:#818cf8;--color-carbs:#fbbf24;--color-fat:#f87171;--color-success:#22c55e;--color-success-bg:#22c55e1a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--color-bg-primary:#f8f9fc;--color-bg-secondary:#f1f3f8;--color-bg-tertiary:#e9ecf4;--color-bg-elevated:#fff;--color-border:#00000012;--color-border-hover:#00000021;--color-border-glow:#0000000d;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--glass-bg:#ffffffa6;--glass-border:#ffffff80;--glass-blur:24px;--glass-shadow:0 8px 32px #0000000f;--glass-highlight:inset 0 1px 0 #ffffffe6;--gradient-main:linear-gradient(135deg, #10b981, #6366f1);--gradient-warm:linear-gradient(135deg, #f59e0b, #ef4444);--gradient-cool:linear-gradient(135deg, #3b82f6, #6366f1);--gradient-card:linear-gradient(145deg, var(--glass-bg), #fff3);--gradient-glow:radial-gradient(ellipse at center, var(--color-primary-glow), transparent 70%);--font-display:"Outfit", sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-2xs:.625rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-size-5xl:4rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.15;--line-height-snug:1.3;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:30px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 4px #0000000f, 0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 6px #0000000a;--shadow-lg:0 12px 32px #0000001a, 0 4px 12px #0000000f;--shadow-xl:0 24px 48px #0000001f;--shadow-glow:0 0 24px var(--color-primary-glow);--shadow-glow-accent:0 0 24px var(--color-accent-glow);--transition-fast:.12s ease;--transition-base:.22s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.175, .885, .32, 1.275);--ease-spring:cubic-bezier(.175, .885, .32, 1.1);--ease-expo:cubic-bezier(.19, 1, .22, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-navbar:1000;--z-modal:2000;--z-toast:3000;--navbar-height:68px;--content-max-width:1300px;--content-padding:clamp(1rem, 3vw, 2rem)}[data-theme=dark]{--color-bg-primary:#080810;--color-bg-secondary:#0f0f1a;--color-bg-tertiary:#161625;--color-bg-elevated:#141423cc;--color-border:#ffffff0f;--color-border-hover:#ffffff1f;--color-border-glow:#ffffff08;--color-text-primary:#f1f2f6;--color-text-secondary:#9ca3af;--color-text-tertiary:#4b5563;--color-text-inverse:#09090b;--glass-bg:#0f0f1ab3;--glass-border:#ffffff0d;--glass-shadow:0 12px 40px #00000080;--glass-highlight:inset 0 1px 0 #ffffff0a;--gradient-card:linear-gradient(145deg, #141423cc, #0c0c16f2);--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 4px #0006, 0 2px 8px #0000004d;--shadow-md:0 4px 16px #00000080, 0 2px 6px #00000059;--shadow-lg:0 12px 32px #0009, 0 4px 12px #0006;--shadow-xl:0 24px 48px #000000b3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-normal);transition:background-color .4s var(--ease-expo), color .4s var(--ease-expo);position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-display{font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:-.025em;line-height:var(--line-height-tight)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}body:before,body:after{content:"";filter:blur(160px);z-index:-1;pointer-events:none;border-radius:50%;width:60vw;height:60vw;animation:26s infinite alternate floatAmbient;position:fixed}body:before{background:var(--color-primary-light);opacity:.14;top:-28%;left:-18%}body:after{background:var(--color-accent-light);opacity:.11;animation-delay:-13s;bottom:-28%;right:-18%}[data-theme=dark] body:before{background:var(--color-primary);opacity:.07}[data-theme=dark] body:after{background:var(--color-accent);opacity:.05}@keyframes floatAmbient{0%{transform:translate(0)scale(1)}33%{transform:translate(5%,5%)scale(1.1)}66%{transform:translate(-4%,7%)scale(.9)}to{transform:translate(1%,-5%)scale(1.05)}}.page-title{font-size:clamp(1.6rem,3vw,2.25rem);font-family:var(--font-display);font-weight:var(--font-weight-black);letter-spacing:-.03em;background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-2);line-height:var(--line-height-relaxed)}.gradient-text{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.ml-auto{margin-left:auto}.ml-2{margin-left:var(--space-2)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-highlight);border-radius:var(--radius-xl);transition:transform .3s var(--ease-expo), box-shadow .3s var(--ease-expo), border-color .3s}.glass-panel:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg), var(--glass-highlight);transform:translateY(-2px)}[data-theme=dark] .glass-panel:hover{box-shadow:var(--shadow-lg), var(--glass-highlight);border-color:#ffffff1a}.section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:2px;color:var(--color-text-tertiary)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-primary-glow)}50%{box-shadow:0 0 40px var(--color-primary-glow), 0 0 60px var(--color-accent-glow)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.navbar{width:100%;z-index:var(--z-navbar);-webkit-backdrop-filter:blur(40px)saturate(150%);background:#fff9;border-bottom:1px solid #fff6;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;box-shadow:0 4px 30px #00000005}[data-theme=dark] .navbar{background:#0a0c128c;border-bottom:1px solid #ffffff0d;box-shadow:0 4px 30px #0000004d}.navbar-scrolled{background:#ffffffd9;box-shadow:0 8px 32px #0000000f}[data-theme=dark] .navbar-scrolled{background:#080a0fbf;border-bottom:1px solid #ffffff1a;box-shadow:0 12px 40px #00000080}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;height:72px;margin:0 auto;padding:0 24px;transition:height .4s;display:flex}.navbar-scrolled .navbar-container{height:60px}.navbar-logo{flex-shrink:0;align-items:center;margin-right:24px;text-decoration:none;display:flex}.logo-text{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.04em;align-items:baseline;font-size:1.6rem;font-weight:900;display:flex}.logo-ai{background:linear-gradient(135deg, var(--color-primary), var(--color-accent), var(--color-primary));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-weight:800;animation:4s linear infinite shine-gradient}@keyframes shine-gradient{to{background-position:200%}}.navbar-links{flex:1;align-items:center;gap:4px;height:100%;display:flex}.nav-link{color:var(--color-text-secondary);font-size:.95rem;font-weight:500;font-family:var(--font-sans);height:100%;transition:color .3s var(--ease-smooth);white-space:nowrap;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:flex;position:relative}.nav-link:hover{color:var(--color-text-primary)}.nav-link.active{color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow);font-weight:600}[data-theme=dark] .nav-link.active{color:#fff;text-shadow:0 0 10px #ffffff4d}.nav-indicator{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));z-index:2;height:3px;box-shadow:0 -3px 12px var(--color-primary-glow);border-radius:4px 4px 0 0;position:absolute;bottom:0;left:0;right:0}.nav-hover-bg{border-radius:var(--radius-lg);z-index:-1;background:#0000000a;position:absolute;inset:12px 4px}[data-theme=dark] .nav-hover-bg{background:#ffffff0d}.navbar-actions{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.theme-toggle,.logout-button,.mobile-menu-btn{border-radius:var(--radius-lg);width:42px;height:42px;color:var(--color-text-secondary);transition:all .3s var(--ease-spring);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.theme-toggle:hover,.mobile-menu-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border);transform:translateY(-2px)}.logout-button:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:#ef44444d;transform:translateY(-2px)}.desktop-only{display:flex}.mobile-only{display:none}.mobile-menu{-webkit-backdrop-filter:blur(32px)saturate(200%);background:#fffffff2;border-bottom:1px solid #fff9;padding:16px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 24px 64px #0000001a}[data-theme=dark] .mobile-menu{background:#0a0c12f2;border-bottom:1px solid #ffffff1a;box-shadow:0 24px 64px #0009}.mobile-menu-links{flex-direction:column;gap:8px;display:flex}.mobile-nav-link{color:var(--color-text-secondary);border-radius:var(--radius-xl);transition:all .2s var(--ease-smooth);background:0 0;align-items:center;gap:16px;padding:16px 20px;font-size:1.05rem;font-weight:600;text-decoration:none;display:flex}.mobile-nav-link:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);transform:translate(8px)}.mobile-nav-link.active{color:var(--color-primary);background:var(--color-bg-tertiary);border-left:4px solid var(--color-primary)}[data-theme=dark] .mobile-nav-link.active{background:#ffffff0d}@media (width<=900px){.desktop-only{display:none}.mobile-only{display:flex}.navbar-container{padding:0 16px}}.layout{flex-direction:column;min-height:100vh;display:flex}.main-content{width:100%;max-width:var(--content-max-width);padding:calc(var(--navbar-height) + var(--space-10)) var(--content-padding) var(--space-10);flex-direction:column;flex:1;margin:0 auto;display:flex}@media (width<=640px){.main-content{padding-left:var(--space-4);padding-right:var(--space-4);padding-top:calc(var(--navbar-height) + var(--space-8))}}.input-container{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{left:var(--space-3);color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex;position:absolute}.input-field,.input-select{width:100%;height:44px;padding:0 var(--space-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.input-field.has-icon{padding-left:calc(var(--space-8) + var(--space-1))}.input-field:focus,.input-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.input-field.is-error,.input-select.is-error{border-color:var(--color-danger)}.input-field.is-error:focus,.input-select.is-error:focus{box-shadow:0 0 0 3px var(--color-danger-bg)}.input-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}[data-theme=dark] .input-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.input-error-text{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:2px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%}.btn-spinner{animation:1s linear infinite spin}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--font-size-xs)}.btn-md{height:40px;padding:0 var(--space-4);font-size:var(--font-size-sm)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--font-size-base)}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-primary);background-color:#0000}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-bg)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.auth-container{background:linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.auth-wrapper{perspective:1000px;width:100%;max-width:440px}.auth-card{background:var(--color-bg-primary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;width:100%;padding:2.5rem 2rem;box-shadow:0 10px 30px #00000014,0 1px 3px #0000000d}.auth-header{text-align:center;margin-bottom:2rem}.auth-brand{color:var(--color-primary);letter-spacing:-.5px;background:linear-gradient(135deg, var(--color-primary), #3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.2rem;font-weight:800;display:inline-block}.auth-header h2{text-align:center;color:var(--color-text-primary);margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.auth-header .auth-subtitle{color:var(--color-text-secondary);margin:0;font-size:.95rem}.auth-message{text-align:center;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;line-height:1.5;overflow:hidden}.auth-message.success{color:#059669;background-color:#10b9811a;border:1px solid #10b98133}.auth-message.error{color:#dc2626;background-color:#ef44441a;border:1px solid #ef444433}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{text-align:left;flex-direction:column;display:flex}.form-group label{color:var(--color-text-secondary);margin-bottom:.4rem;font-size:.9rem;font-weight:500;display:block}.auth-input{border:1px solid var(--color-border);background:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);border-radius:10px;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.auth-input:focus{border-color:var(--color-primary);background:var(--color-bg-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.auth-submit-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:600;transition:background-color .2s}.auth-submit-btn:hover{background:#2563eb}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-switch-container{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem}.auth-switch{text-align:center;color:var(--color-text-secondary);font-size:.95rem}.switch-btn{color:var(--color-primary);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;margin:0;padding:0 .25rem;transition:color .2s}.switch-btn:hover{color:#2563eb;text-decoration:underline}@media (width<=480px){.auth-card{box-shadow:none;background:0 0;border:none;border-radius:16px;padding:2rem 1.5rem}}