@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);:root{--navbar-height:70px}body{padding-top:70px;padding-top:var(--navbar-height)}.navbar{background-color:#fffffff2;box-shadow:0 2px 10px #0000000d;left:0;padding:15px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar-scrolled{--navbar-height:60px;background-color:#fffffffa;box-shadow:0 4px 20px #0000001a;padding:10px 0}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo-link,.navbar-container,.navbar-logo{align-items:center;display:flex}.logo-link{text-decoration:none;transition:transform .3s ease}.logo-link:hover{transform:scale(1.05)}.logo-icon{height:28px;margin-right:8px;width:38px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#e91e63,#ff6090);-webkit-background-clip:text;background-clip:text;color:#333;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600}.menu-toggle{cursor:pointer;display:none}.menu-icon{color:#e91e63;font-size:1.5rem}.nav-items,.navbar-menu{align-items:center;display:flex}.nav-items{list-style:none;margin:0;padding:0}.nav-item{margin:0 5px}.nav-link{border-radius:8px;color:#555;display:block;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#e91e6314;color:#e91e63}.logout-button{background:linear-gradient(45deg,#e91e63,#ff6090);border:none;border-radius:8px;box-shadow:0 4px 10px #e91e6333;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;padding:8px 20px;transition:all .3s ease}.logout-button:hover{box-shadow:0 6px 15px #e91e634d;transform:translateY(-2px)}.logout-button:active{box-shadow:0 4px 8px #e91e6333;transform:translateY(0)}.page-content{padding-top:70px;padding-top:var(--navbar-height)}.hero-section{padding-top:40px}@media (max-width:992px){:root{--navbar-height:65px}.menu-toggle{align-items:center;display:flex;justify-content:center}.navbar-menu{align-items:center;background:#fff;box-shadow:0 10px 20px #0000001a;flex-direction:column;left:0;opacity:0;padding:20px 0;position:fixed;top:70px;transform:translateY(-150%);transition:transform .4s ease;visibility:hidden;width:100%}.navbar-menu.active{opacity:1;transform:translateY(0);visibility:visible}.nav-items{flex-direction:column;width:100%}.nav-item{margin:8px 0;text-align:center;width:100%}.nav-link{padding:12px 20px;width:100%}.logout-item{margin-top:15px}.logout-button{padding:12px 20px;width:80%}}.footer{background:linear-gradient(90deg,#2c3e50,#3a506b);color:#fff;font-family:DM Sans,sans-serif;padding:20px 0;width:100%}.footer-content{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.footer-content p{color:#fffc;font-size:.9rem;margin:5px 0}.footer-content a{color:#ff6b8b;font-weight:500;margin-left:8px;text-decoration:none;transition:color .2s}.footer-content a:hover{color:#ff8fa3;text-decoration:underline}.footer-divider{background:#fff3;border-radius:2px;height:29px;margin:0 10px;width:4px}@media screen and (max-width:600px){.footer{padding:15px 0}.footer-content p{font-size:.8rem}}.homepage{background-attachment:fixed;background-image:linear-gradient(#ffffffe6,#ffffffe6),url(/static/media/background.a21c4eae9fe4834a8367.png);background-position:50%;background-size:cover;min-height:100vh}.hero-section{align-items:center;display:flex;gap:40px;justify-content:center;margin:0 auto;max-width:1400px;min-height:60vh;padding:120px 20px 80px}.hero-content{flex:1 1;max-width:600px;padding:20px}.hero-title{color:#333;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-title,.highlight{font-family:Playfair Display,serif}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#e91e63,#ff6090);-webkit-background-clip:text;background-clip:text;font-style:italic}.hero-description{color:#555;font-family:DM Sans,sans-serif;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px}.primary-button,.secondary-button{border-radius:10px;display:inline-block;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease}.primary-button{background:linear-gradient(45deg,#e91e63,#ff6090);box-shadow:0 4px 15px #e91e634d;color:#fff}.primary-button:hover{box-shadow:0 8px 20px #e91e6366;transform:translateY(-3px)}.secondary-button{background:#fffc;border:2px solid #e91e63;color:#e91e63}.secondary-button:hover{background:#e91e631a;transform:translateY(-3px)}.hero-card{background:#fff;border-radius:20px;box-shadow:0 15px 30px #0000001a;flex:1 1;max-width:550px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.hero-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.card-content{padding:40px}.card-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#333,#555);-webkit-background-clip:text;background-clip:text;color:#333;font-family:Playfair Display,serif;font-size:1.8rem;margin-bottom:15px}.card-content p{color:#555;font-family:DM Sans,sans-serif;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.card-features{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);width:100%}.feature{align-items:center;display:flex;flex-direction:column;padding:10px;text-align:center}.feature-icon{color:#e91e63;font-size:2rem;margin-bottom:10px}.feature-text{color:#666;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;line-height:1.4}@media (max-width:1200px){.hero-section{flex-direction:column;padding:100px 20px 60px}.hero-card,.hero-content{max-width:700px;width:100%}.hero-title{font-size:3rem}.hero-description,.hero-title{text-align:center}.hero-buttons{justify-content:center}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.card-features{gap:15px;grid-template-columns:1fr;padding:10px 0}.feature{align-items:center;background:#f9f9f9;border-radius:8px;flex-direction:row;gap:15px;padding:12px 15px;text-align:left;transition:transform .2s ease}.feature:hover{background:#f5f5f5;transform:translateX(5px)}.feature-icon{display:flex;font-size:1.5rem;justify-content:center;margin-bottom:0;min-width:30px}.feature-text{flex:1 1;font-size:.95rem}.card-content{padding:25px 20px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.primary-button,.secondary-button{text-align:center;width:100%}.card-content h2{font-size:1.5rem}.card-content p{font-size:1rem}.card-features{gap:12px}.feature{padding:10px 12px}.feature-icon{font-size:1.3rem;min-width:25px}.feature-text{font-size:.9rem}}.meal-planner-container{color:#333;font-family:DM Sans,sans-serif;overflow-x:hidden}.meal-hero-section{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);display:flex;padding:60px 5%}.meal-hero-content{flex:1 1;max-width:600px}.meal-hero-image{align-items:center;display:flex;flex:1 1;justify-content:center}.meal-tag{align-items:center;background-color:#fff;border-radius:30px;box-shadow:0 2px 10px #0000000d;color:#333;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.health-matters-icon{height:18px;width:auto}.meal-heading{color:#333;font-size:42px;line-height:1.2;margin:24px 0 16px}.meal-highlight{color:#e91e63}.meal-description{color:#666;font-size:18px;line-height:1.6;margin-bottom:32px}.meal-search-container{display:flex;max-width:500px}.meal-search-input{border:1px solid #e0e0e0;border-radius:8px 0 0 8px;cursor:not-allowed;flex:1 1;font-size:16px;outline:none;padding:14px 20px;transition:all .3s ease}.meal-search-input:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.meal-search-button{background:linear-gradient(45deg,#e91e63,#ff6090);border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;cursor:not-allowed;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.meal-search-button:hover{background:linear-gradient(45deg,#d81b60,#e91e63)}.doctor-img{height:auto;max-height:500px;max-width:100%}.meal-features-section{background-color:#fff;padding:80px 5%}.features-title{color:#333;font-size:32px;margin-bottom:50px;position:relative;text-align:center}.features-title:after{background:#e91e63;border-radius:3px;bottom:-15px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background-color:#f9f9f9;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:30px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.feature-icon{align-items:center;background-color:#e91e631a;border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 20px;transition:all .3s ease;width:70px}.feature-card:hover .feature-icon{background-color:#e91e6326;transform:scale(1.1)}.feature-icon img{height:40px;object-fit:contain;width:40px}.feature-card h3{color:#333;font-size:20px;margin:0 0 12px}.feature-card p{color:#666;font-size:15px;line-height:1.5}.coming-soon-section{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);padding:80px 5%}.coming-soon-content{margin:0 auto;max-width:1200px;text-align:center}.coming-soon-content h2{color:#333;font-size:32px;margin-bottom:20px}.coming-soon-content>p{color:#666;font-size:18px;margin:0 auto 50px;max-width:700px}.coming-soon-features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.coming-soon-feature{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:30px;position:relative;text-align:left;transition:all .3s ease}.coming-soon-feature:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.feature-badge{background:linear-gradient(45deg,#e91e63,#ff6090);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;position:absolute;right:15px;top:15px}.coming-soon-feature h3{color:#333;font-size:20px;margin:0 0 12px}.coming-soon-feature p{color:#666;font-size:15px;line-height:1.5}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn 1s ease-out forwards}.animate-slide-up{animation:slideUp .8s ease-out forwards}.animate-pop-in{animation:popIn .6s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.feature-card{opacity:0}.feature-card:first-child{animation:popIn .6s ease-out .2s forwards}.feature-card:nth-child(2){animation:popIn .6s ease-out .4s forwards}.feature-card:nth-child(3){animation:popIn .6s ease-out .6s forwards}.feature-card:nth-child(4){animation:popIn .6s ease-out .8s forwards}@media screen and (max-width:992px){.meal-hero-section{flex-direction:column;padding:40px 5%}.meal-hero-content{margin-bottom:40px;max-width:100%}.meal-heading{font-size:36px}.doctor-img{max-height:400px}}@media screen and (max-width:768px){.meal-heading{font-size:32px}.meal-description{font-size:16px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.coming-soon-features{grid-template-columns:1fr}.doctor-img{max-height:300px}}@media screen and (max-width:576px){.coming-soon-section,.meal-features-section,.meal-hero-section{padding:30px 5%}.meal-heading{font-size:28px}.meal-search-container{flex-direction:column}.meal-search-input{border-radius:8px;margin-bottom:10px}.meal-search-button{border-radius:8px;width:100%}.coming-soon-content h2,.features-title{font-size:28px}.feature-card{padding:20px}.doctor-img{max-height:250px}}.bmi-page{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);flex-direction:column;font-family:DM Sans,sans-serif;overflow:hidden}.bmi-container,.bmi-page{display:flex;min-height:100vh}.bmi-container{align-items:center;box-sizing:border-box;flex:1 1;justify-content:center;padding:2rem 1rem;width:100%}.bmi-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px;padding:0 1rem;width:100%}.bmi-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:30px;transition:all .3s ease}.bmi-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.bmi-header{margin-bottom:25px;text-align:center}.bmi-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#e91e63,#ff6090);-webkit-background-clip:text;background-clip:text;color:#333;font-size:28px;margin-bottom:10px}.bmi-header p{color:#666;font-size:15px}.bmi-form{gap:20px}.bmi-form,.input-group{display:flex;flex-direction:column}.input-group{gap:8px}.height-label-group{align-items:center;display:flex;gap:10px;justify-content:space-between}.input-group label{color:#555;font-size:15px;font-weight:500}.input-group input{border:1px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease}.input-group input:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a;outline:none}.height-imperial{display:flex;gap:10px}.feet-input,.inches-input{flex:1 1}.switch{display:inline-block;height:30px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#e91e63;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;width:22px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(30px)}.unit-selector{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#555;font-size:16px;padding:10px 16px;transition:all .3s ease}.unit-selector:focus{border-color:#e91e63;border-color:var(--primary-pink,#e91e63);box-shadow:0 0 0 3px #e91e631a;outline:none}.btn-calculate{align-items:center;background:linear-gradient(45deg,#e91e63,#ff6090);border:none;border-radius:8px;box-shadow:0 4px 10px #e91e6333;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:14px;transition:all .3s ease}.btn-calculate:hover:not(:disabled){box-shadow:0 6px 15px #e91e634d;transform:translateY(-2px)}.btn-calculate:active:not(:disabled){box-shadow:0 4px 8px #e91e6333;transform:translateY(1px)}.btn-calculate:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.bmi-result{animation:fadeIn .5s ease-out;background:#f9f9f9;border-radius:12px;gap:20px;margin-top:30px;padding:20px}.bmi-meter-container,.bmi-result{display:flex;flex-direction:column}.bmi-meter-container{gap:5px;padding:10px 0}.bmi-meter{height:40px;margin:10px 0;position:relative}.meter-scale{border-radius:5px;display:flex;height:10px;left:0;overflow:hidden;position:absolute;right:0;top:0}.meter-section{flex:1 1;height:100%}.meter-section.underweight{background-color:#3498db}.meter-section.normal{background-color:#2ecc71}.meter-section.overweight{background-color:#f39c12}.meter-section.obese{background-color:#e74c3c}.meter-indicator{align-items:center;display:flex;flex-direction:column;position:absolute;top:-5px;transform:translateX(-50%);transition:left .8s cubic-bezier(.34,1.56,.64,1)}.indicator-dot{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0003;height:20px;width:20px}.indicator-value{background:#fff;border-radius:4px;box-shadow:0 2px 5px #0000001a;color:#333;font-size:18px;font-weight:700;margin-top:5px;padding:3px 8px}.meter-labels{display:flex;justify-content:space-between;padding:0 5px}.meter-labels span{color:#777;font-size:12px}.result-category{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:15px;text-align:center}.result-category span{color:#666;font-size:14px;margin-bottom:5px}.result-category h4{font-size:24px;margin:0}.category-underweight h4{color:#3498db}.category-normal h4{color:#2ecc71}.category-overweight h4{color:#f39c12}.category-obese h4{color:#e74c3c}.bmi-scale{display:flex;justify-content:space-between;margin-top:10px;padding:10px 0}.scale-marker{align-items:center;display:flex;flex-direction:column;width:25%}.marker{border-radius:50%;height:12px;margin-bottom:5px;width:12px}.scale-marker span{color:#666;font-size:12px}.underweight .marker{background-color:#3498db}.normal .marker{background-color:#2ecc71}.overweight .marker{background-color:#f39c12}.obese .marker{background-color:#e74c3c}.bmi-info{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:30px;transition:all .3s ease}.bmi-info:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.bmi-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#333,#555);-webkit-background-clip:text;background-clip:text;color:#333;font-size:22px;margin-bottom:20px;text-align:center}.bmi-visual-guide{margin-bottom:25px}.bmi-range-bar{border-radius:15px;display:flex;height:30px;margin-bottom:5px;overflow:hidden}.range-section{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center;position:relative;text-shadow:0 1px 2px #0003}.range-section.underweight{background-color:#3498db;flex:0.25 1}.range-section.normal{background-color:#2ecc71;flex:0.65 1}.range-section.overweight{background-color:#f39c12;flex:0.5 1}.range-section.obese{background-color:#e74c3c;flex:1 1}.range-label{white-space:nowrap;z-index:2}.bmi-scale-numbers{display:flex;justify-content:space-between;padding:5px 0}.bmi-scale-numbers span{color:#666;font-size:12px;position:relative}.bmi-scale-numbers span:before{background-color:#ccc;content:"";height:5px;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:1px}.bmi-categories{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.bmi-category-item{background:#f9f9f9;border-left:4px solid #0000;border-radius:8px;padding:15px;transition:all .3s ease}.bmi-category-item:hover{box-shadow:0 5px 15px #0000000d;transform:translateY(-3px)}.bmi-category-item h4{font-size:16px;margin:0 0 5px}.bmi-category-item p{color:#666;font-size:14px;margin:0 0 8px}.category-description{color:#777;font-size:13px;font-style:italic}.underweight-item{border-left-color:#3498db}.normal-item{border-left-color:#2ecc71}.overweight-item{border-left-color:#f39c12}.obese-item{border-left-color:#e74c3c}.bmi-disclaimer{background:#f9f9f9;border-left:4px solid #e91e63;border-radius:8px;color:#777;font-size:14px;line-height:1.5;margin-top:20px;padding:15px;text-align:left}.bmi-disclaimer h4{color:#555;font-size:16px;margin:0 0 8px}.bmi-disclaimer p{margin:0}@media (max-width:900px){.bmi-content{grid-template-columns:1fr;margin-left:10px;max-width:600px;padding:0;width:85%}.bmi-card,.bmi-info{width:100%}}@media (max-width:600px){.bmi-container{padding:1rem}.bmi-card,.bmi-info{padding:20px}.bmi-header h2{font-size:24px}.bmi-categories{grid-template-columns:1fr}.result-category h4{font-size:20px}.range-label{font-size:10px}.height-imperial{flex-direction:row;gap:8px}.feet-input,.inches-input{font-size:14px;padding:10px}}@media (max-width:400px){.bmi-container{padding:.5rem}.input-group input{font-size:14px;padding:10px}.btn-calculate{font-size:14px;padding:12px}}.how-to-use-main-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.threeD-image{filter:drop-shadow(0 10px 10px rgba(0,0,0,.2));height:150px;object-fit:contain;transition:transform .3s ease;width:150px}.threeD-image:hover{transform:translateY(-10px) rotate(5deg)}.how-to-use-container{background-color:#ffffffe6;border-radius:20px;box-shadow:0 10px 30px #0000001a;font-family:DM Sans,sans-serif;margin:0 2rem;max-width:700px;padding:2rem;transition:transform .3s ease}.how-to-use-container:hover{transform:translateY(-5px)}.title{color:#2c3e50;font-size:2.2em;font-weight:700;margin-bottom:1.5rem;position:relative;text-align:center}.title:after{background:linear-gradient(90deg,#00796b,#4caf50);border-radius:2px;content:"";display:block;height:4px;margin:10px auto 0;width:50px}.step-container{background-color:#fff;border-radius:15px;box-shadow:0 5px 15px #0000000d;margin-bottom:1.5rem;padding:1.2rem;transition:all .3s ease}.step-container:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.step-title{color:#00796b;font-size:1.4em;font-weight:600;margin-bottom:.8rem}.step-description{color:#34495e;font-size:1.1em;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-container{animation:fadeIn .5s ease-out forwards;opacity:0}.step-container:first-child{animation-delay:.1s}.step-container:nth-child(2){animation-delay:.2s}.step-container:nth-child(3){animation-delay:.3s}.step-container:nth-child(4){animation-delay:.4s}.step-container:nth-child(5){animation-delay:.5s}@media (max-width:768px){.how-to-use-main-container{flex-direction:column;padding:1rem}.how-to-use-container{margin:1rem 0;padding:1.5rem}.title{font-size:1.8em}.step-title{font-size:1.2em}.step-description{font-size:1em}.threeD-image{height:100px;margin:1rem 0;width:100px}}@media (max-width:480px){.threeD-image{display:none}}.feedback-container{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);font-family:DM Sans,sans-serif;min-height:110vh;padding:40px 20px}.feedback-content{margin:0 auto;max-width:1200px}.feedback-header{margin-bottom:40px;text-align:center}.feedback-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.feedback-header h1 span{color:#e91e63}.feedback-header p{color:#666;font-size:1.1rem}.feedback-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.feedback-form-container{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;height:100%;padding:30px}.feedback-form{display:flex;flex-direction:column;height:100%}.feedback-textarea{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;color:#333;flex-grow:1;font-family:DM Sans,sans-serif;font-size:16px;min-height:200px;padding:15px;resize:none;transition:border-color .3s,box-shadow .3s;width:95%}.feedback-textarea:focus{border-color:#e91e63;box-shadow:0 0 0 2px #e91e631a;outline:none}.btn-submit{align-self:flex-end;background:linear-gradient(45deg,#e91e63,#ff6090);border:none;border-radius:8px;box-shadow:0 4px 6px #e91e6333;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.btn-submit:hover{background:linear-gradient(45deg,#d81b60,#e91e63);box-shadow:0 6px 10px #e91e634d}.feedback-thank-you{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.thank-you-content{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:30px}.thank-you-content h3{color:#e91e63;font-size:1.5rem;margin-bottom:10px}.thank-you-content p{color:#666;margin-bottom:20px}.recent-feedbacks{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;display:flex;flex-direction:column;padding:30px}.recent-feedbacks h2{color:#333;font-size:1.8rem;margin-bottom:20px;padding-bottom:10px;position:relative}.recent-feedbacks h2:after{background:#e91e63;border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.feedback-cards{display:flex;flex-direction:column;flex-grow:1;gap:15px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding-right:5px}.feedback-cards::-webkit-scrollbar{width:6px}.feedback-cards::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.feedback-cards::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:10px}.feedback-cards::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.feedback-card{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:15px;position:relative;transition:transform .2s,box-shadow .2s}.feedback-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.feedback-card p{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:10px}.read-more-btn{background:none;border:none;color:#e91e63;cursor:pointer;font-size:.85rem;font-weight:600;padding:0}.read-more-btn:hover{text-decoration:underline}.feedback-date{color:#999;font-size:.8rem;margin-top:5px;text-align:right}.pagination{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.pagination button{background:#f0f0f0;border:none;border-radius:6px;color:#555;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.pagination button:hover:not(.disabled){background:#e0e0e0}.pagination button.disabled{cursor:not-allowed;opacity:.5}.page-indicator{color:#777;font-size:.9rem}.spinner-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:200px;padding:30px}.no-feedback{color:#777;font-style:italic;padding:30px;text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:200px;padding:20px}.loading-message{animation:fadeInOut 2s infinite;color:#666;font-size:15px;margin:0;text-align:center}@keyframes fadeInOut{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media screen and (max-width:900px){.feedback-textarea{width:93%}.feedback-grid{grid-template-columns:1fr}.feedback-header h1{font-size:2rem}.feedback-form-container,.recent-feedbacks{padding:20px}.recent-feedbacks{margin-top:60px;width:91%}}@media screen and (max-width:600px){.feedback-container{padding:20px 15px}.feedback-header h1{font-size:1.8rem}.feedback-header p{font-size:1rem}.btn-submit{padding:10px;width:100%}.pagination{flex-direction:column;gap:10px}.pagination button{width:100%}}.auth-page{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#bae6fd);display:flex;font-family:DM Sans,system-ui,-apple-system,sans-serif;justify-content:center;margin-top:-70px;min-height:100vh;padding:20px}.auth-container{background:#fffffff2;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin:20px auto;max-width:420px;overflow:visible;padding:40px;position:relative;width:100%}.auth-container:before{background:linear-gradient(90deg,#0ea5e9,#7c3aed);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-logo{display:flex;justify-content:center;margin-bottom:24px}.auth-logo svg{color:#0ea5e9;height:40px;width:40px}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{color:#0f172a;font-size:32px;font-weight:700;margin-bottom:8px}.auth-header span{color:#0ea5e9}.auth-header p{color:#64748b;font-size:16px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative}.form-group label{color:#334155;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input{border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:15px;padding:12px 12px 12px 40px;transition:all .2s ease;width:90%}.form-group input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.form-group svg{color:#94a3b8;height:18px;left:12px;position:absolute;top:38px;width:18px}.auth-error{background-color:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;color:#b91c1c;font-size:14px;margin-bottom:20px;padding:12px 16px}.auth-button{align-items:center;background:linear-gradient(90deg,#0ea5e9,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s ease}.auth-button:hover{box-shadow:0 4px 12px #0ea5e933;transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-button .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.auth-links{color:#64748b;font-size:14px;margin-top:24px;text-align:center}.auth-links a{color:#0ea5e9;font-weight:500;margin-left:4px;text-decoration:none}.auth-links a:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(1turn)}}.sample-credentials{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:8px 12px;position:relative;transition:all .2s ease}.sample-credentials:hover{background:#f1f5f9}.sample-credentials svg{color:#0ea5e9}.credentials-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:8px;padding:12px;position:absolute;right:0;top:100%;z-index:10}.credentials-tooltip p{color:#334155;font-size:13px;margin:4px 0}.credentials-tooltip strong{color:#0ea5e9;margin-right:4px}@media (max-width:768px){.auth-container{margin:15px auto;max-width:400px;padding:35px}.auth-header h1{font-size:30px}.auth-header p{font-size:15px}.form-group input{padding:11px 11px 11px 38px}.form-group svg{height:16px;top:36px;width:16px}}@media (max-width:480px){.auth-page{padding:15px}.auth-container{border-radius:20px;margin:10px auto;padding:25px 20px}.auth-header h1{font-size:26px}.auth-header p{font-size:14px}.auth-form{gap:16px}.form-group label{font-size:13px}.form-group input{border-radius:10px;font-size:14px;padding:10px 10px 10px 36px}.form-group svg{height:15px;left:10px;top:34px;width:15px}.auth-button{border-radius:10px;font-size:15px;padding:12px}.auth-links{font-size:13px}.sample-credentials{font-size:13px;padding:6px 10px}.credentials-tooltip{padding:10px}.credentials-tooltip p{font-size:12px}}@media (max-width:360px){.auth-container{padding:20px 15px}.auth-header h1{font-size:24px}.auth-header p{font-size:13px}.form-group input{font-size:13px;padding:9px 9px 9px 34px}.auth-button{font-size:14px;padding:11px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.a06a5c42.css.map*/