.homepage-container{padding:20px}.homepage-container,.homepage-inner-container{align-items:center;display:flex;flex-direction:column}.homepage-inner-container{max-width:1200px;width:100%}.homepage-header{font-size:2rem;margin-bottom:10px;text-align:center}.homepage-subtext{font-size:1.2rem;margin-bottom:20px;text-align:center}.auth-section{display:flex;flex-direction:row;justify-content:space-around;margin-bottom:20px;max-width:800px;width:100%}.auth-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:20px;width:45%}.auth-title{font-size:1.5rem;margin-bottom:10px}@media (max-width:768px){.homepage-header{font-size:1.5rem}.homepage-subtext{font-size:1rem}.auth-section{align-items:center;flex-direction:column}.auth-card{margin-bottom:20px;padding:15px;width:95%}}@media (max-width:480px){.homepage-header{font-size:1.2rem}.homepage-subtext{font-size:.9rem}.auth-card{padding:10px;width:100%}}.allergen-form{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:20px}.allergen-form h2{font-size:1.8rem;margin-bottom:20px}.user-name{margin-bottom:20px;width:100%}.user-name label{font-size:1.2rem;margin-bottom:5px}.name-input{border:1px solid #ccc;border-radius:4px;font-size:1rem;max-width:300px;padding:10px;width:100%}.allergen-categories{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;width:100%}.allergen-category{flex:1 1 30%;margin-bottom:20px}.allergen-category button,.allergen-category h3{margin-bottom:10px}.allergen-item{align-items:center;display:flex;margin-bottom:5px}.allergen-item input{margin-right:10px}.save-button{align-items:center;background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:50px;justify-content:center;margin-bottom:20px;max-width:200px;padding:10px 20px;text-align:center}.save-button:hover{background-color:#45a049}@media (max-width:768px){.allergen-form{padding:15px}.allergen-form h2{font-size:1.5rem}.allergen-categories{flex-direction:column}.allergen-category{flex:1 1 100%}.save-button{font-size:.9rem;height:45px;padding:8px 15px}}@media (max-width:480px){.allergen-form{padding:10px}.allergen-form h2{font-size:1.2rem}.save-button{font-size:.8rem;height:40px;padding:6px 10px}}.profile-page-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;padding:20px}.profile-page-header{font-size:2rem}.profile-page-header,.user-info{margin-bottom:20px;text-align:center}.user-info{width:100%}.allergen-table{border-collapse:collapse;margin-bottom:20px;width:100%}.allergen-table td,.allergen-table th{border:1px solid #ddd;padding:8px;text-align:left}.allergen-table th{background-color:#f2f2f2}.button,.scan-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:50px;justify-content:center;margin-bottom:20px;max-width:200px;padding:10px 20px;text-align:center}.button:hover,.scan-button:hover{background-color:var(--primary-color-dark)}@media (max-width:768px){.profile-page-container{padding:15px}.profile-page-header{font-size:1.5rem}.button,.scan-button{font-size:.9rem;height:45px;padding:8px 15px}}@media (max-width:480px){.profile-page-container{padding:10px}.profile-page-header{font-size:1.2rem}.button,.scan-button{font-size:.8rem;height:40px;padding:6px 10px}}.scan-container{flex-direction:column;padding:20px}.scan-container,.webcam-container{align-items:center;display:flex;justify-content:center}.webcam-container{height:auto;max-width:300px;overflow:hidden;width:100%}.webcam{aspect-ratio:4/3;height:auto;width:100%}.status-message{font-size:16px;margin-top:10px;text-align:center}.result-box{border-radius:5px;color:#fff;margin-top:20px;max-width:300px;padding:20px;width:100%}.result-box.safe{background-color:green}.result-box.not-safe{background-color:red}.button{font-size:16px}@media (max-width:768px){.scan-container{padding:15px}.webcam-container{max-width:80vw}.webcam{max-width:100%}.status-message{font-size:14px}.result-box{padding:15px}.button{font-size:14px;padding:8px 15px}}@media (max-width:480px){.scan-container{padding:10px}.webcam-container{max-width:90vw}.webcam{max-width:100%}.status-message{font-size:12px}.result-box{padding:10px}.button{font-size:12px;padding:6px 10px}}.results-container{align-items:center;display:flex;flex-direction:column;padding:20px}.results-section{margin-bottom:20px;max-width:1200px;width:100%}.results-table{border-collapse:collapse;margin-bottom:20px;width:100%}.results-table td,.results-table th{border:1px solid #ddd;padding:8px;text-align:left}.results-table th{background-color:#f2f2f2}.results-table tr:nth-child(2n){background-color:#f9f9f9}.results-table tr:hover{background-color:#f1f1f1}.safe-item{background-color:#d4edda}.unsafe-item{background-color:#f8d7da}.product-image{max-height:100px;max-width:100px}@media (max-width:768px){.results-table{display:block}.results-table thead{display:none}.results-table tr{border:1px solid #ddd;display:flex;flex-direction:column;margin-bottom:10px}.results-table td{border:none;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px}.results-table td:last-child{border-bottom:none}.results-table td:before{content:attr(data-label);flex-basis:50%;font-weight:700}.product-image{max-height:75px;max-width:75px}}.top-nav{background-color:#333;box-sizing:border-box;justify-content:space-between;padding:10px 20px;position:relative;width:100%}.logo-container,.top-nav{align-items:center;display:flex}.logo-container{margin-right:auto}.logo-image{height:50px;width:50px}.app-name{color:#fff;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;margin-left:10px}.hamburger{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px}.menu-text{font-family:Montserrat,sans-serif;font-size:16px;margin-left:5px}.nav-list{display:flex;gap:20px;list-style-type:none;margin:0;padding:0}.logout-button,.nav-list li,.nav-list li a{font-family:Montserrat,sans-serif}.logout-button,.nav-list li a{align-items:center;color:#fff;display:flex;font-weight:700;gap:5px;text-decoration:none}.nav-list li.active a{border-bottom:2px solid #fff}.logout-button:hover,.nav-list li a:hover{color:#d4f7d4}.logout-button{background:none;border:none;color:#fff;cursor:pointer}@media (max-width:768px){.hamburger{display:flex}.nav-list{align-items:center;background-color:#333;display:none;flex-direction:column;gap:10px;padding:10px;position:absolute;right:0;top:60px;width:100%}.nav-list.show{display:flex}.app-name{font-size:18px}.logo-image{height:40px;width:40px}}@media (max-width:480px){.nav-list{align-items:center;flex-direction:column;gap:5px}.app-name{font-size:16px}.logo-image{height:30px;width:30px}}:root{--primary-color:#007bff;--secondary-color:#6c757d;--background-color:#f8f9fa;--font-family:"Roboto",sans-serif}body,html{background-color:#f8f9fa;background-color:var(--background-color);color:#333;font-family:Roboto,sans-serif;font-family:var(--font-family);height:100%;margin:0;padding:0}.app-background{background-color:#f8f9fa;background-color:var(--background-color);justify-content:center;min-height:100vh}.app-background,.container{align-items:center;display:flex;flex-direction:column;padding:20px}.container{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-bottom:20px;max-width:1200px;width:100%}.header{color:#007bff;color:var(--primary-color);font-size:2rem;margin-bottom:20px;text-align:center}.button{background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px}.button:hover{background-color:#0056b3}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:5px;padding:10px;width:100%}.flex-container{display:flex;flex-wrap:wrap;gap:20px}.flex-item{flex:1 1;min-width:300px}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-bottom:20px;padding:20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left:4px solid var(--primary-color);border-radius:50%;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.app-background,.container{padding:15px}.header{font-size:1.5rem}.button{font-size:.9rem;padding:8px 15px}.form-group input,.form-group select{padding:8px}.flex-item{min-width:100%}}@media (max-width:480px){.app-background,.container{padding:10px}.header{font-size:1.2rem}.button{font-size:.8rem;padding:6px 10px}.form-group input,.form-group select{padding:6px}.flex-item{min-width:100%}}
/*# sourceMappingURL=main.ebee12cd.css.map*/