*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}.container2{max-width:1200px;margin:0 auto;padding:20px}.container3{max-width:1200px;margin:0 auto}.app{min-height:100vh;display:flex;flex-direction:column}h1{font-size:2.5rem;margin-bottom:10px;color:#2e7d32;text-align:center}.subtitle{text-align:center;color:#666;max-width:1400px;margin:0 auto;padding:20px}.navbar{background-color:#2e7d32;color:#fff;padding:15px 20px;position:sticky;top:0;z-index:999}.nav-container{max-width:85vw;margin:auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700}.nav-links{display:flex;gap:20px;justify-content:space-between;list-style:none}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:#b2dfdb}.menu-icon{display:none;cursor:pointer}.menu-icon svg{width:30px;height:30px;fill:#fff}.search-form{display:flex;max-width:700px;margin:0 auto;padding:20px}.search-input{flex:1;padding:12px 15px;border:2px solid #ccc;border-radius:25px 0 0 25px;font-size:1rem;outline:none}.search-input:focus{border-color:#2e7d32}.search-button{padding:12px 20px;background-color:#2e7d32;color:#fff;border:none;border-radius:0 25px 25px 0;cursor:pointer;font-size:1rem;transition:background-color .3s}.search-button:hover{background-color:#1b5e20}.loading,.error{text-align:center;padding:20px;margin-top:20px}.error{color:#d32f2f;background-color:#ffebee;border-radius:5px}.initial-state{text-align:center;margin-top:40px}.initial-state h2{font-size:1.8rem;margin-bottom:20px;color:#455a64}.food-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.food-suggestion{background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:15px 25px;cursor:pointer;transition:all .3s}.food-suggestion:hover{background-color:#f1f8e9;transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.food-details{background-color:#fff;border-radius:10px;padding:25px;box-shadow:0 5px 15px #0000000d;max-width:1200px;width:100%;margin:0 auto}.food-details h2{font-size:2rem;color:#2e7d32;margin-bottom:20px;text-transform:capitalize}.food-header{display:flex;margin-bottom:30px;gap:30px}.food-image{width:250px;height:250px;border-radius:10px;overflow:hidden;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.food-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{color:#9e9e9e;text-align:center}.main-nutrition{flex:1;display:flex;flex-direction:column;justify-content:space-between}.nutrition-item{display:flex;justify-content:space-between;padding:15px;background-color:#f5f7fa;border-radius:8px;margin-bottom:10px}.nutrition-item.highlight{background-color:#e8f5e9;color:#2e7d32;font-weight:700;font-size:1.1rem}.value{font-weight:700}.nutrition-details h3{margin-bottom:20px;color:#455a64;font-size:1.5rem}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.nutrition-category{padding:15px;background-color:#f5f7fa;border-radius:8px}.nutrition-category h4{margin-bottom:15px;color:#2e7d32;border-bottom:1px solid #ddd;padding-bottom:5px}.nutrition-subitem{display:flex;justify-content:space-between;margin-bottom:8px}@media (max-width: 768px){.food-header{flex-direction:column;align-items:center}.food-image{width:100%;max-width:300px;height:300px}.menu-icon{display:block}.nav-links{position:absolute;top:60px;right:0;background-color:#2e7d32;flex-direction:column;align-items:center;width:100%;display:none;padding:1rem 0}.nav-links.active{display:flex}.nav-links a{padding:10px 0;width:100%;text-align:center}}.form-page{padding:40px 20px;max-width:600px;margin:0 auto;text-align:center}.food-form{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:left}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px}.submit-btn{background-color:#2e7d32;color:#fff;padding:10px 25px;font-size:16px;border:none;border-radius:8px;cursor:pointer}.submit-btn:hover{background-color:#25642a}.nutriscan-footer{background-color:#2e7d32;color:#fff;padding:30px 20px;font-family:Segoe UI,sans-serif}.footer-top{text-align:center;font-size:14px;margin-bottom:20px}.footer-columns{display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:20px}.footer-column{display:flex;flex-direction:column;min-width:150px;margin:10px}.footer-column a{color:#fff;text-decoration:none;margin:6px 0;font-size:14px}.footer-column a:hover{text-decoration:underline}.footer-bottom{text-align:center;font-size:13px;opacity:.85;border-top:1px solid rgba(255,255,255,.2);padding-top:15px}.about-container{background-color:#f8fafc;min-height:100vh;padding:2rem;font-family:Segoe UI,sans-serif}.about-title{text-align:center;color:#2f855a;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.about-description{text-align:center;font-size:1.1rem;max-width:1200px;margin:0 auto;color:#4a5568}.about-content{max-width:90vw;margin:3rem auto;padding:1rem}.about-section{margin-bottom:2rem}.about-section h2{color:#2f855a;font-size:1.6rem;margin-bottom:.5rem}.about-section ul{padding-left:1.5rem;color:#4a5568;font-size:1rem}.about-section li{margin-bottom:.5rem}.about-section p{font-size:1rem;color:#4a5568;line-height:1.6}.contact-container{max-width:90vw;margin:2rem auto;padding:2rem;background-color:#f8fafc;border-radius:8px;box-shadow:0 0 10px #0000000d}.contact-title{text-align:center;font-size:2rem;color:#2f855a;margin-bottom:.5rem}.contact-subtitle{text-align:center;font-size:1rem;color:#4a5568;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.2rem;max-width:600px;margin:auto}.contact-form label{display:flex;flex-direction:column;font-weight:500;color:#2d3748}.contact-form input,.contact-form textarea{padding:.8rem;border:1px solid #cbd5e0;border-radius:5px;font-size:1rem;margin-top:.4rem}.contact-form button{background-color:#2f855a;color:#fff;padding:.8rem;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.contact-form button:hover{background-color:#276749}@media (max-width: 768px){.contact-container{padding:1rem}.contact-title{font-size:1.5rem}}.login-container{max-width:400px;margin:100px auto;padding:30px;border:1px solid #ccc;border-radius:10px;background:#fdfdfd;box-shadow:0 0 10px #0000001a}.login-title{text-align:center;margin-bottom:20px;color:#333}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:700}.login-button{padding:12px;background-color:#007bff;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer;margin-top:10px;transition:background-color .2s ease-in-out}.login-button:hover{background-color:#0056b3}.signup-container{max-width:450px;margin:100px auto;padding:30px;border:1px solid #ccc;border-radius:10px;background:#fefefe;box-shadow:0 0 10px #00000014}.signup-title{text-align:center;margin-bottom:20px;color:#222}.signup-form{display:flex;flex-direction:column}.form-group{margin-bottom:16px;display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-weight:600}.form-group input{padding:10px;border:1px solid #aaa;border-radius:5px;font-size:1rem}.signup-button{padding:12px;background-color:#28a745;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer;margin-top:10px;transition:background-color .2s ease-in-out}.signup-button:hover{background-color:#218838}.login-button{background-color:#fff;color:#000;padding:12px 24px;font-weight:600;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease-in-out}.login-button:hover{background-color:#f5f5f5}.login-button a{color:#000;text-decoration:none}.signup-container{max-width:420px;margin:60px auto;padding:40px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00800033;border:2px solid #4CAF50}.signup-title{text-align:center;font-size:28px;margin-bottom:25px;color:#2e7d32}.signup-form .form-group{margin-bottom:20px}.signup-form label{display:block;margin-bottom:8px;color:#2e7d32;font-weight:700}.signup-form input{width:100%;padding:10px 12px;border:2px solid #a5d6a7;border-radius:8px;outline:none;font-size:16px;transition:border-color .3s}.signup-form input:focus{border-color:#388e3c}.signup-button{width:100%;padding:12px;background-color:#4caf50;color:#fff;font-size:18px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s}.signup-button:hover{background-color:#388e3c}.signup-Link{text-align:center;margin:10px 0;text-decoration:none}a{text-decoration:none;color:#2e7d32}.profile-container{position:relative;display:flex;align-items:center;margin-left:10px}.profile-circle{width:40px;height:40px;background-color:#fff2;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;cursor:pointer;font-size:18px;border:1px solid #ffffff44}.dropdown-menu{position:absolute;top:50px;right:0;background-color:#222;color:#fff;border:1px solid #444;border-radius:8px;padding:10px;z-index:1000;display:flex;flex-direction:column;gap:10px;width:120px}.dropdown-menu a,.dropdown-menu button{color:#fff;text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;font-size:14px}.dropdown-menu a:hover,.dropdown-menu button:hover{color:#0fc}.store-container{margin-top:1rem;padding:1rem}.store-title{font-size:1.5rem;font-weight:700;text-align:center;margin-top:1rem;color:green}.no-food{text-align:center;margin-top:1rem;color:#d1d5db}.food-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem;margin-top:.5rem}@media (min-width: 768px){.food-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.food-grid{grid-template-columns:repeat(3,1fr)}}.food-card{background-color:#1f2937;color:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:box-shadow .3s ease}.food-card:hover{box-shadow:0 4px 12px #0000004d}.food-header{display:flex;align-items:center;gap:1rem}.food-image2{width:5rem;height:5rem;border-radius:9999px;object-fit:cover;border:1px solid #4b5563}.food-info2 h3{font-size:1.125rem;font-weight:600}.food-info2 p{font-size:.875rem;color:#9ca3af}.food-details2{margin-top:1rem;border-top:1px solid #4b5563;padding-top:1rem;font-size:.875rem;color:#d1d5db}.footer2{margin-top:10px}.profile-page-container{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#fff);padding:2rem 0}.profile-main-container{max-width:1200px;margin:0 auto;padding:0 1rem}.profile-header-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #dcfce7;margin-bottom:2rem;overflow:hidden}.profile-header-gradient{height:8rem;background:linear-gradient(90deg,#4ade80,#16a34a)}.profile-header-content{display:flex;flex-direction:column;gap:1rem;padding:1rem;margin-top:20px}@media (min-width: 640px){.profile-header-content{flex-direction:row;align-items:center}}.profile-header-flex{display:flex;flex-direction:column;align-items:center;margin-top:-4rem;position:relative}@media (min-width: 640px){.profile-header-flex{flex-direction:row;align-items:center;justify-content:flex-start}}.profile-avatar-container{position:relative;margin-bottom:1rem}@media (min-width: 640px){.profile-avatar-container{margin-bottom:0}}.profile-avatar{width:8rem;height:8rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:700;color:#16a34a;border:4px solid white;box-shadow:0 4px 6px #0000001a}.profile-camera-btn{position:absolute;bottom:.5rem;right:.5rem;background:#16a34a;color:#fff;padding:.5rem;border-radius:50%;border:none;cursor:pointer;transition:background-color .3s ease}.profile-camera-btn:hover{background:#15803d}.profile-info-section{flex:1;margin-top:1rem;text-align:center}@media (min-width: 640px){.profile-info-section{margin-left:1.5rem;margin-top:0;text-align:left}}.profile-edit-inputs{display:flex;flex-direction:column;gap:.75rem}.profile-name-input,.profile-email-input{font-size:1.5rem;font-weight:700;color:#000;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:.5rem .75rem;outline:none;transition:all .3s ease}.profile-name-input:focus,.profile-email-input:focus{range:2px solid #16a34a;border-color:#16a34a}.profile-email-input{font-size:1rem;font-weight:400;color:#6b7280}.profile-name-display{font-size:1.875rem;font-weight:700;color:#000;margin:0}.profile-email-display{color:#6b7280;margin:.25rem 0 0;display:flex;align-items:center;justify-content:center}@media (min-width: 640px){.profile-email-display{justify-content:flex-start}}.profile-email-icon{width:1rem;height:1rem;margin-right:.5rem}.profile-actions{display:flex;gap:.75rem;margin-top:1rem}@media (min-width: 640px){.profile-actions{margin-top:0}}.profile-btn{padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;text-decoration:none}.profile-btn-green{margin-left:550px;background:#16a34a;color:#fff}.profile-btn-green:hover{background:#15803d}.profile-btn-gray{background:#6b7280;color:#fff}.profile-btn-gray:hover{background:#4b5563}.profile-btn-red{background:#ef4444;color:#fff}.profile-btn-red:hover{background:#dc2626}.profile-btn-icon{width:1rem;height:1rem}.profile-stats-container{margin-bottom:2rem}.profile-stats-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #dcfce7;padding:1.5rem;transition:box-shadow .3s ease}.profile-stats-card:hover{box-shadow:0 4px 6px #0000001a}.profile-stats-content{display:flex;align-items:center;justify-content:space-between}.profile-stats-text h4{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .25rem}.profile-stats-value{font-size:1.5rem;font-weight:700;color:#000;margin:0}.profile-stats-icon-container{background:#dcfce7;padding:.75rem;border-radius:.5rem}.profile-stats-icon{width:1.5rem;height:1.5rem;color:#16a34a}.profile-tabs-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #dcfce7}.profile-tabs-nav{border-bottom:1px solid #dcfce7;padding:0 2rem;display:flex;gap:2rem}.profile-tab-btn{padding:1rem .5rem;border:none;background:none;font-weight:500;font-size:.875rem;text-transform:capitalize;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;color:#6b7280}.profile-tab-btn:hover{color:#374151;border-bottom-color:#d1d5db}.profile-tab-btn.active{border-bottom-color:#16a34a;color:#16a34a}.profile-tabs-content{padding:2rem}.profile-overview-section{margin-bottom:1.5rem}.profile-overview-title{font-size:1.125rem;font-weight:600;color:#000;margin:0 0 1rem}.profile-overview-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.profile-overview-grid{grid-template-columns:1fr 1fr}}.profile-overview-column{display:flex;flex-direction:column;gap:1rem}.profile-info-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #dcfce7}.profile-info-label{font-weight:500;color:#000}.profile-info-value{color:#6b7280}.profile-info-value.highlight{color:#16a34a;font-weight:600}.profile-activity-list{display:flex;flex-direction:column;gap:.75rem}.profile-activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f0fdf4;border-radius:.5rem;border:1px solid #dcfce7}.profile-activity-icon-container{width:2.5rem;height:2.5rem;background:#bbf7d0;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-activity-icon{width:1.25rem;height:1.25rem;color:#16a34a}.profile-activity-content{flex:1}.profile-activity-title{color:#000;font-weight:500;margin:0 0 .25rem}.profile-activity-time{font-size:.875rem;color:#6b7280;margin:0}.profile-no-activity{text-align:center;padding:2rem;color:#6b7280}.profile-no-activity-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:#d1d5db}.profile-settings-section{margin-bottom:1.5rem}.profile-settings-label{display:block;font-size:.875rem;font-weight:500;color:#000;margin-bottom:.5rem}.profile-checkbox-group{display:flex;flex-direction:column;gap:.5rem}.profile-checkbox-item{display:flex;align-items:center}.profile-checkbox{border-radius:.25rem;border:1px solid #bbf7d0;color:#16a34a;margin-right:.5rem}.profile-checkbox:focus{range:2px solid #16a34a}.profile-checkbox-label{color:#6b7280}@media (max-width: 640px){.profile-main-container{padding:0 .5rem}.profile-header-content{padding:0 1rem 1rem}.profile-tabs-nav{padding:0 1rem;gap:1rem}.profile-tabs-content{padding:1rem}.profile-actions{flex-direction:column}.profile-btn{justify-content:center}}.chatbox-container{width:100%;max-width:500px;margin:40px auto;background-color:#fff;border:1px solid #ddd;border-radius:12px;padding:20px;display:flex;flex-direction:column;height:80vh}.chatbox-title{text-align:center;font-size:20px;font-weight:700;margin-bottom:16px}.chat-messages{flex:1;overflow-y:auto;padding:10px;border:1px solid #eee;background-color:#f9f9f9;margin-bottom:16px;border-radius:8px}.chat-bubble{margin:10px 0;padding:10px;max-width:80%;border-radius:10px;line-height:1.4;font-size:14px;white-space:pre-wrap}.chat-bubble.user{background-color:#e0f7ff;align-self:flex-end}.chat-bubble.bot{background-color:#dcf8c6;align-self:flex-start}.chat-image{max-width:50px;height:auto;border-radius:8px}.chat-text{margin:0}.chat-controls{display:flex;gap:10px;align-items:center}.chat-controls input[type=file]{flex:1}.chat-controls button{padding:8px 16px;background-color:#1e88e5;color:#fff;border:none;border-radius:6px;cursor:pointer}.chat-controls button:disabled{background-color:#ccc;cursor:not-allowed}.healthy-foods-section{background-color:#fff;padding:4rem 2rem;margin:30px auto auto;border-radius:20px;max-width:95vw}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2e7d32;font-weight:700}.healthy-foods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0}.healthy-food-card{background:#fff;border-radius:15px;padding:2rem;text-align:center;box-shadow:0 5px 20px #2e7d3226;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid #c8e6c9}.healthy-food-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #2e7d3240;border-color:#4caf50}.food-emoji{font-size:4rem;margin-bottom:1rem;display:block}.healthy-food-card h3{color:#2e7d32;margin-bottom:1rem;font-size:1.5rem}.food-benefits{color:#4a4a4a;font-size:1rem;line-height:1.6}.food-nutrition-highlight{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);padding:.5rem;border-radius:8px;margin-top:1rem;font-size:.9rem;color:#1b5e20;font-weight:500}.expert-suggestions-section{background-color:#fff;color:#2e7d32;padding:4rem 2rem;max-width:95vw;margin:40px auto;border-radius:20px}.expert-suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;transition:transform .3s ease,box-shadow .3s ease}.expert-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #2e7d3226;border:1px solid #c8e6c9}.expert-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#81c784,#a5d6a7);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;border:2px solid #2e7d32}.expert-name{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#2e7d32}.expert-title{font-size:.9rem;opacity:.8;margin-bottom:1rem;color:#388e3c}.expert-suggestion{font-style:italic;line-height:1.6;color:#4a4a4a}.slogan-section{text-align:center;padding:4rem 2rem}.main-slogan{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#2e7d32,#388e3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sub-slogan{font-size:1.3rem;color:#2e7d32;margin-bottom:1rem;font-style:italic}.sub-slogan2{font-size:1rem;color:#4a5568}.slogan-features{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:2rem}.slogan-feature{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:#2e7d32;background:#fff;padding:.8rem 1.5rem;border-radius:25px;box-shadow:0 3px 10px #2e7d3226;border:1px solid #c8e6c9}.feature-icon{font-size:1.5rem}@media (max-width: 768px){.healthy-foods-grid,.expert-suggestions-grid{grid-template-columns:1fr}.main-slogan{font-size:2rem}.sub-slogan{font-size:1.1rem}.slogan-features{flex-direction:column;gap:1rem}}.food-image2{border-radius:50%;height:100px;width:100px;object-fit:cover;margin-bottom:10px}.bot{margin:10px}.bot-container{margin-top:50px;font-size:large;color:#4a5568;margin-bottom:30px;text-align:center;line-height:50px}.btn5{margin-top:12px;background-color:#030;color:#fff;width:100px;padding:10px 15px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.btn5:hover{background-color:#218838}.login-button2{margin:10px;color:#f5f5f5;background-color:#044512;padding:12px 24px;font-weight:600;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease-in-out}.food-nutrition-highlight2{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);border:none;width:150px;height:40px;padding:.5rem;border-radius:8px;margin-top:1rem;font-size:.9rem;color:#1b5e20;font-weight:500}