index.css :root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background-color:#fff;transition:background .3s,color .3s}html{scroll-behavior:smooth}.logo{font-size:24px;font-weight:700;color:#000;background:#fff0;border-radius:10px;padding:4px 14px;letter-spacing:1px}.custom-navbar{background:#ffffff61!important;box-shadow:0 8px 32px #1f26872e,0 0 8px 2px #71f66a33!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:18px!important;border:1.5px solid rgba(113,246,106,.25)!important;padding:10px 30px!important;margin:20px auto!important;max-width:95vw!important;transition:background .3s,box-shadow .3s!important}.nav-link-custom{position:relative;text-decoration:none!important;background:#ffffff14!important;border-radius:8px!important;transition:background .3s,color .3s!important;padding:6px 12px!important}.nav-link-custom:after{content:"";display:block;position:absolute;left:12px;right:12px;bottom:4px;height:2.5px;background:linear-gradient(90deg,#71f66a,#137f13);border-radius:2px;width:0;transition:width .35s cubic-bezier(.4,0,.2,1)}.nav-link-custom:hover,.nav-link-custom:focus{background:#71f66a2e!important;color:#71f66a!important}.nav-link-custom:hover:after,.nav-link-custom:focus:after{width:calc(100% - 24px)}.navbar-toggler:focus{box-shadow:0 0 0 .15rem #71f66a80!important}@media (max-width: 992px){.custom-navbar{border-radius:0 0 18px 18px!important;margin:0!important;max-width:100vw!important}.navbar-collapse{background:#137f13d9!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;margin-top:15px;padding:15px;border-radius:10px!important}.nav-link-custom{color:#fff!important;margin:5px 0!important;text-align:center}.nav-link-custom:hover,.nav-link-custom:focus{color:#71f66a!important}}.home-section{padding:60px 20px;background:#fff}.home-container{max-width:1400px;margin:0 auto;display:flex;padding:0 16px;justify-content:space-between;align-items:center;gap:50px}.hero-text{flex:1}.hero-text h1{font-size:36px;margin-bottom:20px;color:#1c1c1c}.hero-text p{font-size:18px;margin-bottom:30px;color:#555}.explore-btn{background:#137f13;color:#fff;padding:12px 30px;border-radius:30px;border:none;cursor:pointer;margin-bottom:30px;font-size:18px;box-shadow:0 4px 6px #0000001a;transition:all .2s ease-in-out}.explore-btn:hover{background:#3d8b40;transform:translateY(-2px);box-shadow:0 6px 10px #00000026}.stats{display:flex;gap:40px}.stats h2{font-size:28px;margin:0;color:#1c1c1c}.stats p{margin:5px 0 0;color:#555}.hero-images{display:flex;gap:20px;flex:1}.main-img img{width:320px;height:500px;object-fit:cover;border-radius:20px}.side-images{display:flex;flex-direction:column;gap:20px}.side-images img{width:320px;height:240px;object-fit:cover;border-radius:20px}@media (max-width: 992px){.home-container,.hero-images{flex-direction:column;align-items:center}.main-img img,.side-images img{width:90%;height:auto}}.announcement-bar{width:100%;background:#ffffff40;box-shadow:0 8px 32px #1f268726,0 0 6px 2px #71f66a33;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1.5px solid rgba(113,246,106,.3);padding:10px 20px;position:sticky;top:72px;z-index:998;overflow:hidden}.marquee{white-space:nowrap;overflow:hidden;position:relative}.marquee-content{display:inline-block;padding-left:100%;animation:scroll-left 45s linear infinite;font-size:17px;font-weight:500;color:#137f13;letter-spacing:.5px}body.dark .marquee-content{color:#0f0}.announcement-msg{display:inline-block}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (max-width: 600px){.announcement-bar{width:100%;padding:8px 10px;top:56px}.marquee-content{font-size:13px;animation-duration:60s}}@media (max-width: 900px){.announcement-bar{padding:9px 15px;top:64px}.marquee-content{font-size:15px;animation-duration:50s}}@media (min-width: 1200px){.marquee-content{font-size:18px;animation-duration:45s}}.about-section{padding:60px 20px;background:#fff}.about-container{max-width:1400px;margin:0 auto;padding:0 16px}.about-content{display:flex;flex-direction:column;gap:30px}@media (min-width: 992px){.about-content{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}}.about-images{position:relative;width:100%;max-width:600px}.main-about-img{width:100%;height:auto;max-height:600px;border-radius:30px;box-shadow:0 10px 25px #0003;object-fit:cover}.card-img-container{position:absolute;bottom:-40px;right:-40px;width:200px;z-index:2;border-radius:20px;box-shadow:0 8px 20px #0003}.card-img-container img{width:100%;border-radius:20px;display:block}@media (min-width: 768px){.card-img-container{width:250px;bottom:-50px;right:-50px}}@media (min-width: 1200px){.card-img-container{width:280px;bottom:-60px;right:-60px}}.about-card-img{width:100%;height:auto;border-radius:20px;box-shadow:0 8px 20px #00000026}.about-text{max-width:600px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.about-text h2{font-size:36px;font-weight:700;margin-bottom:20px;color:#1c1c1c}.about-text p{font-size:18px;color:#444;margin-bottom:16px;line-height:1.7}.about-btn{background:#1e9e1e;color:#fff;padding:14px 36px;border-radius:30px;border:none;cursor:pointer;font-size:18px;font-weight:600;transition:background .3s ease}.about-btn:hover{background:#137f13}.services-section{padding:60px 20px;background-color:#fff;font-family:Segoe UI,sans-serif}.services-container{max-width:1200px;margin:0 auto;text-align:center}.services-heading{font-size:32px;font-weight:700;margin-bottom:40px;color:#000}.services-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.service-card{background-color:#fff;border-radius:20px;padding:30px 20px;box-shadow:0 12px 30px #00800014;width:300px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;height:5px;width:100%;background:linear-gradient(90deg,#4caf50,#8bc34a)}.service-card:hover{transform:translateY(-8px);box-shadow:0 16px 35px #00800026}.service-img{width:100px;height:100px;object-fit:contain;margin-bottom:25px}.service-title{font-size:20px;font-weight:600;color:#1c1c1c;margin-bottom:12px}.service-desc{font-size:15.5px;color:#444;line-height:1.7;padding:0 5px}.footer{position:relative;background:linear-gradient(#abec8a,#f8fdf0);padding:40px 20px;font-family:Segoe UI,sans-serif;border-radius:100px 100px 0 0;border:2px solid #52a3525b}.footer-leaf{position:absolute;font-size:70px;color:#90c14833;bottom:20px;right:40px;pointer-events:none;z-index:0}.footer-container{max-width:1200px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;position:relative;z-index:1}.footer-column{flex:1;min-width:220px}.footer-logo{display:flex;align-items:center;gap:15px}.logo-img{width:60px;height:60px}.footer-logo h1{font-size:24px;font-weight:700;color:#137f13}.footer-description{font-size:14px;color:#444;margin:15px 0}.footer-divide-description{font-size:14px;color:#444;margin:15px 0;display:flex;align-items:center;justify-content:center}.footer-socials{display:flex;gap:10px}.social-icon{width:32px;height:32px;background-color:#52a352;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:18px;text-decoration:none;transition:background .3s ease;border:1px solid white}.footer-socials .social-icon svg{color:#fff;transition:color .3s ease,background-color .3s ease}.footer-socials .social-icon:hover{background-color:#fff;border-radius:50%;border:1px solid #52a352}.footer-socials .social-icon:hover svg{color:#52a352}.footer-column h2{font-size:18px;font-weight:600;margin-bottom:15px;color:#1c1c1c;position:relative}.footer-column h2:before{content:"";position:absolute;width:13%;height:1px;bottom:0;left:0;border-bottom:2px solid #1c1c1c}.footer-column ul{list-style:none;padding:0}.footer-column li{margin-bottom:10px}.footer-column a{text-decoration:none;color:#333;font-size:15px;transition:color .3s ease}.footer-column a:hover{color:#137f13}.auth-container{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);gap:40px}.auth-left{flex:.9;display:flex;justify-content:center;align-items:center}.auth-image{max-width:70%;height:auto}.auth-right{flex:1;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:3rem;border-radius:18px;box-shadow:0 8px 32px #1f26872e,0 0 8px 2px #71f66a33;border:1.5px solid rgba(113,246,106,.25);position:relative}.auth-header{display:flex;align-items:center;gap:15px;margin-bottom:2rem}.auth-leaf-icon{font-size:2.5rem;color:#137f13}.auth-theme-btn{position:absolute;top:20px;right:20px;background:#fff3;border:1px solid rgba(113,246,106,.3);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-theme-btn:hover{background:#71f66a33;border-color:#137f13;transform:scale(1.1)}.theme-icon{font-size:1.2rem;color:#137f13;transition:color .3s ease}.auth-theme-btn:hover .theme-icon{color:#71f66a}.auth-right h2{font-size:2rem;margin:0;font-weight:700;color:#1c1c1c}.auth-form{display:flex;flex-direction:column;padding:2px;margin:0 auto}.auth-form label{margin-top:1rem;font-weight:600;color:#1c1c1c;font-size:.95rem}.auth-form input{padding:.75rem;margin-top:.3rem;border:1px solid rgba(113,246,106,.3);border-radius:12px;font-size:1rem;background:#fffc;transition:all .3s ease}.auth-form input:focus{outline:none;border-color:#137f13;box-shadow:0 0 0 3px #71f66a1a;background:#fffffff2}.auth-form button{margin-top:2rem;padding:.9rem;background:linear-gradient(135deg,#137f13,#71f66a);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #71f66a4d}.auth-form button:hover{background:linear-gradient(135deg,#0f6b0f,#5ed85e);transform:translateY(-2px);box-shadow:0 6px 20px #71f66a66}.auth-form button:disabled{background:linear-gradient(135deg,#888,#aaa);cursor:not-allowed;transform:none;box-shadow:none}.auth-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;text-align:center}.auth-message.success{background:#71f66a1a;border:1px solid rgba(113,246,106,.3);color:#137f13}.auth-message.error{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#d32f2f}.auth-right p{margin-top:1rem;font-size:.95rem;color:#555}.auth-right p a{color:#137f13;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-right p a:hover{color:#71f66a}.highlight{color:#137f13}@media screen and (max-width: 768px){.auth-container{flex-direction:column;padding:1rem;gap:20px}.auth-left,.auth-right{width:100%}.auth-right{padding:2rem 1.5rem}.auth-header{flex-direction:column;text-align:center;gap:10px}.auth-leaf-icon{font-size:2rem}.auth-theme-btn{top:15px;right:15px;width:40px;height:40px}.theme-icon{font-size:1rem}.footer-leaf{bottom:10px;right:10px}.footer-row{display:flex;justify-content:flex-start;gap:2vw;flex-direction:row}}@media screen and (max-width: 480px){.auth-right h2{font-size:1.5rem}.auth-form input{font-size:.95rem}.auth-form button{font-size:.95rem;padding:.75rem}}.faq-container{display:flex;justify-content:space-around;align-items:flex-start;padding:4rem 2rem;flex-wrap:wrap}.faq-image img{max-width:550px;width:100%;height:500px}.faq-content{max-width:600px;flex:1}.faq-content h2{font-size:2rem;font-weight:700;margin-bottom:2rem}.faq-item{background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:1rem;margin-bottom:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:500}.faq-icon{font-size:1.5rem;font-weight:700}.faq-answer{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #eee;color:#555;font-size:.95rem;line-height:1.5}.review-section{text-align:center;padding:4rem 2rem}.review-heading{font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.review-subtext{color:#000;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.review-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.review-card{background-color:#fff;border-radius:12px;padding:1.5rem;width:300px;text-align:left;box-shadow:0 2px 6px #0000000d;transition:transform .3s;color:#000;cursor:pointer}.review-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #00000026}.review-card.highlighted{background-color:#186c2c;color:#000}.review-card.highlighted .stars{color:gold}.reviewer{display:flex;align-items:center;margin-bottom:1rem;gap:1rem}.reviewer img{width:50px;height:50px;border-radius:50%}.stars{color:#f5a623;font-size:1rem}.review-text{font-size:.95rem;line-height:1.5}.slider-indicator{margin-top:2rem}.dot{display:inline-block;width:10px;height:10px;margin:0 6px;background-color:#ccc;border-radius:50%}.dot.active{background-color:#186c2c}.contact-section{position:relative;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;text-align:center;padding:6rem 2rem;background-color:#fff;display:flex;justify-content:center;overflow:hidden}.contact-card{background-color:#fff;border-radius:10px;display:flex;align-items:center;gap:2rem;padding:2rem;box-shadow:0 4px 12px #0000001a;max-width:900px;width:100%;z-index:1}.contact-section:before{content:"";position:absolute;top:0;left:-5%;width:110%;height:50%;background-color:#186c2c;transform:skewY(-5deg);transform-origin:top left;z-index:0}.contact-image img{max-width:420px;width:120%}.contact-form{flex:1;text-align:left}.contact-form h2{font-size:32px;margin-bottom:10px}.contact-form p{font-size:16px;margin-bottom:30px}.contact-form form{display:flex;flex-direction:column;align-items:center;gap:15px}.contact-form input{padding:12px 20px;border:none;border-radius:20px;width:300px;background-color:#f0f0f0;color:#000}.contact-form button{padding:12px 30px;border:none;border-radius:20px;background-color:#186c2c;color:#fff;font-weight:700;cursor:pointer;transition:background .3s}.contact-form button:hover{background-color:#218838}body.dark{background-color:#1a1a1a;color:#e0e0e0}body.dark .navbar{background:#1e321e59;box-shadow:0 8px 32px #1f268747,0 0 8px 2px #71f66a33;border:1.5px solid rgba(113,246,106,.25)}body.dark .nav-link{color:#71f66a;background:#1e321e2e}body.dark .nav-link:hover{background:#71f66a2e;color:#71f66a}body.dark .nav-link:after{background:linear-gradient(90deg,#71f66a,#137f13)}body.dark .contact-section{background-color:#1a1a1a}body.dark .contact-card{background-color:#232b3e;border:solid #3a4663}body.dark .contact-section:before{background-color:#71f66a}body.dark .home-section{background:#1e321e2e}body.dark .home-container{color:#e0e0e0}body.dark .hero-text h1,body.dark .stats h2{color:#71f66a}body.dark .hero-text p,body.dark .stats p{color:#cfd8dc}body.dark .explore-btn{background:#71f66a;color:#232b3e}body.dark .about-section{background:#1e321e2e}body.dark .about-container{color:#e0e0e0}body.dark .about-text h2{color:#71f66a}body.dark .about-text p{color:#cfd8dc}body.dark .about-btn{background:#71f66a;color:#232b3e}body.dark .main-about-img,body.dark .about-card-img{border:2px solid #71f66a}body.dark .services-section{background:#1e321e2e}body.dark .services-heading{color:#71f66a}body.dark .service-card{background-color:#26304a;color:#e0e0e0;border-color:#3a4663}body.dark .service-title{color:#71f66a}body.dark .service-desc{color:#cfd8dc}body.dark .service-card:before{background:linear-gradient(90deg,#71f66a,#137f13)}body.dark .logo,body.dark .theme-btn{color:#fff}body.dark .faq-container{background:#1e321e2e}body.dark .faq-item{background-color:#26304a;color:#e0e0e0;border-color:#3a4663}body.dark .faq-question{color:#71f66a}body.dark .faq-answer{color:#e7e7e7}body.dark .auth-container{background:linear-gradient(135deg,#1a1a1a,#2d3748)}body.dark .auth-right{background:#1e321e40;border:1.5px solid rgba(113,246,106,.35);box-shadow:0 8px 32px #1f268747,0 0 8px 2px #71f66a33}body.dark .auth-leaf-icon{color:#71f66a}body.dark .auth-theme-btn{background:#1e321e4d;border-color:#71f66a66}body.dark .auth-theme-btn:hover{background:#71f66a33;border-color:#71f66a}body.dark .theme-icon{color:#71f66a}body.dark .auth-theme-btn:hover .theme-icon{color:#0f0}body.dark .auth-right h2,body.dark .auth-form label{color:#e0e0e0}body.dark .auth-form input{background:#1e321ecc;border-color:#71f66a66;color:#e0e0e0}body.dark .auth-form input:focus{background:#1e321ef2;border-color:#71f66a}body.dark .auth-right p{color:#cfd8dc}body.dark .auth-right p a{color:#71f66a}body.dark .auth-right p a:hover{color:#0f0}body.dark .auth-message.success{background:#71f66a26;border-color:#71f66a66;color:#71f66a}body.dark .auth-message.error{background:#ff000026;border-color:#f006;color:#ff6b6b}body.dark .highlight{color:#71f66a}body.dark .review-subtext{color:#e8e8e8}body.dark .review-heading{color:#71f66a}body.dark footer{background:#fff;border:2px solid rgba(113,246,106,.418)}body.dark .footer-socials .social-icon svg{color:#000;transition:color .3s ease,background-color .3s ease}body.dark .footer-socials .social-icon:hover{background-color:#52a352;border-radius:50%}body.dark .footer-socials .social-icon:hover svg{color:#fff}body.dark .footer-leaf{position:absolute;font-size:70px;color:#9aff026c;bottom:20px;right:40px;pointer-events:none;z-index:0}body.dark .social-icon{width:32px;height:32px;background-color:#fff;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:18px;text-decoration:none;transition:background .3s ease;border:1px solid white}<<<<<<< HEAD .dashboard-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:20px 30px;border-radius:18px;box-shadow:0 8px 32px #1f26872e,0 0 8px 2px #71f66a33;border:1.5px solid rgba(113,246,106,.25);margin-bottom:30px}.dashboard-brand{display:flex;align-items:center;gap:15px}.dashboard-leaf-icon{font-size:2.5rem;color:#137f13}.dashboard-brand h1{font-size:2rem;color:#1c1c1c;margin:0}.dashboard-controls{display:flex;align-items:center;gap:15px}.dashboard-theme-btn{background:#fff3;border:1px solid rgba(113,246,106,.3);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dashboard-theme-btn:hover{background:#71f66a33;border-color:#137f13;transform:scale(1.1)}.logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.logout-btn:hover{background:linear-gradient(135deg,#ee5a52,#d63031);transform:translateY(-2px)}.dashboard-welcome{margin-bottom:40px}.welcome-card{background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:30px;border-radius:18px;box-shadow:0 8px 32px #1f26872e,0 0 8px 2px #71f66a33;border:1.5px solid rgba(113,246,106,.25);text-align:center}.user-icon{font-size:3rem;color:#137f13;margin-bottom:20px}.welcome-card h2{font-size:2rem;color:#1c1c1c;margin-bottom:15px}.welcome-card p{font-size:1.1rem;color:#555;margin-bottom:20px}.user-info{background:#ffffff1a;padding:20px;border-radius:12px;border:1px solid rgba(113,246,106,.2)}.user-info p{margin:8px 0;color:#1c1c1c}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.dashboard-card{background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:25px;border-radius:18px;box-shadow:0 8px 32px #1f26872e,0 0 8px 2px #71f66a33;border:1.5px solid rgba(113,246,106,.25);transition:transform .3s ease}.dashboard-card:hover{transform:translateY(-5px)}.dashboard-card h3{font-size:1.5rem;color:#1c1c1c;margin-bottom:15px}.dashboard-card p{color:#555;margin-bottom:20px;line-height:1.6}.dashboard-action-btn{background:linear-gradient(135deg,#137f13,#71f66a);color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:600;transition:all .3s ease}.dashboard-action-btn:hover{background:linear-gradient(135deg,#0f6b0f,#5ed85e);transform:translateY(-2px)}body.dark .dashboard-container{background:linear-gradient(135deg,#1a1a1a,#2d3748)}body.dark .dashboard-header,body.dark .welcome-card,body.dark .dashboard-card{background:#1e321e40;border-color:#71f66a59}body.dark .dashboard-brand h1,body.dark .welcome-card h2,body.dark .dashboard-card h3{color:#e0e0e0}body.dark .welcome-card p,body.dark .dashboard-card p,body.dark .user-info p{color:#cfd8dc}body.dark .dashboard-leaf-icon,body.dark .user-icon{color:#71f66a}body.dark .user-info{background:#1e321e4d;border-color:#71f66a4d}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:20px;text-align:center}.dashboard-controls{gap:10px}.dashboard-grid{grid-template-columns:1fr}.welcome-card{padding:20px}.welcome-card h2{font-size:1.5rem}}======= @keyframes marquee{0%{transform:translate(100%)}100%{transform:translate(-100%)}}@media (max-width: 1008px){.announcement-bar{width:100%!important;border-radius:0!important}}.back-to-home-btn{background:linear-gradient(135deg,#4cafef,#07f);color:#fff;font-size:14px;font-weight:500;padding:8px 18px;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;margin:15px;position:absolute;top:20px;left:20px}.back-to-home-btn:hover{background:linear-gradient(135deg,#07f,#04c);transform:translateY(-2px);box-shadow:0 4px 10px #0003}.back-to-home-btn:active{transform:scale(.95)}>>>>>>> upstream/dev .map-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;height:100%;min-height:400px}.map-overlay{position:absolute;bottom:20px;right:20px}.storage-card{border-radius:12px;border:1px solid rgba(113,246,106,.3);transition:transform .3s,box-shadow .3s}.storage-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #71f66a26}.rating{font-weight:600;color:#ffc107}@media (max-width: 992px){.map-container{min-height:300px;margin-bottom:20px}}.marketplace-section{padding:3rem 2rem;background-color:#f9fbf8}.dark .marketplace-section{background-color:#181a1b}.marketplace-container{max-width:1200px;margin:0 auto}.marketplace-header{text-align:center;margin-bottom:3rem}.marketplace-header h1{font-size:2.5rem;color:#2a5d3e;display:flex;align-items:center;justify-content:center;gap:10px}.dark .marketplace-header h1{color:#b6f7c1}.marketplace-header p{font-size:1.1rem;color:#555;max-width:700px;margin:0 auto}.dark .marketplace-header p{color:#bdbdbd}.marketplace-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.search-box{position:relative;max-width:600px;margin:0 auto;width:100%}.search-box input{width:100%;padding:12px 20px 12px 40px;border:1px solid #d1e7dd;border-radius:30px;font-size:1rem;transition:all .3s;background:#fff;color:#222}.dark .search-box input{background:#23272a;color:#e0e0e0;border:1px solid #333}.search-box input:focus{outline:none;border-color:#71f66a;box-shadow:0 0 0 3px #71f66a33}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#71f66a}.dark .search-icon{color:#b6f7c1}.category-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.category-filters button{padding:8px 16px;border-radius:20px;border:1px solid #1c4834;background:#2a930f;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.dark .category-filters button{background:#23272a;color:#e0e0e0;border:1px solid #333}.dark .category-filters button.active{background:#388e3c;color:#fff;border-color:#388e3c}.dark .category-filters button:hover{background:#263238}.category-filters button.active{background:#46ed3d;color:#fff;border-color:#46ed3d}.category-filters button:hover{background:#2a930fcc}.cart-button{background:#4caf50;color:#fff;margin-left:auto}.dark .cart-button{background:#388e3c;color:#fff}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:3rem 0}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:transform .3s,box-shadow .3s}.dark .product-card{background:#23272a;box-shadow:0 4px 12px #0003}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #71f66a26}.product-image{position:relative;height:200px}.product-image img{width:100%;height:100%;object-fit:cover}.product-badge{position:absolute;top:10px;right:10px;background:#ffffffe6;padding:5px 10px;border-radius:20px;display:flex;align-items:center;gap:5px;font-weight:600;color:#ff9800}.product-details{padding:1.5rem}.product-details h3{margin:0 0 5px;color:#2a5d3e}.dark .product-details h3{color:#b6f7c1}.farmer{color:#666;font-size:.9rem;margin-bottom:10px}.dark .farmer{color:#bdbdbd}.product-meta{display:flex;justify-content:space-between;margin:15px 0}.dark .product-meta .price{color:#b6f7c1}.dark .product-meta .storage{background:#263238;color:#bdbdbd}.price{font-weight:600;color:#4caf50;font-size:1.1rem}.storage{font-size:.8rem;color:#666;background:#f5f5f5;padding:3px 8px;border-radius:4px}.harvest-date{font-size:.8rem;color:#888;margin:10px 0}.dark .harvest-date{color:#bdbdbd}.add-to-cart{width:100%;padding:10px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.dark .add-to-cart{background:#388e3c;color:#fff}.dark .add-to-cart:hover{background:#2e7031}.add-to-cart:hover{background:#3d8b40}.storage-banner{background:#71f66a1a;border:1px solid rgba(113,246,106,.3);border-radius:12px;padding:2rem;text-align:center;margin-top:3rem}.dark .storage-banner{background:#388e3c26;border:1px solid rgba(56,142,60,.3)}.storage-banner h3{color:#2a5d3e;display:flex;align-items:center;justify-content:center;gap:10px}.dark .storage-banner h3{color:#b6f7c1}.storage-banner p{max-width:600px;margin:10px auto 20px;color:#555}.dark .storage-banner p{color:#bdbdbd}.storage-cta{background:#4caf50;color:#fff;padding:10px 25px;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s}.dark .storage-cta{background:#388e3c;color:#fff}.dark .storage-cta:hover{background:#2e7031}.storage-cta:hover{background:#3d8b40;transform:translateY(-2px)}@media (max-width: 768px){.marketplace-header h1{font-size:2rem}.products-grid{grid-template-columns:1fr}}.cart-page{min-height:100vh;background-color:#f8f9fa;padding:2rem 0;margin-top:80px}.cart-container{max-width:1200px;margin:0 auto;padding:0 1rem}.cart-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#4caf50;text-decoration:none;margin-bottom:1rem;font-weight:500;transition:color .3s ease}.back-link:hover{color:#45a049}.cart-header h1{display:flex;align-items:center;gap:.5rem;color:#2c3e50;margin:0;font-size:2rem;font-weight:600}.item-count{font-size:1rem;color:#666;font-weight:400}.cart-content{display:grid;grid-template-columns:1fr 350px;gap:2rem}@media (max-width: 768px){.cart-content{grid-template-columns:1fr}}.cart-items{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 60px;gap:1rem;padding:1rem 1.5rem;background:#f8f9fa;font-weight:600;color:#2c3e50;border-bottom:1px solid #e9ecef}@media (max-width: 768px){.items-header{display:none}}.cart-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 60px;gap:1rem;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.cart-item:hover{background-color:#f8f9fa}.cart-item:last-child{border-bottom:none}@media (max-width: 768px){.cart-item{grid-template-columns:1fr;gap:1rem;text-align:left}}.item-image{display:flex;align-items:center;gap:1rem}.item-image img{width:60px;height:60px;border-radius:8px;object-fit:cover}.item-details h3{margin:0;font-size:1.1rem;color:#2c3e50;font-weight:600}.item-farmer{color:#4caf50;font-size:.9rem;margin:.2rem 0;font-weight:500}.item-meta,.item-harvest{color:#666;font-size:.8rem;margin:.1rem 0}.item-price{text-align:center}.price{font-weight:600;color:#2c3e50;font-size:1.1rem}.unit{color:#666;font-size:.9rem}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:.5rem}.qty-btn{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.qty-btn:hover:not(:disabled){background:#4caf50;color:#fff;border-color:#4caf50}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.quantity{min-width:40px;text-align:center;font-weight:600;font-size:1.1rem}.item-total{text-align:center}.total-price{font-weight:600;color:#2c3e50;font-size:1.2rem}.remove-btn{width:40px;height:40px;border:none;background:#dc3545;color:#fff;border-radius:8px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:#c82333}.cart-summary{height:fit-content}.summary-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.summary-card h3{margin:0 0 1rem;color:#2c3e50;font-weight:600}.summary-row{display:flex;justify-content:space-between;margin-bottom:.8rem;color:#2c3e50}.summary-row.total-row{font-weight:600;font-size:1.2rem;border-top:1px solid #e9ecef;padding-top:1rem;margin-top:1rem}.free{color:#4caf50;font-weight:600}.savings-info{background:#e8f5e8;color:#4caf50;padding:.8rem;border-radius:8px;margin:1rem 0;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.checkout-btn{width:100%;padding:1rem;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-bottom:1rem}.checkout-btn:hover{background:#45a049}.continue-link{display:block;text-align:center;color:#4caf50;text-decoration:none;font-weight:500;transition:color .3s ease}.continue-link:hover{color:#45a049}.empty-cart{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.empty-icon{font-size:4rem;color:#ddd;margin-bottom:1rem}.empty-cart h2{color:#2c3e50;margin-bottom:.5rem}.empty-cart p{color:#666;margin-bottom:2rem}.continue-shopping-btn{display:inline-flex;align-items:center;gap:.5rem;background:#4caf50;color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:8px;font-weight:600;transition:background-color .3s ease}.continue-shopping-btn:hover{background:#45a049;color:#fff}
