@import"https://fonts.googleapis.com/css2?family=Indie+Flower&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";.product-form{background-color:#fff0f5;padding:4rem;border-radius:10px;max-width:500px;margin:2rem auto;box-shadow:0 0 10px #0000001a;font-family:Raleway,sans-serif;border:2px solid #d9a8c9}.product-form h2{text-align:center;color:#d63384;margin-bottom:2rem;font-family:Indie Flower,cursive;font-size:2rem}.product-form label{display:block;margin:1rem 1rem .5rem 0;font-weight:600;color:#5a2a4d}.product-form input,.product-form select{width:100%;padding:.6rem .8rem;font-size:1rem;border-radius:5px;border:1px solid #ccc;transition:border-color .3s ease;border:2px solid #d9a8c9}.product-form input:focus,.product-form select:focus{border-color:#d63384;outline:none}.product-form fieldset{margin-top:1.5rem;border:none;padding:.2rem;font-family:Raleway,sans-serif}.product-form fieldset legend{font-weight:800;color:#5a2a4d;margin-bottom:.5rem;font-family:Raleway,sans-serif}.product-form fieldset label{font-weight:400;margin-right:1.5rem;cursor:pointer;color:#444}.product-form button{margin-top:1.5rem;width:30%;padding:.8rem;background-color:#e75480;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;font-family:Raleway,sans-serif}.product-form button:hover{background-color:#d63384}.added-products{max-width:600px;margin:2rem auto 4rem;background-color:#fff0f5;border-radius:10px;padding:1.5rem 2rem;box-shadow:0 0 12px #d6338426;font-family:Raleway,sans-serif;color:#5a2a4d;border:2px solid #d9a8c9}.added-products h3{text-align:center;color:#d63384;margin-bottom:1.4rem;font-family:Indie Flower,cursive;font-size:2rem}.added-products ul{list-style:none;padding-left:0;margin:1rem;font-family:Raleway,sans-serif}.added-products li{background-color:#fff;border:2px solid #d9a8c9;border-radius:8px;padding:2rem 1.4rem;gap:1.3rem;margin-bottom:.75rem;font-family:Raleway,sans-serif;font-size:17px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #d633841a;transition:box-shadow .3s ease}.added-products li:hover{box-shadow:0 4px 10px #d633844d}.added-products li strong{color:#e75480;font-weight:700}.added-products li span{font-size:.9rem;color:#7a4a6b;margin-left:.5rem;font-family:Raleway,sans-serif}.added-products button{background:transparent;border:none;color:#e75480;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:5px;transition:background-color .25s ease,color .25s ease;font-family:Raleway,sans-serif}.added-products button:hover,.added-products button:focus{background-color:#d63384;color:#fff;outline:none}.user-info{text-align:center;margin-top:1rem}.user-info button{background-color:#e75480;color:#fff;border:none;padding:.5rem 1.2rem;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease;font-family:Raleway,sans-serif;display:inline-block}.user-info button:hover{background-color:#c8416e}.analyze-button{color:#fff!important;font-size:1rem;font-family:Raleway,sans-serif;background-color:#e75480!important;padding:.5rem 1.2rem!important}.analyze-button:hover{background-color:#c8416e!important}@media (max-width: 1024px) and (min-width: 768px){.product-form{padding:2.5rem 3rem;max-width:90%;margin:1.5rem}.product-form button{width:40%;font-size:1rem}.added-products{max-width:90%;padding:1.2rem 1.8rem;margin:1.5rem}.added-products li{padding:1.5rem 1rem;font-size:15px}}@media (max-width: 767px){.product-form{padding:1.5rem 2rem;max-width:100%;margin:1rem;border-radius:6px}.product-form h2{font-size:1.5rem}.product-form label{margin:.7rem 0 .3rem;font-size:.9rem}.product-form input,.product-form select{font-size:.9rem;padding:.5rem .2rem}.product-form button{width:60%;font-size:1rem;padding:.7rem}.added-products{max-width:100%;padding:1rem 1.2rem;margin:1rem;border-radius:6px}.added-products h3{font-size:1.4rem}.added-products li{flex-direction:column;align-items:flex-start;padding:1rem .8rem;font-size:14px;gap:.7rem}.added-products li button{align-self:flex-end;padding:.2rem .4rem}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#d9a8c9cc;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background-color:#fff0f5;padding:3rem 4rem;border-radius:10px;max-width:450px;width:90%;box-shadow:0 0 12px #d6338426;border:2px solid #d9a8c9;font-family:Raleway,sans-serif;color:#5a2a4d;text-align:center}.modal-content h3{color:#d63384;margin-bottom:1.5rem;font-weight:700;font-family:Raleway,sans-serif}.modal-input{width:100%;padding:.6rem .8rem;font-size:1rem;border-radius:5px;border:2px solid #d9a8c9;margin-bottom:1rem;transition:border-color .3s ease;font-family:Raleway,sans-serif}.modal-input:focus{border-color:#d63384;outline:none}.modal-error{color:#d63384;font-weight:600;margin-bottom:1rem;font-family:Raleway,sans-serif}.modal-status{margin-bottom:1rem;font-weight:600;font-family:Raleway,sans-serif}.modal-status.success{color:#5a2a4d}.modal-status.error{color:#d63384}.modal-button{width:45%;padding:.8rem 0;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;font-family:Raleway,sans-serif;border:none;transition:background-color .3s ease;margin:0 .5rem;display:inline-block}.update-button{background-color:#e75480;color:#fff}.update-button:hover{background-color:#d63384}.cancel-button{background-color:transparent;border:2px solid #d63384;color:#d63384}.cancel-button:hover{background-color:#d63384;color:#fff}@media (max-width: 1024px) and (min-width: 768px){.modal-content{padding:2rem 3rem;max-width:400px;width:90%}.modal-button{width:50%;font-size:1rem;padding:.7rem 0;margin:0 .4rem}.modal-input{font-size:.95rem;padding:.5rem .7rem}.modal-content h3{font-size:1.4rem;margin-bottom:1rem}.modal-button{width:100%;padding:.7rem 0;font-size:1rem;margin:.3rem 0;display:block}.modal-button+.modal-button{margin-top:.5rem}}@media (max-width: 767px){.modal-content{padding:1.5rem 2rem;max-width:90%;width:100%;border-radius:8px;margin:1rem}.modal-content h3{font-size:1.3rem;margin-bottom:1rem}.modal-input{font-size:.9rem;padding:.5rem .6rem;margin-bottom:.8rem}.modal-button{width:100%;padding:.7rem 0;font-size:1rem;margin:.3rem 0;display:block}.modal-button+.modal-button{margin-top:.5rem}}.auth-container{height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;background-color:#fff0f5;box-sizing:border-box;overflow:hidden}.auth-box{width:100%;max-width:400px;max-height:90vh;background-color:#fff0f5;border-radius:10px;padding:2rem;display:flex;flex-direction:column;align-items:stretch;font-family:Raleway,sans-serif;box-sizing:border-box;overflow-y:auto;box-shadow:0 0 10px #d6338426;border:2px solid #d9a8c9}.auth-box::-webkit-scrollbar{width:8px}.auth-box::-webkit-scrollbar-thumb{background-color:#d63384;border-radius:4px}.login-form{display:flex;flex-direction:column}.login-title{text-align:center;color:#d63384;margin-bottom:2rem;font-family:Indie Flower,cursive;font-size:2rem}.login-error{color:red;font-weight:600;margin-bottom:1rem;text-align:center;font-family:Raleway,sans-serif}.login-input{width:100%;padding:1rem .8rem;margin-bottom:1.2rem;font-size:1rem;border-radius:5px;border:2px solid #d9a8c9;transition:border-color .3s ease;font-family:Raleway,sans-serif;box-sizing:border-box}.login-input:focus{border-color:#d63384;outline:none}.login-button{width:100%;max-width:200px;align-self:center;padding:.8rem;background-color:#e75480;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;font-family:Raleway,sans-serif}.login-button:hover{background-color:#d63384}.toggle-auth-button{margin-top:1rem;background:transparent;border:none;color:#d63384;font-weight:600;cursor:pointer;text-decoration:underline;font-size:1rem;padding:0;align-self:center}.toggle-auth-button:hover{color:#a8286b;text-decoration:none}.login-button-wrapper{display:flex;justify-content:center;width:100%}@media (max-width: 480px){.auth-box{max-width:90vw;padding:1.5rem}.login-button{max-width:100%}}@media (max-width: 1024px) and (min-width: 768px){.auth-container{padding:1.5rem}.auth-box{padding:1.8rem 2rem;max-width:90vw}.login-input{font-size:.95rem;padding:.9rem .8rem}.login-button{font-size:1rem;padding:.75rem}.login-title{font-size:1.5rem}}@media (max-width: 767px){.auth-container{padding:1rem}.auth-box{max-width:95vw;padding:1.2rem 1rem;max-height:95vh}.login-title{font-size:1.3rem;margin-bottom:1.2rem}.login-input{font-size:.9rem;padding:.75rem .7rem;margin-bottom:1rem}.login-button{width:100%;font-size:1rem;padding:.7rem}.toggle-auth-button{font-size:.95rem;margin-top:.8rem}}.landing-container{height:100vh;width:100vw;background:#ffe4f1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;font-family:Raleway,sans-serif;animation:fadeInUp 1.2s ease-out}@keyframes fadeInSlide{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.landing-title{font-size:3.8rem;color:#d63384;margin-bottom:.7rem;font-family:Indie Flower,cursive;letter-spacing:1.5px;text-shadow:2px 2px 4px rgba(214,51,132,.3);animation:fadeInSlide 1s ease-out forwards;opacity:0}.landing-subtitle{font-size:1.3rem;color:#6c2e5e;margin-bottom:2rem;font-family:Raleway,sans-serif}.landing-buttons{display:flex;gap:1rem;flex-wrap:wrap}.landing-button{background-color:#e75480;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:2px solid #fa1c8b;transition:background-color .3s ease}.landing-button:hover{background-color:#a8286b}@media (max-width: 768px){.landing-title{font-size:2.2rem}.landing-subtitle{font-size:1rem}.landing-button{width:100%;font-size:1rem;padding:.8rem}.landing-buttons{flex-direction:column;gap:.8rem;width:100%;max-width:300px}.landing-container{padding:1rem}}.auth-container{background:#ffe4f1;font-family:Raleway,sans-serif}h1{color:#faa5c2;font-size:4rem;text-align:center;font-family:Indie Flower,cursive;letter-spacing:7px;text-shadow:-1px -1px 0 #fa45a6,1px -1px 0#ed017f,-1px 1px 0 #ed017f,1px 1px 0 #ed017f,-2px 0px 0 #ed017f,2px 0px 0 #ed017f,0px -2px 0 #880e4f,0px 2px 0 #880e4f,0 0 8px rgba(136,14,79,.6),0 0 16px rgba(136,14,79,.4),0 0 24px rgba(136,14,79,.2)}p{font-size:1.2rem;text-align:center;font-family:Raleway,sans-serif}body,html{height:100%;margin:0;font-family:Raleway,sans-serif}.disclaimer{color:#b22222;font-family:Raleway,sans-serif;font-size:1rem;font-style:italic;margin-top:-.5rem;margin-bottom:1.5rem;text-align:center;max-width:600px;margin-left:auto;margin-right:auto;padding:0 1rem}.analysis-disclaimer{margin-top:.75rem;font-size:.9rem;color:#5c5c5c;background-color:#f9f2f9;padding:.75rem 1rem;border-left:4px solid #d9a8c9;border-radius:6px;max-width:600px;line-height:1.5}.analysis-disclaimer a{color:#c77d9b;text-decoration:none;font-weight:500}.analysis-disclaimer a:hover{text-decoration:underline}