body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}.App{min-height:100vh;width:100%}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}.error-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.error-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem 2rem;text-align:center;width:100%}.error-content h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.error-content p{color:#7f8c8d;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 10px 20px #667eea4d}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.btn-secondary:hover{box-shadow:0 10px 20px #f5576c4d}@media (max-width:768px){.error-content h1{font-size:2rem}.error-content p{font-size:1rem}.error-actions{align-items:center;flex-direction:column}.btn{width:200px}}.home-container,.homebg{min-height:100vh;width:100%}.homebg{align-items:center;display:flex;justify-content:center;padding-bottom:40px;padding-top:85px;position:relative}.content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:1000px;padding:40px;text-align:center}.home-title{color:#1e4106;font-size:4.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px #0000001a}.home-description{color:#0d235e;font-size:1.6rem;line-height:1.6;margin-bottom:30px}.home-button{background-color:#2d5016;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;padding:15px 30px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.homebg:before{background-color:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.content{position:relative;z-index:2}.features-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffffff2;border-radius:15px;box-shadow:0 8px 25px #00000026;display:flex;gap:20px;justify-content:space-between;margin-top:40px;padding:30px}.feature-box{border-radius:10px;flex:1 1;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-box:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.feature-box.clickable{cursor:pointer;outline:none;overflow:hidden;position:relative;transition:all .3s ease}.feature-box.clickable:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-8px) scale(1.02)}.feature-box.clickable:focus{box-shadow:0 5px 25px #0000001a;outline:3px solid #2d5016;outline-offset:2px;transform:translateY(-5px) scale(1.01)}.feature-box.clickable:focus:hover{transform:translateY(-8px) scale(1.02)}.feature-box.clickable:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.feature-box.ai-chat-feature.clickable:hover{background:linear-gradient(135deg,#2e50161a,#4a90e21a);box-shadow:0 8px 30px #2e50164d}.feature-box.ai-chat-feature.clickable:after{bottom:5px;color:#2d5016;content:"🤖 Click to open AI chat";font-size:.8rem;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.feature-box.ai-chat-feature.clickable:hover:after{opacity:1}.feature-box.expert-advice-feature.clickable:hover{background:linear-gradient(135deg,#8b45131a,#a0522d1a);box-shadow:0 8px 30px #8b45134d}.feature-box.expert-advice-feature.clickable:after{bottom:5px;color:#8b4513;content:"📚 Click to visit AgriGuide";font-size:.8rem;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.feature-box.expert-advice-feature.clickable:hover:after{opacity:1}.feature-box.marketplace-feature.clickable:hover{background:linear-gradient(135deg,#ff8c001a,#ffa5001a);box-shadow:0 8px 30px #ff8c004d}.feature-box.marketplace-feature.clickable:after{bottom:5px;color:#ff8c00;content:"🛒 Click to visit marketplace";font-size:.8rem;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.feature-box.marketplace-feature.clickable:hover:after{opacity:1}.feature-box.weather-feature.clickable{cursor:pointer;outline:none;overflow:hidden;position:relative}.feature-box.weather-feature.clickable:hover{background:linear-gradient(135deg,#74b9ff1a,#0984e31a);box-shadow:0 8px 30px #74b9ff4d;transform:translateY(-8px) scale(1.02)}.feature-box.weather-feature.clickable:focus{box-shadow:0 5px 25px #74b9ff33;outline:3px solid #74b9ff;outline-offset:2px;transform:translateY(-5px) scale(1.01)}.feature-box.weather-feature.clickable:focus:hover{transform:translateY(-8px) scale(1.02)}.feature-box.weather-feature.clickable:after{bottom:5px;color:#74b9ff;content:"👆 Click to view forecast";font-size:.8rem;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.feature-box.weather-feature.clickable:hover:after{opacity:1}.weather-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.weather-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.weather-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:0;padding:20px 20px 0}.weather-modal-header h3{color:#333;font-size:1.5rem;margin:0}.weather-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.weather-modal-close:hover{background-color:#f5f5f5;color:#333;transform:rotate(90deg)}.weather-modal-close:focus{background-color:#f0f8ff;outline:2px solid #74b9ff;outline-offset:2px}.weather-modal-body{padding:20px}.weather-modal-body .weather-widget{border-radius:15px;margin:0}.feature-icon{display:block;font-size:3rem;margin-bottom:15px}.feature-title{color:#2d5016;font-size:1.3rem;font-weight:600;margin-bottom:10px}.feature-description{color:#666;font-size:1rem;line-height:1.4;margin:0}.marketplace-feature{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #4caf50;color:#fff;transform:scale(1.02);transition:all .3s ease}.marketplace-feature:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 8px 25px #4caf5066;transform:scale(1.05)}.marketplace-feature .feature-title{color:#fff;font-weight:700}.marketplace-feature .feature-description{color:#ffffffe6;font-weight:500}.marketplace-feature .feature-icon{color:#fff;font-size:3.5rem;margin-bottom:20px}@media (max-width:768px){.homebg{align-items:flex-start;padding:100px 20px 40px}.content{padding:30px 20px}.home-title{font-size:2.5rem}.home-description{font-size:1.1rem}.features-container{flex-direction:column;gap:15px;margin-top:30px;padding:20px}.feature-box{padding:15px}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.2rem}.feature-description{font-size:.9rem}.weather-modal-overlay{padding:10px}.weather-modal-content{border-radius:15px;max-height:95vh;max-width:100%}.weather-modal-header{padding:15px 15px 0}.weather-modal-header h3{font-size:1.3rem}.weather-modal-body{padding:15px}.weather-modal-close{font-size:1.5rem;height:35px;width:35px}.feature-box.ai-chat-feature.clickable:after,.feature-box.clickable:after,.feature-box.expert-advice-feature.clickable:after,.feature-box.marketplace-feature.clickable:after,.feature-box.weather-feature.clickable:after{bottom:3px;font-size:.7rem}}.navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#fffffffa;border-bottom:1px solid #2d50161a;box-shadow:0 2px 20px #00000014;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{height:45px;justify-content:space-between;margin:0;max-width:100%;padding:.4rem 1.2rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo h2{color:#2d5016;font-size:1.3rem;font-weight:700;margin:0}.logo-link{align-items:center;color:inherit;display:flex;gap:8px;text-decoration:none;transition:all .2s ease}.logo-image{background-color:#fff;border:2px solid #2d5016;border-radius:50%;box-shadow:0 2px 8px #2d501626;height:38px;object-fit:cover;padding:1px;transition:all .3s ease;width:38px}.logo-link:hover .logo-image{border-color:#1a3009;box-shadow:0 3px 8px #2d50164d;transform:scale(1.05)}.navbar-menu{display:flex;gap:1.2rem;list-style:none;margin:0;padding:0}.navbar-item,.navbar-link{position:relative}.navbar-link{color:#333;font-size:.85rem;font-weight:500;padding:.3rem 0;text-decoration:none;transition:color .3s ease}.navbar-link:hover{color:#2d5016}.navbar-link:after{background-color:#2d5016;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-link:hover:after{width:100%}.navbar-link[href="/marketplace"]{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #0000;border-radius:16px;color:#fff;font-size:.8rem;font-weight:600;padding:.35rem .7rem;transition:all .3s ease}.navbar-link[href="/marketplace"]:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf504d;color:#fff;transform:translateY(-1px)}.navbar-link[href="/marketplace"]:after{display:none}.navbar-auth{align-items:center;display:flex;gap:.6rem}.mobile-menu-btn{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-around;padding:0;width:24px;z-index:1000}.mobile-menu-btn span{background:#333;border-radius:10px;height:3px;transform-origin:1px;transition:all .3s ease;width:24px}.mobile-menu-btn.active span:first-child{transform:rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0;transform:translateX(20px)}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg)}.auth-section{align-items:center;display:flex;gap:12px}.auth-section.authenticated{gap:0}.auth-section.unauthenticated{gap:12px}.navbar-auth .language-switcher .language-selector{border-radius:13px;font-size:.75rem;font-weight:500;gap:4px;height:26px;min-width:100px;padding:.25rem .8rem}.navbar-auth .language-switcher .language-text{font-size:.75rem;font-weight:500}.navbar-auth .language-switcher .language-icon{font-size:.7rem}.navbar-auth .language-switcher .dropdown-arrow{font-size:.65rem}.navbar-link.active{color:#2d5016;font-weight:600}.navbar-link.active:after{width:100%}.login-btn,.signup-btn{align-items:center;border-radius:5px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;height:28px;justify-content:center;letter-spacing:.2px;min-width:70px;overflow:hidden;padding:.3rem 1rem;position:relative;text-align:center;text-decoration:none;text-transform:none;transition:all .3s ease;white-space:nowrap;z-index:1}.login-btn{background-color:#2d5016;color:#fff}.login-btn,.signup-btn{border:2px solid #2d5016}.signup-btn{background-color:#fff;color:#2d5016;margin-top:10px}.login-btn:hover,.signup-btn:hover{box-shadow:0 3px 12px #2d501626;transform:translateY(-1px)}.login-btn:hover{background-color:#1a3009;border-color:#1a3009;color:#fff}.signup-btn:hover{background-color:#2d5016;border-color:#2d5016;box-shadow:0 3px 12px #2d501640;color:#fff}@media (max-width:768px){.navbar-container{height:56px;padding:.5rem}.navbar-logo h2{font-size:1rem}.logo-image{height:40px;width:40px}.mobile-dropdown-menu .mobile-language-switcher{align-items:center;display:flex;justify-content:center;margin:1rem 0 .5rem;width:100%}.mobile-dropdown-menu .mobile-language-switcher button,.mobile-dropdown-menu .mobile-language-switcher select{background:#eaf6e6;border:2px solid #2d5016;border-radius:8px;box-shadow:0 2px 8px #2d501614;color:#2d5016;cursor:pointer;font-size:1rem;font-weight:600;margin:0 .2rem;max-height:2px;padding:.2rem .6rem;transition:background .18s,color .18s}.mobile-dropdown-menu .mobile-language-switcher button:hover,.mobile-dropdown-menu .mobile-language-switcher select:hover{background:#d2e9d0;border-color:#1a3009;color:#1a3009}.navbar-auth{gap:.35rem}.navbar-auth .language-switcher .language-selector{border-radius:15px!important;box-shadow:none!important;font-size:.7rem!important;gap:5px!important;height:30px!important;line-height:1!important;margin:0!important;min-width:120px!important;overflow:visible!important;padding:.3rem .6rem!important;white-space:nowrap!important;width:auto!important}.navbar-auth .language-switcher .language-text{font-size:.7rem!important;font-weight:500!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.navbar-auth .language-switcher .language-icon{font-size:.7rem!important}.navbar-auth .language-switcher .dropdown-arrow{font-size:.6rem!important}.navbar-auth .auth-section .login-btn,.navbar-auth .auth-section .signup-btn{display:none!important}.login-btn,.signup-btn{font-size:.8rem;min-width:70px;padding:.4rem .8rem}.mobile-menu-btn{display:flex}.navbar-menu{display:none}.mobile-dropdown-menu{animation:dropdownFadeIn .25s ease;background:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:18px;box-shadow:0 8px 24px #2d50161f;left:0;padding:1.2rem .5rem 1rem;position:absolute;top:56px;width:100vw;z-index:2001}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-dropdown-menu ul{display:flex;flex-direction:column;gap:.7rem;list-style:none;margin:0;padding:0}.mobile-dropdown-menu .navbar-link{background:none;border-radius:8px;color:#2d5016;display:block;font-size:1rem;font-weight:600;padding:.7rem 1rem;text-align:left;transition:background .18s,color .18s;width:100%}.mobile-dropdown-menu .navbar-link.active,.mobile-dropdown-menu .navbar-link:hover{background:#eaf6e6;color:#1a3009}.mobile-dropdown-menu .navbar-link[href="/marketplace"]{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;box-shadow:0 2px 8px #4caf501f;color:#fff;font-weight:700;margin-bottom:.3rem;margin-top:.3rem}.mobile-dropdown-menu .navbar-link[href="/marketplace"]:hover{background:linear-gradient(135deg,#45a049,#3d8b40);color:#fff}.mobile-auth-section{align-items:stretch;display:flex;flex-direction:column;gap:.6rem;margin-top:1.2rem}.mobile-auth-section .login-btn,.mobile-auth-section .signup-btn{border-radius:8px;box-shadow:0 2px 8px #2d501614;font-size:1rem;font-weight:600;margin:0;padding:.7rem 1rem;text-align:center;width:100%}.mobile-auth-section .login-btn{background-color:#2d5016;border:2px solid #2d5016;color:#fff}.mobile-auth-section .signup-btn{background-color:#fff;border:2px solid #2d5016;color:#2d5016}.mobile-auth-section .login-btn:hover{background-color:#1a3009;border-color:#1a3009;color:#fff}.mobile-auth-section .signup-btn:hover{background-color:#2d5016;border-color:#2d5016;color:#fff}}@media (max-width:380px){.navbar-container{height:48px;padding:.3rem .2rem}.navbar-logo h2{font-size:1rem}.logo-image{height:32px;width:32px}.navbar-auth{gap:.2rem}.navbar-auth .auth-section .login-btn,.navbar-auth .auth-section .signup-btn{display:none!important}.login-btn,.signup-btn{font-size:.7rem;min-width:55px;padding:.3rem .6rem}.navbar-auth .language-switcher .language-selector{border-radius:13px!important;font-size:.65rem!important;gap:4px!important;height:26px!important;min-width:110px!important;overflow:visible!important;padding:.25rem .5rem!important;white-space:nowrap!important;width:auto!important}.navbar-auth .language-switcher .language-text{font-size:.65rem!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.navbar-auth .language-switcher .language-icon{font-size:.65rem!important}.navbar-auth .language-switcher .dropdown-arrow{font-size:.55rem!important}}.language-switcher{align-self:center;display:inline-block;margin-top:15px;position:relative;z-index:1000}.language-selector{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:25px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;justify-content:space-between;min-width:140px;padding:8px 16px;transition:all .3s ease}.language-selector:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.language-selector:focus{box-shadow:0 2px 8px #4caf504d,0 0 0 3px #4caf5033;outline:none}.language-icon{flex-shrink:0;font-size:18px}.language-text{flex:1 1;font-weight:600;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{flex-shrink:0;font-size:12px;opacity:.9;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown{animation:dropdownSlideIn .3s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 12px 48px #00000026;left:0;margin-top:8px;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.language-dropdown-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-size:14px;font-weight:600;padding:12px 16px;text-align:center}.dropdown-title{align-items:center;display:flex;gap:8px;justify-content:center}.dropdown-title:before{content:"🌐";font-size:16px}.language-options{max-height:300px;overflow-y:auto;padding:8px 0}.language-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.language-option:hover{background:#4caf501a;color:#2e7d32}.language-option.active{background:#4caf5026;color:#2e7d32;font-weight:600}.language-native{font-size:15px;font-weight:600}.language-english{color:#666;font-size:12px;font-style:italic;margin-left:8px}.checkmark{color:#4caf50;font-size:16px;font-weight:700}@media (max-width:768px){.language-selector{font-size:13px;min-width:120px;padding:6px 14px}.language-dropdown{left:auto;min-width:250px;right:-20px}.language-option{font-size:13px;padding:10px 14px}.language-native{font-size:14px}}@media (max-width:480px){.language-selector{font-size:12px;min-width:100px;padding:5px 12px}.language-text{font-size:12px}.language-dropdown{min-width:220px;right:-40px}}.dark-mode .language-selector{background:#0000004d;border-color:#ffffff1a;color:#fff}.dark-mode .language-selector:hover{background:#0006;border-color:#fff3}.dark-mode .language-dropdown{background:#2d2d2d;border-color:#444;box-shadow:0 8px 32px #0000004d}.dark-mode .language-option{color:#e0e0e0}.dark-mode .language-option:hover{background:#4caf5033;color:#81c784}.dark-mode .language-option.active{background:#4caf5040;color:#81c784}.dark-mode .language-english{color:#999}[dir=rtl] .language-selector{flex-direction:row-reverse}[dir=rtl] .language-dropdown{left:auto;right:0}[dir=rtl] .language-option{flex-direction:row-reverse;text-align:right}.language-selector:focus-visible{outline:2px solid #4caf50;outline-offset:2px}.language-option:focus-visible{outline:2px solid #4caf50;outline-offset:-2px}.language-change-transition{opacity:.7;transition:opacity .3s ease}.language-options::-webkit-scrollbar{width:6px}.language-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.language-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.language-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.profile-dropdown{display:inline-block;height:-webkit-fit-content;height:fit-content;position:relative}.profile-button{align-items:center;background:linear-gradient(135deg,#2d5016,#16a34a);border:none;border-radius:12px;box-shadow:0 2px 8px #2d501633;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;height:44px;overflow:hidden;padding:8px 14px;position:relative;transition:all .3s ease}.profile-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.profile-button:hover{background:linear-gradient(135deg,#1a3009,#15803d);box-shadow:0 4px 16px #2d50164d;transform:translateY(-1px)}.profile-button:hover:before{left:100%}.profile-button:focus{box-shadow:0 0 0 3px #2d50164d,0 4px 16px #2d50164d;outline:none}.profile-button:active{box-shadow:0 2px 8px #2d501633;transform:translateY(0)}.profile-avatar{background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid #ffffff4d;box-shadow:0 2px 6px #00000026;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:32px;transition:all .3s ease;width:32px}.profile-button:hover .profile-avatar{border-color:#ffffff80;box-shadow:0 3px 8px #0003;transform:scale(1.05)}.profile-name{display:none;font-size:14px;font-weight:600;letter-spacing:-.01em;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.profile-name{display:block}}.profile-arrow{flex-shrink:0;height:16px;opacity:.9;transition:transform .3s ease;width:16px}.profile-arrow.rotated{opacity:1;transform:rotate(180deg)}.dropdown-menu{animation:dropdownSlideIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:50}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-info{border-bottom:1px solid #f3f4f6;padding:12px 16px}.user-info-content{align-items:center;display:flex;gap:12px}.user-avatar-large{align-items:center;background:linear-gradient(135deg,#2d5016,#16a34a);border:2px solid #2d50161a;border-radius:50%;box-shadow:0 2px 8px #2d501626;color:#fff;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.user-details{flex:1 1;min-width:0}.user-name{color:#111827;margin:0 0 2px}.user-email{color:#6b7280;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-items{padding:8px 0}.menu-item{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 16px;text-align:left;transition:all .15s ease;width:100%}.menu-item:hover{background:#f3f4f6;color:#111827}.menu-item.logout-item{color:#dc2626}.menu-item.logout-item:hover{background:#fef2f2;color:#b91c1c}.menu-icon{flex-shrink:0;height:16px;width:16px}.menu-divider{border:none;border-top:1px solid #f3f4f6;margin:8px 0}.dropdown-overlay{background:#0000;inset:0;position:fixed;z-index:40}@media (max-width:768px){.profile-button{border-radius:10px;gap:8px;height:40px;padding:6px 12px}.profile-avatar{font-size:12px;height:28px;width:28px}.profile-arrow{height:14px;width:14px}}@media (max-width:640px){.dropdown-menu{right:-8px;width:200px}.profile-button{border-radius:8px;gap:6px;height:36px;padding:5px 10px}.profile-avatar{border-width:1px;font-size:11px;height:26px;width:26px}.profile-arrow{height:12px;width:12px}}.ai-chat-container{bottom:20px;position:fixed;right:20px;z-index:1000}.chat-toggle-btn{align-items:center;background:linear-gradient(135deg,#4a7c59,#2d5016);border:3px solid #ffffff1a;border-radius:50%;box-shadow:0 4px 20px #2d501666;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.chat-toggle-btn:hover{background:linear-gradient(135deg,#2d5016,#1a3009);box-shadow:0 6px 25px #2d501699;transform:scale(1.1)}.chat-notification{align-items:center;animation:pulse 2s infinite;background:#f44;border:2px solid #fff;border-radius:50%;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.chat-window{animation:slideUp .3s ease;background:#fff;border:1px solid #e0e0e0;border-radius:15px;bottom:80px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;height:600px;overflow:hidden;position:absolute;right:0;width:400px}.chat-header{background:linear-gradient(135deg,#4a7c59,#2d5016);border-bottom:none}.chat-header-info{gap:15px}.ai-avatar{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:28px;height:45px;justify-content:center;width:45px}.chat-header-info h4{font-size:18px;font-weight:600;margin:0}.chat-header-info p{font-size:13px;margin:2px 0 0;opacity:.9}.close-btn{opacity:.8}.close-btn:hover{opacity:1}.close-btn{font-size:24px;height:30px;transition:background-color .3s ease;width:30px}.chat-messages{background:linear-gradient(180deg,#f8f9fa,#fff)}.message{animation:fadeIn .3s ease;margin-bottom:20px}.user-message{justify-content:flex-end}.ai-message{justify-content:flex-start}.message-content{border-radius:20px;box-shadow:0 2px 8px #0000001a;padding:14px 18px;position:relative}.user-message .message-content{background:linear-gradient(135deg,#4a7c59,#2d5016);border-bottom-right-radius:6px;color:#fff}.ai-message .message-content{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:6px;color:#333}.message-content p{word-wrap:break-word;font-size:15px;line-height:1.5;margin:0}.message-time{display:block;margin-top:6px;opacity:.6}.ai-message .message-time{text-align:left}.message-meta{gap:8px;justify-content:space-between;margin-top:6px}.language-info,.message-meta{align-items:center;display:flex;flex-wrap:wrap}.language-info{gap:6px}.language-badge,.region-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;font-weight:500;gap:2px;opacity:.8;padding:2px 6px;transition:opacity .2s ease}.language-badge{background:linear-gradient(135deg,#4a7c59,#2d5016)}.language-badge,.region-badge{border:1px solid #fff3;color:#fff}.region-badge{background:linear-gradient(135deg,#ff7b2c,#e55100)}.language-badge:hover,.region-badge:hover{opacity:1;transform:scale(1.05)}.typing-indicator{align-items:center;padding:12px 0}.typing-indicator span{background:#4a7c59;height:10px;width:10px}.chat-input{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:20px}.message-input{font-size:15px}.message-input:disabled{color:#6c757d}.send-btn{box-shadow:0 3px 10px #4a7c594d;height:50px;width:50px}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d5016,#1a3009);box-shadow:0 5px 15px #4a7c5966;transform:scale(1.05)}.voice-input-btn{align-items:center;background:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;margin-right:10px;transition:all .3s ease;width:40px}.voice-input-btn:hover{background:#45a049;transform:scale(1.05)}.voice-input-btn.listening{animation:pulse 1.5s infinite;background:#f44}.file-upload-container{align-items:center;display:flex;margin-right:10px;position:relative}.file-upload-btn{align-items:center;background:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.file-upload-btn:hover{background:#45a049;transform:scale(1.05)}.file-upload-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.selected-image-preview{border-radius:8px;display:block;margin:10px;max-height:150px;max-width:150px}.clear-image-btn{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s ease;width:24px}.clear-image-btn:hover{background:#c00;transform:scale(1.1)}.quick-actions{background:linear-gradient(90deg,#f8f9fa,#fff);border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:10px;max-height:140px;overflow-y:auto;padding:15px 20px}.quick-action-btn{background:linear-gradient(135deg,#4a7c59,#2d5016);border:none;border-radius:25px;box-shadow:0 2px 6px #4a7c5933;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.quick-action-btn:hover{background:linear-gradient(135deg,#2d5016,#1a3009);box-shadow:0 4px 12px #4a7c594d;transform:translateY(-2px)}.quick-action-btn:active{transform:translateY(0)}@media (max-width:768px){.ai-chat-container{bottom:15px;right:15px}.chat-toggle-btn{font-size:22px;height:55px;width:55px}.chat-window{bottom:75px;height:500px;max-width:350px;right:-15px;width:calc(100vw - 30px)}.message-content{max-width:85%}.chat-input{padding:15px}.quick-actions{padding:12px 15px}.quick-action-btn{font-size:12px;padding:6px 12px}}@media (max-width:480px){.chat-window{height:450px;right:-10px;width:calc(100vw - 20px)}.chat-header{padding:15px}.ai-avatar{font-size:24px;height:40px;width:40px}.chat-header-info h4{font-size:16px}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-header-controls{align-items:center;display:flex;gap:10px}.voice-toggle-btn{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.voice-toggle-btn:hover{background:#fff3;transform:scale(1.1)}.voice-toggle-btn.active{animation:pulse-voice 2s infinite;background:#28a745;border-color:#28a745;box-shadow:0 0 10px #28a74580}@keyframes pulse-voice{0%,to{box-shadow:0 0 10px #28a74580}50%{box-shadow:0 0 20px #28a745cc}}.voice-input-section{background:#f8f9fa;border-bottom:1px solid #e9ecef;max-height:400px;overflow-y:auto}.voice-input-indicator{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:6px;margin-top:4px;padding:4px 8px}.voice-input-indicator .voice-icon{font-size:12px}.voice-language{font-style:italic;opacity:.8}.voice-confidence{background:#fff3;border-radius:4px;font-size:10px;padding:1px 4px}.input-container{align-items:center;background:#fff;border-top:1px solid #e9ecef;display:flex;gap:8px;padding:12px}.message-input{background:#f8f9fa;border:2px solid #e9ecef;outline:none;padding:12px 16px}.message-input:focus{background:#fff;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a}.message-input:disabled{background:#e9ecef;cursor:not-allowed}.voice-input-toggle{align-items:center;background:#fff;border:2px solid #28a745;border-radius:50%;color:#28a745;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.voice-input-toggle:hover{background:#28a745;color:#fff;transform:scale(1.1)}.send-btn{background:linear-gradient(135deg,#4a7c59,#2d5016);font-size:16px;height:40px;width:40px}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #4a7c594d;transform:scale(1.1)}@media (max-width:768px){.voice-input-section{max-height:300px}.voice-input-indicator{flex-wrap:wrap;font-size:10px}.input-container{gap:6px;padding:10px}.send-btn,.voice-input-toggle{font-size:14px;height:36px;width:36px}.message-input{font-size:13px;padding:10px 14px}}.voice-input-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #28a745;border-radius:16px;box-shadow:0 8px 24px #28a74526;margin-bottom:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.voice-input-container:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#28a745,#20c997,#17a2b8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.voice-header{margin-bottom:20px}.voice-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.voice-title h3{color:#155724;font-size:20px;font-weight:700;margin:0}.voice-title .voice-icon{animation:pulse-gentle 2s infinite;font-size:24px}@keyframes pulse-gentle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.voice-badge{background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.language-selector{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.language-selector label{align-items:center;color:#155724;display:flex;font-size:14px;font-weight:600;gap:6px}.label-icon{font-size:16px}.language-select{background:#fff;border:2px solid #28a745;border-radius:10px;box-shadow:0 2px 8px #28a7451a;color:#155724;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:200px;padding:10px 14px;transition:all .3s ease}.language-select:focus{border-color:#20c997;box-shadow:0 0 0 3px #28a74533;outline:none}.language-select:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.voice-controls{flex-wrap:wrap;gap:15px;margin-bottom:20px}.voice-button,.voice-controls{align-items:center;display:flex}.voice-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:50px;box-shadow:0 6px 20px #28a7454d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;gap:12px;justify-content:center;min-width:180px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}.voice-button:hover:not(:disabled){box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.voice-button:active:not(:disabled){transform:translateY(0)}.voice-button.listening{animation:pulse-recording 1.5s infinite;background:linear-gradient(135deg,#dc3545,#c82333)}@keyframes pulse-recording{0%{box-shadow:0 6px 20px #dc35454d}50%{box-shadow:0 6px 30px #dc354599}to{box-shadow:0 6px 20px #dc35454d}}.voice-button.disabled{cursor:not-allowed;opacity:.5;transform:none}.voice-button .voice-icon{font-size:20px}.recording-indicator{height:12px;position:absolute;right:-2px;top:-2px;width:12px}.pulse{animation:pulse-dot 1s infinite;background:#fff;border-radius:50%;height:100%;width:100%}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.clear-button{align-items:center;background:#fff;border:2px solid #6c757d;border-radius:25px;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.clear-button:hover:not(:disabled){background:#6c757d;color:#fff;transform:translateY(-1px)}.clear-button:disabled{cursor:not-allowed;opacity:.5}.clear-icon{font-size:16px}.transcript-display{background:#fff;border-left:5px solid #28a745;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.transcript-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.transcript-header>span{align-items:center;color:#155724;display:flex;font-weight:700;gap:8px}.transcript-icon{font-size:18px}.confidence-indicator{align-items:center;display:flex;font-size:12px;gap:8px}.confidence-label{color:#6c757d}.confidence-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:60px}.confidence-fill{background:linear-gradient(90deg,#dc3545,#ffc107,#28a745);border-radius:4px;height:100%;transition:width .3s ease}.confidence-value{color:#155724}.transcript-content{word-wrap:break-word;color:#333;font-size:16px;line-height:1.6;min-height:24px}.final-transcript{color:#155724;font-weight:500}.interim-transcript{background:#f8f9fa;border-radius:4px;color:#6c757d;font-style:italic;margin-left:4px;opacity:.8;padding:2px 4px}.voice-status{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #28a745;border-radius:12px;margin-bottom:20px;padding:20px}.listening-indicator{align-items:center;color:#155724;display:flex;font-size:16px;font-weight:700;gap:12px;margin-bottom:15px}.sound-waves{align-items:center;display:flex;gap:3px}.wave{animation:wave-animation 1.5s ease-in-out infinite;background:#28a745;border-radius:2px;height:20px;width:4px}.wave:nth-child(2){animation-delay:.2s}.wave:nth-child(3){animation-delay:.4s}@keyframes wave-animation{0%,to{height:10px;opacity:.5}50%{height:25px;opacity:1}}.voice-tips{color:#155724;font-size:14px}.voice-tips p{font-weight:700;margin-bottom:10px}.voice-tips ul{list-style-type:none;margin:0;padding-left:20px}.voice-tips li{margin-bottom:6px;padding-left:24px;position:relative}.voice-tips li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.voice-examples{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:15px;padding:16px}.voice-examples h4{color:#155724;font-size:14px;font-weight:700;margin-bottom:12px}.example-phrases{display:flex;flex-wrap:wrap;gap:8px}.example{background:#fff;border:1px solid #dee2e6;border-radius:16px;color:#495057;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .3s ease}.example:hover{background:#28a745;color:#fff;transform:translateY(-1px)}.compatibility-note{background:#28a7451a;border-radius:8px;margin-top:15px;padding:10px;text-align:center}.compatibility-note small{color:#155724;font-size:12px;line-height:1.4}.voice-not-supported{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;padding:40px 20px;text-align:center}.voice-not-supported .voice-icon{display:block;font-size:48px;margin-bottom:16px;opacity:.5}.voice-not-supported h3{color:#495057;font-size:18px;margin-bottom:8px}.voice-not-supported p{font-weight:600;margin-bottom:8px}.voice-not-supported small{font-size:12px;line-height:1.4;opacity:.8}@media (max-width:768px){.voice-input-container{margin-bottom:15px;padding:18px}.voice-title{align-items:flex-start;flex-direction:column;gap:8px}.voice-title h3{font-size:18px}.language-selector{align-items:flex-start;flex-direction:column;gap:8px}.language-select{min-width:auto;width:100%}.voice-controls{flex-direction:column;gap:12px}.voice-button{min-width:auto;width:100%}.transcript-header{align-items:flex-start;flex-direction:column}.confidence-indicator{align-self:stretch}.listening-indicator{align-items:flex-start;gap:8px}.example-phrases,.listening-indicator{flex-direction:column}.example{text-align:center}}@media (max-width:480px){.voice-input-container{padding:15px}.voice-title h3{font-size:16px}.transcript-content{font-size:14px}.voice-examples h4,.voice-tips{font-size:13px}}.weather-widget{background:linear-gradient(135deg,#74b9ff,#0984e3);border-radius:15px;box-shadow:0 8px 25px #74b9ff4d;color:#fff;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.weather-widget:hover{box-shadow:0 12px 35px #74b9ff66;transform:translateY(-5px)}.weather-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.weather-header h3{color:#fff;font-size:1.3rem;margin:0}.refresh-btn{align-items:center;display:flex;font-size:14px;height:35px;justify-content:center;width:35px}.refresh-btn:hover{transform:rotate(180deg)}.weather-content{display:flex;flex-direction:column;gap:15px}.weather-main{align-items:center;display:flex;gap:15px}.weather-icon{font-size:3rem;text-shadow:0 2px 4px #0003}.weather-temp{display:flex;flex-direction:column}.temperature{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.description{font-size:1rem;margin-top:5px;opacity:.9;text-transform:capitalize}.weather-location{font-size:1rem;margin:10px 0;opacity:.9}.weather-details{font-size:.8rem;gap:4px;margin-top:4px}.weather-detail{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;padding:2px 0}.weather-detail .label{opacity:.8}.weather-detail .value{font-weight:600}.weather-widget.loading{animation:loadingPulse 2s ease-in-out infinite;animation:weatherLoadingPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9);border:1px solid #e2e8f0;border:2px solid #1565c01a;color:#64748b;color:#1565c0;overflow:hidden;position:relative}.weather-widget.loading:before{animation:weatherShimmer 2s infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes weatherLoadingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.005)}}@keyframes weatherShimmer{0%{transform:translate(-100%,-100%) rotate(45deg)}to{transform:translate(100%,100%) rotate(45deg)}}.loading-header{margin-bottom:20px}.loading-header h3{color:#0d47a1;font-weight:600;text-shadow:0 1px 3px #0d47a133}.loading-pulse{animation:weatherSpin 1s linear infinite;border:3px solid #ffffff4d;border-top-color:#fff;height:20px;position:relative;width:20px}.loading-pulse:after{animation:weatherPulse 1.5s ease-in-out infinite;background:#fffc;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@keyframes weatherSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes weatherPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.3)}}.skeleton-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #fffc;border-radius:12px;box-shadow:0 4px 16px #1565c01a;display:flex;gap:12px;padding:16px}.skeleton-circle{animation:weatherShimmer 2s infinite;background:linear-gradient(90deg,#1565c01a 25%,#1565c033 50%,#1565c01a 75%);background-size:200% 100%;border-radius:50%;height:48px;width:48px}.skeleton-lines{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-line{animation:weatherShimmer 2s infinite;background:linear-gradient(90deg,#1565c01a 25%,#1565c033 50%,#1565c01a 75%);background-size:200% 100%;border-radius:8px;height:14px}.skeleton-line.long{width:100%}.skeleton-line.medium{width:75%}.skeleton-line.short{width:45%}.skeleton-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.skeleton-stat{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff9;border:1px solid #fffc;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px}.loading-spinner{font-size:1rem;padding:20px;text-align:center}.weather-widget.error{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.error-message{font-size:.9rem;margin:10px 0}.weather-widget.error .refresh-btn{background:#ffffff4d;border-radius:20px;font-size:.9rem;height:auto;margin-top:10px;padding:8px 16px;width:auto}.weather-tabs{background:#ffffff1a;border-radius:10px;display:flex;gap:5px;margin-bottom:20px;padding:5px}.tab-btn{background:#0000;border-radius:8px;color:#fffc;flex:1 1;font-size:.9rem;font-weight:500;padding:10px 15px;transition:all .3s ease}.tab-btn:hover:not(:disabled){background:#fff3;color:#fff}.tab-btn.active{background:#ffffff4d;box-shadow:0 2px 8px #0000001a;color:#fff;font-weight:600}.tab-btn:disabled{cursor:not-allowed;opacity:.5}.weekly-forecast{border-top:1px solid #fff3;margin-top:20px;padding-top:20px}.weekly-forecast h4{color:#fffffff2;font-size:1rem;margin:0 0 15px;text-align:center}.forecast-days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.forecast-day{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;padding:10px 5px;transition:background-color .3s ease}.forecast-day:hover{background:#ffffff26}.day-name{color:#fffc;font-size:.5rem;font-weight:500;margin-bottom:5px;text-align:center}.day-icon{font-size:1.5rem;margin:5px 0;text-shadow:0 1px 2px #0003}.day-temps{align-items:center;display:flex;flex-direction:column;gap:2px}.high-temp{color:#fff;font-size:.8rem;font-weight:600}.low-temp{color:#ffffffb3;font-size:.7rem}@media (max-width:768px){.weather-widget{padding:15px}.weather-main{gap:10px}.weather-icon{font-size:2.5rem}.temperature{font-size:2rem}.weather-header h3{font-size:1.2rem}.weather-tabs{margin-bottom:15px}.tab-btn{font-size:.85rem;padding:8px 12px}.forecast-days{gap:4px;grid-template-columns:repeat(7,1fr)}.forecast-day{padding:8px 3px}.day-name{font-size:.6rem}.day-icon{font-size:1.2rem;margin:3px 0}.high-temp{font-size:.7rem}.low-temp{font-size:.6rem}.weekly-forecast h4{font-size:.9rem;margin-bottom:10px}}.user-chat-toggle{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:50%;bottom:120px;box-shadow:0 6px 20px #2196f366;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:998}.user-chat-toggle:hover{box-shadow:0 8px 25px #2196f380;transform:translateY(-3px) scale(1.05)}.chat-toggle-icon{color:#fff;font-size:28px}.unread-badge{align-items:center;animation:bounce .5s ease;background:linear-gradient(135deg,#f44336,#e53935);border-radius:50%;box-shadow:0 2px 8px #f4433666;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}.user-chat-container{animation:slideIn .4s ease-out;background:#fff;border-radius:20px;bottom:30px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;height:650px;overflow:hidden;position:fixed;right:30px;width:750px;z-index:999}.user-chat-header{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 10px #2196f333;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:20px;position:relative}.user-chat-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:-20%;top:-50%;width:200px}.header-info{gap:12px;position:relative;z-index:1}.chat-avatar,.header-info{align-items:center;display:flex}.chat-avatar{background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:50%;box-shadow:0 4px 12px #00000026;color:#2196f3;font-size:22px;height:44px;justify-content:center;width:44px}.header-info h3{font-size:16px;font-weight:700;letter-spacing:.3px;margin:0;text-shadow:0 1px 2px #0000001a}.online-count{font-size:12px;font-weight:500;opacity:.95}.close-chat-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:relative;transition:all .3s ease;width:36px;z-index:1}.close-chat-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:rotate(90deg) scale(1.1)}.user-chat-body{display:flex;flex:1 1;overflow:hidden}.chat-sidebar{background:linear-gradient(180deg,#f8f9fa 0,#f0f2f5);border-right:1px solid #e0e0e0;display:flex;flex-direction:column;width:280px}.search-users{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px}.search-input{font-size:14px;padding:12px 16px}.search-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.user-list{flex:1 1;overflow-y:auto}.user-list::-webkit-scrollbar{width:6px}.user-list::-webkit-scrollbar-track{background:#0000000d}.user-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:10px}.user-item{align-items:center;border-bottom:1px solid #0000000d;cursor:pointer;display:flex;gap:12px;padding:14px 16px;position:relative;transition:all .2s ease}.user-item:hover{background:#2196f30d}.user-item.active{background:linear-gradient(90deg,#2196f31a,#2196f30d);border-left:3px solid #2196f3}.user-avatar-container{position:relative}.user-avatar{align-items:center;background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000001a;display:flex;font-size:20px;height:42px;justify-content:center;width:42px}.online-indicator{animation:pulse 2s ease-in-out infinite;background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 0 0 2px #4caf504d;height:12px;position:absolute;right:2px;width:12px}.user-info{flex:1 1;min-width:0}.user-name{color:#333;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-type{color:#666;font-size:12px;text-transform:capitalize}.unread-count{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:12px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.no-users{color:#999;font-size:14px;padding:40px 20px;text-align:center}.chat-area{background:#fff;display:flex;flex:1 1;flex-direction:column}.chat-area-header{background:linear-gradient(180deg,#fff 0,#fafafa);border-bottom:1px solid #e0e0e0;padding:16px 20px}.chat-user-info{align-items:center;display:flex;gap:12px}.chat-user-avatar{align-items:center;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:50%;box-shadow:0 2px 6px #0000001a;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.chat-user-name{color:#333;font-size:15px;font-weight:600;margin-bottom:2px}.chat-user-status{color:#666;font-size:12px}.chat-messages{gap:12px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2196f3,#1976d2)}.chat-message{animation:messageSlideIn .3s ease-out;display:flex}.chat-message.sent{justify-content:flex-end}.chat-message.received{justify-content:flex-start}.message-bubble{border-radius:18px;box-shadow:0 2px 8px #00000014;max-width:70%;padding:12px 16px;position:relative}.chat-message.sent .message-bubble{background:linear-gradient(135deg,#2196f3,#1976d2);border-bottom-right-radius:4px;color:#fff}.chat-message.received .message-bubble{background:#fff;border:1px solid #0000000d;border-bottom-left-radius:4px;color:#333}.message-text{word-wrap:break-word;line-height:1.5;margin-bottom:4px}.message-time{opacity:.7;text-align:right}.typing-indicator-container{align-items:center;background:#fff;border-radius:18px;box-shadow:0 2px 6px #00000014;display:flex;gap:8px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typingDot 1.4s infinite;background:#2196f3;border-radius:50%;height:8px;width:8px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.typing-text{color:#666;font-size:12px;font-style:italic}.no-messages{font-size:16px}.no-chat-selected,.no-messages{align-items:center;color:#999;display:flex;flex:1 1;justify-content:center}.no-chat-selected{flex-direction:column;padding:40px;text-align:center}.no-chat-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-chat-selected h3{color:#666;font-size:18px;margin:0 0 8px}.no-chat-selected p{color:#999;font-size:14px;margin:0}.chat-input-container{background:linear-gradient(180deg,#fff 0,#f9f9f9);border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000000d;display:flex;gap:12px;padding:16px}.message-input{background:#fff;border:2px solid #e0e0e0;border-radius:25px;box-shadow:inset 0 2px 4px #0000000a;flex:1 1;font-size:14px;padding:14px 18px;transition:all .3s ease}.message-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a,inset 0 2px 4px #0000000a;outline:none}.send-message-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:50%;box-shadow:0 4px 12px #2196f34d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.send-message-btn:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 6px 16px #2196f366;transform:scale(1.05) translateY(-1px)}.send-message-btn:active:not(:disabled){box-shadow:0 2px 8px #2196f34d;transform:scale(.95)}.send-message-btn:disabled{background:linear-gradient(135deg,#ccc,#bbb);box-shadow:none;cursor:not-allowed;opacity:.5}@media (max-width:768px){.user-chat-container{border-radius:0;bottom:0;height:100vh;right:0;width:100vw}.user-chat-toggle{bottom:20px;right:20px}.chat-sidebar{transition:transform .3s ease;width:100%;z-index:2}.chat-area,.chat-sidebar{bottom:0;left:0;position:absolute;top:69px}.chat-area{right:0}.user-item.active~.chat-area{z-index:3}}.widget-highlight{animation:widgetHighlightAnim 1.2s;border-radius:12px;box-shadow:0 0 0 4px #205eca,0 2px 12px #205eca26;z-index:2}@keyframes widgetHighlightAnim{0%{box-shadow:0 0 0 0 #205eca,0 2px 12px #205eca26}60%{box-shadow:0 0 0 8px #205eca,0 2px 12px #205eca26}to{box-shadow:0 0 0 0 #205eca,0 2px 12px #205eca26}}.dashboard{background-color:#f5f5f5;display:flex;margin-top:80px;min-height:100vh}.widgets{background:none;box-shadow:none;display:flex;flex-direction:column;gap:30px;margin-top:8px;padding:0 10px;width:100%}.widgets-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));padding:4px;width:100%}@media (max-width:1024px){.widgets-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.widgets-grid{gap:20px;grid-template-columns:1fr}}.yield-section{margin-top:10px;width:100%}.widget-yield{min-height:400px;width:100%}.sidebar{background:#1f2937;box-shadow:2px 0 8px #0000001a;color:#fff;min-height:calc(100vh - 80px);padding:24px;position:relative;width:260px;z-index:1}.sidebar h2{border-bottom:2px solid #ffffff1a;color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:32px;padding-bottom:16px;text-align:center}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{margin-bottom:8px}.sidebar a{align-items:center;border-radius:8px;color:#d1d5db!important;display:flex;font-size:.95rem;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .2s ease}.sidebar a:hover{background:#ffffff1a!important;color:#fff!important;transform:translateX(4px)}.main-content{background:#f9fafb;flex:1 1;padding:32px}.header{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:16px}.header h1{color:#1f2937;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0}.widget{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:auto;max-height:550px;min-height:400px;overflow-y:auto;padding:24px;position:relative;transition:all .3s ease;width:100%}.widget:before{background:linear-gradient(90deg,#4caf50,#2196f3);border-radius:16px 16px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.widget:hover:before{opacity:1}.widget:hover{border-color:#d1d5db;box-shadow:0 12px 24px #0000001f,0 4px 8px #00000014;transform:translateY(-4px)}.widget h3{color:#1f2937;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:16px}.widget p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0}.widget-zoom{animation:zoom-effect .3s ease-in-out}@keyframes zoom-effect{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}html{scroll-behavior:smooth}.weather-widget{transition:transform .3s ease-in-out}.widget-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px;scroll-margin-top:100px;transition:all .3s ease-in-out}.widget-section h2{color:#2d5016;font-size:1.5rem;margin-bottom:20px}.section-highlight{animation:highlight-pulse 1s ease-in-out}@keyframes highlight-pulse{0%{box-shadow:0 2px 10px #0000001a;transform:scale(1)}50%{background:#2d50160d;box-shadow:0 4px 20px #2d501633;transform:scale(1.02)}to{box-shadow:0 2px 10px #0000001a;transform:scale(1)}}@media (max-width:768px){.dashboard{flex-direction:column;margin-top:85px}.sidebar{background:linear-gradient(135deg,#2d5016,#1a3009 50%,#0f1a05)!important;min-height:auto;padding:12px 15px;width:100%}.sidebar h2{font-size:1.2rem;margin-bottom:15px;padding-bottom:10px}.sidebar ul{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sidebar li{margin-bottom:0}.sidebar a{border-radius:6px;font-size:.85rem;padding:8px 12px;white-space:nowrap}.main-content{padding:15px}.header{margin-bottom:20px;text-align:center}.header h1{color:#2d5016;font-size:1.8rem;font-weight:700;margin-bottom:15px}.header div[style]{align-items:center!important;display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:15px!important;margin-top:12px!important}.header select{background-color:#fff!important;border:2px solid #2d5016!important;border-radius:10px!important;box-shadow:0 2px 8px #2d50161a!important;color:#2d5016!important;font-size:.9rem!important;font-weight:600!important;max-width:300px!important;padding:12px 16px!important;width:100%!important}.widgets{padding:0;width:100%}.widgets,.widgets-grid{display:flex;flex-direction:column;gap:24px}.widgets-grid{grid-template-columns:1fr}.widget{flex:none;height:auto;margin-bottom:20px;max-height:none;min-height:400px;scroll-snap-align:start;width:100%}.main-content{overflow-y:auto;scroll-snap-type:y mandatory}}@media (max-width:480px){.dashboard{margin-top:75px}.sidebar{padding:10px 12px}.sidebar h2{font-size:1.1rem;margin-bottom:12px}.sidebar a{font-size:.8rem;padding:6px 10px}.main-content{padding:12px}.header{margin-bottom:15px}.header h1{font-size:1.5rem;margin-bottom:12px}.header select{font-size:.85rem!important;max-width:280px!important;padding:10px 14px!important}.widget{border-radius:16px;height:auto;margin-bottom:15px;min-height:400px;padding:20px 16px}.widget-yield{min-height:350px}.widgets,.widgets-grid{gap:15px}.widgets{gap:16px}}.modal-overlay{animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#000000bf,#2d501666)}.modal-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#fff,#f8fbff);border:2px solid #fffc;border-radius:24px;box-shadow:0 25px 80px #0006,0 10px 40px #2d501633,inset 0 1px 0 #ffffffe6;flex-direction:column;max-width:90vw;width:900px}.modal-header{background:linear-gradient(135deg,#1a5f1a,#2d5016 50%,#4a7c2a);box-shadow:0 4px 15px #0000001a;padding:24px 30px;position:relative}.modal-header:after{background:linear-gradient(90deg,#4caf50,#2196f3 50%,#ff9800);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.modal-header h2{gap:10px;letter-spacing:-.02em;text-shadow:0 2px 10px #0003}.modal-close{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:1.6rem;font-weight:700;height:40px;justify-content:center;padding:5px;transition:all .3s ease;width:40px}.modal-close:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 4px 15px #0000004d;transform:rotate(90deg) scale(1.1)}.modal-body{background:linear-gradient(135deg,#f8fbff,#fff);flex:1 1;max-height:calc(90vh - 100px);overflow-x:hidden}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4caf50,#2196f3);border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#45a049,#1976d2)}.modal-widget{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #2196f333;border-radius:16px;box-shadow:0 4px 20px #00000014,inset 0 1px 0 #ffffffe6;height:auto;max-height:none;min-height:auto;overflow:visible;padding:28px}.modal-widget>*{max-width:100%;overflow-x:auto}.fertilizer-modal-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:2fr 1fr}.fertilizer-info{background:linear-gradient(145deg,#fff,#f0f9ff);border:2px solid #4caf5033;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:28px}.fertilizer-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d5016,#4caf50);-webkit-background-clip:text;background-clip:text;color:#1a5f1a;font-size:1.5rem;font-weight:700;margin-bottom:18px}.fertilizer-info p{color:#546e7a;font-size:1.05rem;line-height:1.8;margin-bottom:24px}.fertilizer-info ul{list-style:none;margin:0;padding:0}.fertilizer-info li{background:#4caf500d;border-left:4px solid #4caf50;border-radius:8px;color:#37474f;line-height:1.6;margin-bottom:10px;padding:14px 18px;transition:all .3s ease}.fertilizer-info li:hover{background:#4caf501a;box-shadow:0 2px 10px #4caf5026;transform:translateX(5px)}.fertilizer-info li:last-child{margin-bottom:0}.fertilizer-info li strong{color:#1a5f1a;font-size:1.05rem;font-weight:700}.download-section{background:linear-gradient(135deg,#1a5f1a,#2d5016 50%,#4a7c2a);border:2px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 25px #2d50164d;color:#fff;height:-webkit-fit-content;height:fit-content;padding:30px;text-align:center}.download-section h3{font-size:1.4rem;font-weight:700;margin-bottom:18px;text-shadow:0 2px 10px #0003}.download-section p{font-size:1rem;line-height:1.7;margin-bottom:24px;opacity:.95}.download-btn-modal{background:#fff;border:2px solid #fff;border-radius:10px;box-shadow:0 4px 15px #0003;color:#1a5f1a;display:inline-block;font-size:1.05rem;font-weight:700;padding:14px 28px;text-decoration:none;transition:all .3s ease}.download-btn-modal:hover{background:#fffffff2;box-shadow:0 8px 25px #0000004d;color:#2d5016;transform:translateY(-3px) scale(1.05)}@media (max-width:1200px){.main-content{padding:24px}.sidebar{padding:20px;width:220px}}@media (max-width:768px){.widgets,.widgets-grid{gap:16px}.widget-yield{min-height:350px}.modal-content{margin:20px;max-height:95vh;width:95vw}.modal-header{padding:15px 20px}.modal-header h2{font-size:1.3rem}.modal-body{max-height:calc(95vh - 70px);padding:20px}.fertilizer-modal-content{gap:20px;grid-template-columns:1fr}.download-section,.fertilizer-info{padding:20px}.modal-widget{padding:15px}}.drone-control-panel{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);padding:20px}.drone-camera,.drone-controls,.drone-missions,.drone-status{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.drone-camera h3,.drone-controls h3,.drone-missions h3,.drone-status h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 20px}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.status-item{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.status-label{color:#6c757d;font-size:.9rem;font-weight:500}.status-value{color:#2c3e50;font-size:1.1rem;font-weight:600}.status-value.connected{color:#28a745}.control-buttons{grid-gap:12px;display:grid;grid-template-columns:repeat(2,1fr)}.drone-btn{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .3s ease}.drone-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.drone-btn.takeoff{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.drone-btn.land{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.drone-btn.return{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.drone-btn.emergency{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.direction-controls{align-items:center;display:flex;justify-content:center;padding:20px}.direction-pad{flex-direction:column}.direction-pad,.middle-row{align-items:center;display:flex;gap:8px}.dir-btn{background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1.5rem;height:60px;transition:all .2s ease;width:60px}.dir-btn:hover{box-shadow:0 4px 8px #0003;transform:scale(1.1)}.dir-btn:active{transform:scale(.95)}.center-dot{background:radial-gradient(circle,#007bff 0,#0056b3 100%);border-radius:50%;box-shadow:0 0 20px #007bff66;height:60px;width:60px}.mission-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.mission-btn{background:#fff;border:2px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 20px;transition:all .3s ease}.mission-btn:hover{background:#007bff;box-shadow:0 4px 8px #007bff4d;color:#fff;transform:translateY(-2px)}.camera-placeholder{align-items:center;background:#000;border-radius:8px;color:#fff;display:flex;flex-direction:column;gap:16px;height:300px;justify-content:center}.camera-placeholder p{font-size:1.1rem;margin:0;opacity:.7}.drone-camera{grid-column:1/-1}.widget-content{padding:20px;text-align:center}.widget-content h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 12px}.widget-content p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0 0 16px}.widget-stats{background:#f3f4f6;border-radius:8px;display:flex;gap:12px;justify-content:space-around;margin-top:16px;padding:12px}.widget-stats span{color:#374151;flex:1 1;font-size:.875rem;font-weight:600;text-align:center}@media (max-width:1200px){.drone-control-panel{grid-template-columns:1fr}.drone-camera{grid-column:1}}@media (max-width:768px){.control-buttons,.mission-buttons,.status-grid{grid-template-columns:1fr}.direction-pad{transform:scale(.9)}}.soil-widget{background:linear-gradient(135deg,#8b4513,sienna 50%,peru);border-radius:15px;box-shadow:0 8px 32px #8b45134d;color:#fff;font-family:Arial,sans-serif;max-height:560px;min-height:320px;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative}.soil-widget:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='80' cy='40' r='1.5' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='40' cy='70' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='70' cy='80' r='2.5' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.widget-header h3{color:#fff}.refresh-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;font-size:16px;padding:8px 12px}.refresh-btn:hover{background:#ffffff4d;transform:rotate(1turn)}.soil-widget.loading{animation:soilPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef7e6,#fef3e2 50%,#fed7aa);border:1px solid #fed7aa;border-radius:15px;box-shadow:0 8px 32px #8b45134d;color:#92400e;max-height:560px;min-height:320px;overflow:hidden;padding:20px;position:relative}.soil-widget.loading:before{display:none}.loading-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;position:relative;z-index:1}.loading-header h3{animation:titleFloat 2s ease-in-out infinite;color:#92400e;text-shadow:none}.loading-pulse{background:#d97706}.loading-spinner{border:3px solid #d9770633;border-top-color:#d97706}.loading-content p{color:#92400e}@keyframes soilPulse{0%,to{opacity:1}50%{opacity:.95}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.loading-content{gap:20px}.skeleton-soil-card{align-items:center;background:#fff9;border:1px solid #8b45131a;border-radius:12px;display:flex;gap:16px;padding:16px}.skeleton-soil-circle{animation:soilShimmer 2s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f7fafc 50%,#e2e8f0 75%);border-radius:50%;flex-shrink:0;height:48px;width:48px}.skeleton-soil-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.skeleton-metric{background:#fff9;border:1px solid #8b45131a;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px}.skeleton-line{animation:soilShimmer 2s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f7fafc 50%,#e2e8f0 75%);border-radius:5px;height:10px}.skeleton-line.soil-long{width:100%}.skeleton-line.soil-medium{width:75%}.skeleton-line.soil-short{width:60%}.skeleton-line.soil-tiny{width:40%}.loading-text{align-items:center;background:#fff6;border:1px solid #8b45131a;border-radius:8px;display:flex;gap:8px;justify-content:center;padding:16px}.analyzing-text{color:#4a5568;font-size:14px;font-weight:500}.loading-dots{gap:2px}.loading-dots span{animation:soilDots 1.4s ease-in-out infinite;color:#38a169;font-weight:700}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes soilDots{0%,80%,to{opacity:.5;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}@keyframes soilShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center;position:relative;z-index:1}.spinner{border:3px solid #ffffff4d;height:40px;margin-bottom:15px;width:40px}.error{padding:20px;position:relative;text-align:center;z-index:1}.retry-btn{background:#fff3;border:1px solid #ffffff4d;margin-top:10px;padding:8px 16px}.retry-btn:hover{background:#ffffff4d}.warning{background:#ffc10733;border:1px solid #ffc10780;border-radius:6px;margin-bottom:15px;padding:8px 12px;position:relative;z-index:1}.warning small{font-size:.85em}.soil-overview{margin-bottom:20px;position:relative;z-index:1}.soil-status{align-items:center;display:flex;gap:15px;margin-bottom:10px}.status-indicator{border:3px solid #ffffff4d;box-shadow:0 4px 15px #0003;color:#fff!important;height:60px;justify-content:center;width:60px}.status-text{color:#fff;font-size:.8em;font-weight:700;text-align:center;text-shadow:0 1px 2px #00000080}.soil-type{flex:1 1}.soil-type strong{display:block;font-size:1.1em;margin-bottom:2px}.soil-type small{color:#fffc;font-size:.9em}.location-info{display:flex;gap:10px;justify-content:space-between}.location-info small{color:#fffc;font-size:.85em}.soil-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px;position:relative;z-index:1}.metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;padding:12px;text-align:center}.metric-label{color:#ffffffe6;display:block;font-size:.85em;margin-bottom:5px}.metric-value{display:block;font-size:1.4em;margin-bottom:2px}.metric-status,.metric-unit{color:#fffc;display:block;font-size:.8em}.soil-composition{margin-bottom:20px;position:relative;z-index:1}.soil-composition h4{color:#fffffff2;font-size:1.1em;margin:0 0 15px}.composition-bars{display:flex;flex-direction:column;gap:10px}.composition-item{display:flex;flex-direction:column;gap:5px}.composition-item span{color:#ffffffe6;font-size:.9em}.progress-bar{background:#fff3;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.progress-fill.sand{background:linear-gradient(90deg,#f4a460,#deb887)}.progress-fill.clay{background:linear-gradient(90deg,sienna,#8b4513)}.progress-fill.silt{background:linear-gradient(90deg,tan,#bc9a6a)}.recommendations{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:15px;padding:15px;z-index:1}.recommendations h4{color:#fffffff2;font-size:1em}.recommendations li{color:#ffffffe6;font-size:.9em;line-height:1.4;margin-bottom:5px}.last-updated{position:relative;text-align:center;z-index:1}.last-updated small{color:#ffffffb3;font-size:.8em}.crop-recommendations{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;margin-top:20px;padding:20px;position:relative;z-index:1}.crop-recommendations h4{color:#fff;font-size:1.1em;margin-bottom:15px;text-align:center}.crop-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:15px}.crop-item{background:#ffffff26;border:1px solid #fff3;border-radius:10px;padding:15px;transition:all .3s ease}.crop-item:hover{background:#fff3;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.crop-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.crop-name{color:#fff;font-size:1.1em;font-weight:700}.crop-season{background:#fff3;border-radius:12px;color:#fff;font-size:.8em;font-weight:500;padding:4px 8px}.crop-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.crop-details small{background:#ffffff1a;border-radius:6px;color:#ffffffe6;font-size:.75em;padding:4px 8px;text-align:center}.crop-fertilizer{margin-top:8px}.crop-fertilizer small{background:#228b224d;border:1px solid #228b2280;border-radius:8px;color:#fff;display:block;font-size:.8em;padding:6px 10px;text-align:center}.more-crops{background:#ffffff0d;border:1px dashed #fff3;border-radius:8px;margin-top:15px;padding:10px;text-align:center}.more-crops small{color:#fffc;font-style:italic}.crop-recommendations ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin:0;padding:0}.crop-recommendations li{background:#ffffff2e;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 2px 8px #8b451314;color:#4e2e0e;display:inline-block;font-size:1em;font-weight:600;margin:4px 0;padding:8px 18px}@media (max-width:768px){.soil-widget{min-height:350px;padding:15px}.soil-metrics{gap:10px;grid-template-columns:1fr}.soil-status{gap:10px}.location-info,.soil-status{flex-direction:column;text-align:center}.location-info{gap:5px}.widget-header h3{font-size:1.1em}.crop-list{gap:12px}.crop-details,.crop-list{grid-template-columns:1fr}.crop-details{gap:6px}.crop-item{padding:12px}.crop-header{align-items:flex-start;flex-direction:column;gap:8px}}@media (prefers-color-scheme:dark){.soil-widget{box-shadow:0 8px 32px #00000080}}.crop-status-widget{background:linear-gradient(135deg,#4caf50,#2e7d32 50%,#1b5e20);border-radius:15px;box-shadow:0 8px 32px #4caf504d;color:#fff;font-family:Arial,sans-serif;max-height:560px;min-height:320px;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative}.crop-status-widget:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20 50q10-20 20 0t20 0' stroke='rgba(255,255,255,0.1)' stroke-width='2' fill='none'/%3E%3Ccircle cx='30' cy='20' r='3' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='70' cy='30' r='2' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.widget-header{z-index:1}.widget-header h3{font-size:1.3em;text-shadow:0 2px 4px #0000004d}.header-actions{gap:10px}.history-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.history-btn:hover{background:#ffffff4d;transform:scale(1.1)}.error-message{background:#f4433633;border:1px solid #f4433680;margin-bottom:15px;padding:10px 15px;position:relative;z-index:1}.error-message span{font-size:.9em}.upload-section{margin-bottom:20px;z-index:1}.upload-area{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px dashed #ffffff80;display:flex;justify-content:center;min-height:200px;padding:20px}.upload-area:hover{background:#ffffff26;border-color:#fffc}.upload-area.has-image{min-height:250px;padding:10px}.upload-placeholder{gap:10px}.upload-placeholder p{color:#fff}.upload-icon{opacity:.8}.upload-placeholder p{font-size:1.1em;font-weight:500}.upload-placeholder small{font-size:.9em;opacity:.8}.image-preview{height:100%;width:100%}.image-preview img{height:200px}.image-overlay{right:10px;top:10px}.clear-btn{align-items:center;background:#f44336cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.clear-btn:hover{background:#f44336;transform:scale(1.1)}.file-input{display:none}.action-buttons{gap:10px;margin-bottom:20px;position:relative;z-index:1}.analyze-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;display:flex;flex:1 1;font-size:1em;font-weight:500;justify-content:center;padding:12px 20px}.analyze-btn:hover:not(:disabled){background:#ffffff4d}.clear-action-btn{background:#f443364d;border:1px solid #f4433680;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px;transition:all .3s ease}.clear-action-btn:hover{background:#f4433680}.analysis-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff57224d,#f4433640 50%,#d32f2f4d);border:2px solid #ff980080;border-radius:12px;box-shadow:0 4px 20px #ff57224d;margin-bottom:20px;padding:20px;z-index:1}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.status-indicator{background:#0000004d;font-size:1em;font-weight:700;padding:8px 16px;text-shadow:0 2px 4px #000c,0 0 10px #00000080}.confidence{align-items:flex-end;color:#fff;display:flex;flex-direction:column;gap:2px}.confidence-label{color:#fff;font-size:.9em;font-weight:600;text-shadow:0 2px 4px #000c}.confidence-value{color:#fff;font-size:1.4em;font-weight:700;text-shadow:0 2px 4px #000c,0 0 10px #00000080}.confidence-value.nutrient-deficiency{color:#fff!important;font-weight:700;text-shadow:0 0 2px #fff}.result-details{margin-top:15px}.description{color:#fff;font-size:1.05em;font-weight:600;line-height:1.5;margin-bottom:15px;text-shadow:0 2px 4px #000000b3}.crop-info{background:linear-gradient(135deg,#ffeb3b33,#ffc10726);border:1px solid #ffeb3b4d;border-radius:8px;padding:10px 15px}.crop-info,.leaf-analysis{color:#fff;font-size:1em;font-weight:600;margin-bottom:15px;text-shadow:0 2px 4px #000000b3}.leaf-analysis{background:linear-gradient(90deg,#ff980040,#ffc10733);border-left:4px solid #ffc107b3;border-radius:8px;box-shadow:0 2px 10px #ff980033;padding:12px 15px}.leaf-details{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.leaf-color,.leaf-pattern,.leaf-status{background:#0000004d;border-radius:4px;color:#fff;font-size:.9em;font-weight:600;padding:5px 10px;text-shadow:0 1px 3px #000c;text-transform:capitalize}.leaf-disease{background:#f44336b3!important;border:1px solid #f44336;color:#fff!important;font-weight:700}.leaf-color{background:#4caf504d}.leaf-pattern{background:#ffc1074d}.leaf-analysis-debug{background:#ff980033;border:2px solid #ff9800;border-radius:8px;margin:15px 0;padding:12px}.leaf-analysis-debug .leaf-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.leaf-analysis-debug .leaf-details span{background:#ff98004d;border-radius:4px;color:#0d0a0a;font-size:.85em;padding:4px 8px}.recommendations{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#ffc10766,#ff980066)!important;border:2px solid #ffeb3b99!important;border-radius:10px!important;box-shadow:0 4px 20px #ffc10766!important;margin-top:15px!important;min-height:60px!important;padding:15px!important}.recommendations h4{color:#fff;font-size:1.1em;margin:0 0 10px;text-shadow:0 2px 4px #000c}.recommendations ul{margin:0;padding-left:20px}.recommendations li{color:#fff;font-size:1em;font-weight:600;line-height:1.6;list-style-type:disc;margin-bottom:8px;text-shadow:0 2px 4px #000000b3}.recommendations-fallback{background:#ffc10733;border:1px solid #ffc1074d;border-radius:8px;color:#ffffffb3;font-style:italic;padding:15px;text-align:center}.additional-info{margin-top:15px;text-align:center}.additional-info small{font-size:.8em;opacity:.7}.analysis-history{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:15px;padding:15px;position:relative;z-index:1}.analysis-history h4{color:#fffffff2;font-size:1em;margin:0 0 15px}.history-list{gap:10px}.history-item{background:#ffffff1a;border-radius:8px;justify-content:space-between;padding:10px 15px}.history-info{display:flex;flex-direction:column;gap:2px}.history-status{font-size:.9em;font-weight:600}.history-crop{font-size:.8em;opacity:.8}.history-meta{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.history-confidence{font-size:.8em;font-weight:600}.history-date{font-size:.7em;opacity:.8}.analysis-overlay{align-items:center;background:#00000080;border-radius:15px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.analysis-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;padding:30px;text-align:center}.progress-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 15px;width:40px}.analysis-progress p{font-size:1.1em;font-weight:500;margin:0 0 5px}.analysis-progress small{font-size:.9em;opacity:.8}.status-indicator.success{background:#4caf50cc;color:#fff}@media (max-width:768px){.crop-status-widget{min-height:350px;padding:15px}.upload-area{min-height:150px;padding:15px}.upload-area.has-image{min-height:200px}.image-preview img{height:150px}.upload-icon{font-size:2.5rem}.action-buttons,.result-header{flex-direction:column}.result-header{gap:10px}.confidence,.history-item,.result-header{align-items:flex-start}.history-item{flex-direction:column;gap:8px}.history-meta{align-items:flex-start}.widget-header h3{font-size:1.1em}}@media (prefers-color-scheme:dark){.crop-status-widget{box-shadow:0 8px 32px #00000080}}.yield-prediction-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;box-shadow:0 4px 20px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:25px}.yield-header{align-items:center;border-bottom:2px solid #e3f0ff;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.yield-header h3{color:#2d5016;font-size:1.4rem;font-weight:600;margin:0}.crop-selector{align-items:center;display:flex;gap:10px}.crop-selector label{color:#555;font-size:.95rem;font-weight:500}.crop-select{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:.95rem;min-width:140px;padding:8px 15px;transition:all .3s ease}.crop-select:focus{box-shadow:0 0 0 3px #4caf501a;outline:none}.crop-select:focus,.crop-select:hover{border-color:#4caf50}.yield-prediction-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-steps{display:flex;flex-direction:column;gap:10px;margin-top:20px;min-width:300px}.step{background:#f8f9fa;border-left:4px solid #ddd;border-radius:8px;color:#666;padding:10px 15px}.step.active{animation:pulse 1.5s infinite;background:#e3f0ff;border-left-color:#2196f3;color:#2196f3}.step.completed{background:#e8f5e8;border-left-color:#4caf50;color:#4caf50}.loading-spinner{margin-bottom:20px}.yield-prediction-loading p{color:#666;font-size:1rem;margin:0}.prediction-content{display:flex;flex-direction:column;gap:25px}.kaggle-attribution{background:linear-gradient(135deg,#fff,#f0f8ff);border:2px solid #20beff;border-radius:12px;margin-bottom:20px;padding:15px}.dataset-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.kaggle-badge{background:#20beff;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 12px}.dataset-name{color:#333;font-size:.95rem;font-weight:600}.data-status{background:#4caf50;border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 10px}.current-data-highlight{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:10px;color:#fff;display:flex;font-size:.85rem;gap:10px;margin-top:8px;padding:8px 12px}.current-badge{background:#fff3;border-radius:12px;font-size:.75rem;font-weight:600;padding:3px 8px}.current-info{font-weight:500}.no-data-message{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;color:#666;padding:40px 20px;text-align:center}.no-data-message p{margin:5px 0}.charts-section{grid-gap:25px;gap:25px;grid-template-columns:2fr 1fr;margin-bottom:20px}.chart-container{background:#fff;border:1px solid #e9ecef;box-shadow:0 2px 10px #0000000d;padding:20px}.chart-container h4{color:#2d5016;font-size:1.1rem;font-weight:600;margin:0 0 15px}.factors-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px}.factors-container h4{color:#2d5016;font-size:1.1rem;font-weight:600;margin:0 0 20px}.factors-grid{gap:15px}.factor-bar,.factors-grid{display:flex;flex-direction:column}.factor-bar{gap:8px}.factor-label{align-items:center;color:#555;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between}.factor-value{color:#333;font-weight:600}.factor-progress{background:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.factor-fill{border-radius:4px;height:100%;transition:width .6s ease}.prediction-summary{margin:20px 0}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.summary-cards{gap:15px;grid-template-columns:1fr}.summary-card{gap:15px;padding:15px}.card-icon{font-size:2rem;min-width:40px}.main-value{font-size:1.4rem}}.summary-card{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;gap:20px;min-height:80px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.summary-card.low-performance{background:linear-gradient(135deg,#fff8f8,#ffeaea);border:1px solid #ffebee}.summary-card.low-performance:before{content:"⚠️";font-size:1.2rem;position:absolute;right:12px;top:10px;z-index:1}.summary-card.excellent-performance{background:linear-gradient(135deg,#f0fff4,#e8f8ed);border:1px solid #c8e6c9}.summary-card.excellent-performance:before{content:"🌟";font-size:1.2rem;position:absolute;right:12px;top:10px;z-index:1}.summary-card:hover{box-shadow:0 6px 25px #0000001f;transform:translateY(-2px)}.card-icon{flex-shrink:0;font-size:2.5rem;line-height:1;min-width:50px;text-align:center}.card-content{flex:1 1;min-width:0}.card-content h5{color:#555;font-size:.9rem;font-weight:500;letter-spacing:.5px;line-height:1.3;margin:0 0 8px;text-transform:uppercase}.main-value{word-wrap:break-word;color:#2d5016;font-size:1.6rem;font-weight:700;line-height:1.2;margin:5px 0 8px}.main-value.low-value{color:#d32f2f}.main-value.excellent-value{color:#2e7d32}.main-value.warning-value{color:#f57c00}.sub-value{color:#888;font-size:.85rem;margin:0}.recommendations-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px}.recommendations-section h4{color:#2d5016;font-size:1.2rem;font-weight:600;margin:0 0 20px}.recommendations-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.recommendation-card{background:#fafafa;border-left:4px solid;border-radius:10px;padding:18px;transition:transform .2s ease,box-shadow .2s ease}.recommendation-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(3px)}.recommendation-card.priority-high{background:linear-gradient(135deg,#ffebee,#fafafa);border-left-color:#f44336}.recommendation-card.priority-medium{background:linear-gradient(135deg,#fff3e0,#fafafa);border-left-color:#ff9800}.recommendation-card.priority-low{background:linear-gradient(135deg,#e8f5e8,#fafafa);border-left-color:#4caf50}.rec-header{margin-bottom:10px}.rec-type{font-size:1.2rem}.priority-badge{border-radius:12px;font-size:.7rem;padding:4px 8px;text-transform:uppercase}.priority-badge.priority-high{background:#f44336;color:#fff}.priority-badge.priority-medium{background:#ff9800;color:#fff}.priority-badge.priority-low{background:#4caf50;color:#fff}.recommendation-card h6{color:#333;font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 8px}.rec-action{color:#666;font-size:.85rem;font-style:italic;line-height:1.4;margin:0}.rec-impact{background:#4caf501a;border-left:3px solid #4caf50;border-radius:4px;color:#4caf50;font-size:.8rem;font-weight:600;margin:8px 0 0;padding:4px 8px}.prediction-disclaimer{background:linear-gradient(135deg,#fff3cd,#fefefe);border-radius:8px;margin-top:20px}.prediction-disclaimer p{line-height:1.5}.kaggle-citation{border-top:1px solid #ffeaa7;margin-top:15px;padding-top:15px}.kaggle-citation p{color:#666;font-size:.8rem;margin:0;text-align:center}@media (max-width:1024px){.charts-section{gap:20px;grid-template-columns:1fr}.yield-header{align-items:flex-start;flex-direction:column;gap:15px}.crop-selector{justify-content:flex-start;width:100%}}@media (max-width:768px){.yield-prediction-container{padding:20px}.recommendations-grid,.summary-cards{grid-template-columns:1fr}.chart-container,.factors-container{padding:15px}.yield-header h3{font-size:1.2rem}.summary-card{padding:15px}.main-value{font-size:1.2rem}}@media (max-width:480px){.yield-prediction-container{padding:15px}.crop-select{font-size:.9rem;min-width:120px}.factor-label{font-size:.85rem}.recommendation-card{padding:15px}}.pest-detection-container{background:linear-gradient(145deg,#fff,#f8fafc 50%,#f1f5f9);border:2px solid #94a3b833;border-radius:28px;box-shadow:0 20px 60px #0000001f,0 8px 24px #00000014,inset 0 1px 0 #fffc;margin:20px auto;max-width:1400px;min-height:calc(100vh - 40px);overflow:visible;padding:32px;position:relative}.pest-detection-container:before{animation:headerGradient 4s ease-in-out infinite;background:linear-gradient(90deg,#dc2626,#3b82f6,#eab308,#059669);background-size:400% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes headerGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.pest-header{margin-bottom:40px}.header-content{background:linear-gradient(145deg,#fff,#f8fafc);border:1.5px solid #e2e8f080;border-radius:24px;box-shadow:0 12px 40px #0000001a,0 4px 16px #0000000d,inset 0 1px 0 #ffffffe6;gap:20px;overflow:hidden;padding:32px;position:relative}.header-content:after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.header-icon{background:linear-gradient(145deg,#dcfce7,#bbf7d0);border-radius:20px;box-shadow:0 8px 24px #05966933,inset 0 2px 4px #fffc;color:#059669;height:64px;padding:16px;width:64px}.header-icon:hover{box-shadow:0 12px 32px #0596694d,inset 0 2px 6px #ffffffe6;transform:scale(1.05)}.header-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(145deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:32px;font-weight:800;margin:0 0 8px}.header-content p{color:#64748b;font-size:17px;font-weight:500;line-height:1.4;margin:0}.pest-content{grid-gap:32px;display:grid;gap:32px}.upload-section{background:linear-gradient(145deg,#fff,#f8fafc);border:1.5px solid #e2e8f080;border-radius:24px;box-shadow:0 12px 40px #0000001a,0 4px 16px #0000000d,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:32px;position:relative}.upload-section:before{animation:uploadGradient 2s ease-in-out infinite;background:linear-gradient(90deg,#059669,#10b981,#34d399);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes uploadGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.upload-area{border:2px dashed #d1d5db;cursor:pointer;overflow:hidden;padding:40px;position:relative;transition:all .3s ease}.upload-area.drag-active,.upload-area:hover{background:#f0fdf4;border-color:#059669}.image-preview img{border-radius:12px;box-shadow:0 8px 32px #0000001f;height:300px;object-fit:cover}.image-overlay{align-items:center;background:#00000080;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-preview:hover .image-overlay{opacity:1}.change-image-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.change-image-btn:hover{background:#f9fafb;transform:translateY(-2px)}.upload-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px}.upload-placeholder svg{color:#9ca3af}.upload-placeholder h3{color:#374151;font-size:20px;font-weight:600;margin:0}.upload-placeholder p{font-size:16px;margin:0}.upload-buttons{display:flex;gap:12px;margin-top:8px}.upload-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.upload-btn.primary{background:#059669;color:#fff}.upload-btn.primary:hover{background:#047857;transform:translateY(-2px)}.analysis-controls{margin-top:24px;text-align:center}.analyze-btn{align-items:center;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.analyze-btn:hover:not(:disabled){box-shadow:0 8px 32px #0596694d;transform:translateY(-2px)}.analyze-btn:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.analysis-results{background:linear-gradient(145deg,#fff,#f8fafc);border:1.5px solid #e2e8f080;border-radius:24px;box-shadow:0 12px 40px #0000001a,0 4px 16px #0000000d,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:32px;position:relative}.analysis-results:before{animation:analysisGradient 2s ease-in-out infinite;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes analysisGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.result-header{margin-bottom:32px}.result-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.result-title h3{color:#1f2937;font-size:24px;font-weight:700;margin:0}.confidence-badge{background:#dcfce7;color:#059669;font-size:14px;padding:8px 16px}.pest-info-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.pest-header-info{align-items:flex-start;background:#f9fafb;display:flex;justify-content:space-between;padding:20px}.pest-name h4{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 8px}.pest-name p{color:#6b7280;font-size:14px;margin:0}.severity-badge{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.severity-icon{height:16px;width:16px}.pest-details{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:24px}.detail-section h5{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.detail-section ul{list-style:none;margin:0;padding:0}.detail-section li{border-bottom:1px solid #f3f4f6;color:#4b5563;padding:8px 0 8px 20px;position:relative}.detail-section li:last-child{border-bottom:none}.detail-section li:before{color:#059669;content:"•";font-weight:700;left:0;position:absolute}.urgency-alert{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:12px;margin:16px 24px 24px;padding:16px}.urgency-alert svg{flex-shrink:0;margin-top:2px}.urgency-alert strong{display:block;margin-bottom:4px}.urgency-alert p{font-size:14px;margin:0}.pest-stats{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px;padding:0 8px}.stat-card{border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 40px #0000001f,0 4px 16px #00000014;cursor:pointer;gap:24px;padding:32px 28px;position:relative;transition:all .3s ease}.stat-card:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#059669,#10b981,#34d399,#6ee7b7);background-size:300% 100%;content:"";height:5px;left:0;position:absolute;right:0;top:0}.stat-card:first-child:before{background:linear-gradient(90deg,#dc2626,#ef4444,#f87171,#fca5a5);background-size:300% 100%}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa,#93c5fd);background-size:300% 100%}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#ca8a04,#eab308,#facc15,#fde047);background-size:300% 100%}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#059669,#10b981,#34d399,#6ee7b7);background-size:300% 100%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.stat-card:after{background:linear-gradient(145deg,#e2e8f0,#cbd5e1);border-radius:26px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}.stat-card:hover{box-shadow:0 20px 60px #0000002e,0 8px 24px #0000001f,inset 0 1px 0 #ffffffe6;transform:translateY(-8px) scale(1.02)}.stat-card:hover:after{opacity:1}.stat-icon{background:linear-gradient(145deg,#f0fdf4,#dcfce7 50%,#bbf7d0);border-radius:20px;box-shadow:0 8px 24px #05966940,inset 0 2px 4px #fffc,inset 0 -2px 4px #0596691a;font-size:42px;height:80px;position:relative;transition:all .4s ease;width:80px}.stat-card:first-child .stat-icon{background:linear-gradient(145deg,#fef2f2,#fecaca 50%,#fca5a5);box-shadow:0 8px 24px #dc262640,inset 0 2px 4px #fffc,inset 0 -2px 4px #dc26261a}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(145deg,#eff6ff,#bfdbfe 50%,#93c5fd);box-shadow:0 8px 24px #2563eb40,inset 0 2px 4px #fffc,inset 0 -2px 4px #2563eb1a}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(145deg,#fefce8,#fef08a 50%,#fde047);box-shadow:0 8px 24px #ca8a0440,inset 0 2px 4px #fffc,inset 0 -2px 4px #ca8a041a}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(145deg,#f0fdf4,#dcfce7 50%,#bbf7d0);box-shadow:0 8px 24px #05966940,inset 0 2px 4px #fffc,inset 0 -2px 4px #0596691a}.stat-card:hover .stat-icon{box-shadow:0 12px 32px #05966959,inset 0 2px 6px #ffffffe6,inset 0 -2px 6px #05966926;transform:rotate(5deg) scale(1.1)}.stat-info{flex:1 1;min-width:0}.stat-info h4{color:#0f172a;font-size:38px;font-weight:900;line-height:1;margin:0 0 8px;transition:all .3s ease}.stat-card:hover .stat-info h4{color:#1e293b;transform:scale(1.05)}.stat-info p{color:#64748b;font-size:16px;font-weight:600;letter-spacing:.5px;line-height:1.3;margin:0;transition:color .3s ease}.stat-card:hover .stat-info p{color:#475569}@media (max-width:1200px){.pest-detection-container{border-radius:24px;margin:16px;padding:24px}.pest-stats{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.pest-detection-container{border-radius:20px;margin:12px;min-height:calc(100vh - 24px);padding:20px}.header-content{border-radius:20px;flex-direction:column;gap:16px;padding:24px;text-align:center}.header-icon{height:56px;width:56px}.header-content h2{font-size:28px}.analysis-results,.upload-section{border-radius:20px;padding:24px}.pest-header-info{align-items:flex-start;flex-direction:column;gap:16px}.pest-details{gap:20px;grid-template-columns:1fr}.pest-stats{gap:16px;grid-template-columns:1fr}.stat-card{gap:20px;padding:24px}.stat-icon{font-size:36px;height:70px;width:70px}.stat-info h4{font-size:32px}.result-title{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.pest-detection-container{border-radius:16px;margin:8px;padding:16px}.header-content{border-radius:16px;padding:20px}.header-content h2{font-size:24px}.analysis-results,.upload-section{border-radius:16px;padding:20px}.stat-card{flex-direction:column;gap:16px;padding:20px;text-align:center}.stat-icon{font-size:32px;height:60px;width:60px}.stat-info h4{font-size:28px}}.smart-irrigation-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.irrigation-header{margin-bottom:32px}.header-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;gap:16px;padding:24px}.header-icon{background:#e0f2fe;color:#0ea5e9;height:48px;padding:12px;width:48px}.header-content h2{color:#1f2937;font-size:28px;font-weight:700;margin:0}.header-content p{color:#6b7280;font-size:16px;margin:4px 0 0}.irrigation-content{grid-gap:24px;display:grid;gap:24px}.control-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.panel-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.system-status{align-items:center;display:flex;gap:8px}.status-indicator{border-radius:50%;height:12px;width:12px}.status-text{color:#374151;font-weight:600}.control-buttons{display:flex;gap:12px;margin-bottom:24px}.control-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .3s ease}.control-btn:hover{background:#f0f9ff;border-color:#0ea5e9;color:#0ea5e9}.control-btn.active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.irrigation-actions{display:flex;gap:12px}.action-btn{border-radius:8px;gap:8px}.action-btn.primary{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.action-btn.secondary{border:1px solid #e5e7eb}.action-btn:hover{transform:translateY(-2px)}.sensor-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.sensor-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:20px;transition:transform .3s ease}.sensor-card:hover{transform:translateY(-4px)}.sensor-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.sensor-icon{border-radius:10px;height:40px;padding:10px;width:40px}.sensor-icon.moisture{background:#dbeafe;color:#2563eb}.sensor-icon.temperature{background:#fed7d7;color:#dc2626}.sensor-icon.humidity{background:#d1fae5;color:#059669}.sensor-icon.ph{background:#fef3c7;color:#d97706}.sensor-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.sensor-location{color:#6b7280;font-size:12px;margin:2px 0 0}.sensor-value{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.value{color:#1f2937;font-size:28px;font-weight:700}.status-badge{border-radius:16px;font-size:12px;padding:4px 12px}.status-badge.good{background:#10b981}.sensor-chart{align-items:end;display:flex;height:60px;justify-content:center}.mini-chart{background:#f3f4f6;height:40px;overflow:hidden;position:relative}.chart-bar,.mini-chart{border-radius:8px;width:100%}.chart-bar{background:linear-gradient(135deg,#0ea5e9,#0284c7);bottom:0;position:absolute;transition:height .5s ease}.iot-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.iot-section h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.device-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.device-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease}.device-card:hover{background:#fff;box-shadow:0 4px 12px #0000001a}.device-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.device-info h4{color:#1f2937;font-size:14px;font-weight:600;margin:0}.device-info p{color:#6b7280;font-size:12px;margin:4px 0 0}.device-status{align-items:center;border-radius:8px;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.device-details{display:flex;flex-direction:column;gap:8px}.detail-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.schedule-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.schedule-section h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.schedule-list{display:flex;flex-direction:column;gap:12px}.schedule-item{align-items:center;background:#f9fafb;border-left:4px solid #e5e7eb;border-radius:12px;justify-content:space-between;padding:16px;transition:all .3s ease}.schedule-item.completed{background:#f0fdf4;border-left-color:#10b981}.schedule-item.active{background:#eff6ff;border-left-color:#3b82f6}.schedule-item.scheduled{background:#fffbeb;border-left-color:#f59e0b}.schedule-time{display:flex;flex-direction:column;gap:4px}.time{color:#1f2937;font-size:16px;font-weight:600}.duration{color:#6b7280;font-size:12px}.schedule-zone{align-items:center;color:#374151;display:flex;font-weight:500;gap:8px}.schedule-status{border-radius:16px;font-size:12px;font-weight:600;padding:6px 12px}.schedule-status.completed{background:#d1fae5;color:#065f46}.schedule-status.active{background:#dbeafe;color:#1e40af}.schedule-status.scheduled{background:#fef3c7;color:#92400e}.weather-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.weather-section h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.weather-current{margin-bottom:24px}.current-weather{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;color:#fff;display:flex;gap:24px;padding:20px}.weather-main h4{font-size:20px;font-weight:600;margin:0}.weather-temp{font-size:32px;font-weight:700;margin-top:8px}.weather-details{display:flex;flex-direction:column;gap:8px}.weather-detail{font-size:14px;opacity:.9}.weather-forecast{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.forecast-day{background:#f9fafb;border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.forecast-day:hover{background:#fff;box-shadow:0 4px 12px #0000001a}.forecast-date{color:#1f2937;font-weight:600;margin-bottom:8px}.forecast-temp{color:#0ea5e9;font-size:20px;font-weight:700;margin-bottom:4px}.forecast-condition{color:#6b7280;font-size:12px;margin-bottom:4px}.forecast-rain{color:#3b82f6;font-size:12px;font-weight:600}.analytics-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.analytics-section h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.analytics-grid{grid-gap:16px;gap:16px}.analytics-card{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.analytics-card:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.analytics-icon{align-items:center;background:#e0f2fe;border-radius:12px;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.analytics-data h4{color:#1f2937;font-size:24px;font-weight:700;margin:0}.analytics-data p{color:#6b7280;font-size:14px;margin:4px 0 8px}.analytics-trend{font-size:12px;font-weight:600}.analytics-trend.positive{color:#10b981}.analytics-trend.negative{color:#ef4444}@media (max-width:768px){.smart-irrigation-container{padding:16px}.header-content{gap:12px;text-align:center}.control-buttons,.header-content{flex-direction:column}.device-grid,.sensor-grid{grid-template-columns:1fr}.weather-forecast{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.current-weather{flex-direction:column;text-align:center}.schedule-item{align-items:flex-start;flex-direction:column;gap:12px}}.pest-widget{background:linear-gradient(135deg,#fff,#f8fffe);border:1px solid #10b9811a;border-radius:20px;box-shadow:0 8px 32px #10b98114,0 2px 16px #0000000a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.pest-widget:before{background:linear-gradient(90deg,#10b981,#059669,#047857);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.pest-widget:hover{border-color:#10b98133;box-shadow:0 16px 48px #10b98126,0 8px 32px #00000014;transform:translateY(-6px) scale(1.02)}.header-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.header-icon:hover{box-shadow:0 6px 24px #10b98166;transform:rotate(5deg) scale(1.1)}.status-indicator{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.pest-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.stat-item{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #10b9811a;padding:16px 12px;text-align:center}.stat-item:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-item:hover{border-color:#10b98133;box-shadow:0 8px 24px #10b98126}.stat-value{color:#059669;font-size:24px;margin-bottom:6px;text-shadow:0 2px 4px #10b9811a}.stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.recent-activity{flex:1 1}@media (max-width:768px){.pest-widget{border-radius:16px;padding:20px}.widget-header h3{font-size:18px}.header-icon{height:36px;padding:8px;width:36px}.pest-stats{gap:12px;grid-template-columns:1fr}.stat-item{padding:12px}.stat-value{font-size:20px}}@media (max-width:480px){.pest-widget{padding:16px}.widget-header{margin-bottom:20px}.header-left{gap:12px}}.activity-item{align-items:center;background:#fef3f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.activity-icon.warning{color:#dc2626;flex-shrink:0}.activity-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.activity-title{color:#1f2937;font-size:13px;font-weight:500}.activity-time{color:#6b7280;font-size:11px}.quick-scan-result{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-size:13px;gap:8px;padding:10px 12px}.confidence{color:#059669;font-size:12px;font-weight:600;margin-left:auto}.action-btn:disabled{cursor:not-allowed;opacity:.6}.more-info{color:#059669}@media (max-width:768px){.pest-stats{grid-template-columns:repeat(2,1fr)}.stat-item:last-child{grid-column:span 2}.widget-footer{align-items:flex-start;flex-direction:column;gap:8px}}.irrigation-widget{background:linear-gradient(135deg,#fff,#f0f9ff);border:1px solid #0ea5e91a;border-radius:20px;box-shadow:0 8px 32px #0ea5e914,0 2px 16px #0000000a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.irrigation-widget:before{background:linear-gradient(90deg,#0ea5e9,#0284c7,#0369a1);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.irrigation-widget:hover{border-color:#0ea5e933;box-shadow:0 16px 48px #0ea5e926,0 8px 32px #00000014;transform:translateY(-6px) scale(1.02)}.widget-header{margin-bottom:24px;position:relative}.header-left{align-items:center;display:flex;gap:16px}.header-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;box-shadow:0 4px 16px #0ea5e94d;color:#fff;height:40px;padding:10px;transition:all .3s ease;width:40px}.header-icon:hover{box-shadow:0 6px 24px #0ea5e966;transform:rotate(-5deg) scale(1.1)}.widget-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;color:#1f2937}.widget-header p{color:#6b7280;font-size:13px;font-weight:500;margin:4px 0 0}.status-indicator{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:20px;box-shadow:0 2px 8px #0ea5e94d;color:#fff;display:flex;font-size:12px;font-weight:600;gap:8px;padding:6px 16px}.status-dot{animation:statusPulse 1.5s infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.widget-content{display:flex;flex:1 1;flex-direction:column;gap:20px}.irrigation-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.stat-item{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e91a;border-radius:12px;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.stat-item:before{background:linear-gradient(90deg,#0ea5e9,#0284c7);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.stat-item:hover{border-color:#0ea5e933;box-shadow:0 8px 24px #0ea5e926;transform:translateY(-2px)}.stat-item:hover:before{transform:scaleX(1)}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.stat-icon.moisture{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.stat-icon.temperature{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.stat-item:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-data{display:flex;flex:1 1;flex-direction:column;gap:4px}.stat-value{color:#0284c7;font-size:18px;font-weight:800;text-shadow:0 1px 2px #0ea5e91a}.stat-status{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.water-usage{background:#f9fafb;border-radius:8px;padding:12px}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.usage-label{color:#6b7280;font-size:12px;font-weight:500}.usage-value{color:#1f2937;font-size:14px;font-weight:700}.usage-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.usage-fill{background:linear-gradient(90deg,#0ea5e9,#0284c7);border-radius:3px;height:100%;transition:width .5s ease}.usage-footer{align-items:center;display:flex;justify-content:space-between}.usage-savings{color:#10b981;font-size:11px;font-weight:500}.usage-efficiency{color:#6b7280;font-size:11px;font-weight:500}.iot-devices{background:#f9fafb;border-radius:8px;padding:12px}.devices-header{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:10px}.devices-count{color:#6b7280;font-size:11px;margin-left:auto}.devices-list{display:flex;flex-direction:column;gap:6px}.device-item{align-items:center;background:#fff;border-radius:6px;display:flex;font-size:11px;gap:8px;padding:6px 8px}.device-status{border-radius:50%;flex-shrink:0;height:6px;width:6px}.device-status.online{background:#10b981}.device-status.offline{background:#ef4444}.device-name{color:#374151;flex:1 1;font-weight:500}.battery-icon{color:#6b7280}.battery-level{color:#6b7280;font-weight:500}.next-irrigation{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px}.next-schedule{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.schedule-label{color:#1e40af;font-size:12px;font-weight:500}.schedule-time{color:#1e40af;font-size:13px;font-weight:600}.schedule-duration{color:#3b82f6;font-size:11px;text-align:center}.widget-actions{display:flex;gap:8px}.action-btn{align-items:center;border-radius:6px;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .3s ease}.action-btn.primary{background:#0ea5e9}.action-btn.primary:hover{background:#0284c7}.action-btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.action-btn.secondary:hover{background:#e5e7eb}.widget-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between}.last-update{color:#6b7280;font-size:11px}.more-info{color:#0ea5e9;font-size:11px;font-weight:500}@media (max-width:768px){.irrigation-stats{grid-template-columns:1fr}.widget-footer{gap:8px}.usage-footer,.widget-footer{align-items:flex-start;flex-direction:column}.usage-footer{gap:4px}}.fertilizer-widget{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #bbf7d0;border-radius:22px;box-shadow:0 8px 36px 0 #22c55e21,0 2px 10px 0 #16a34a1a;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:500px;overflow:hidden;padding:24px;transition:all .3s ease;width:100%}.fertilizer-widget:hover{box-shadow:0 12px 48px 0 #22c55e2e,0 4px 16px 0 #16a34a26;transform:translateY(-4px)}.fertilizer-widget.loading{animation:fertilizerPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ecfdf5,#d1fae5 50%,#a7f3d0)}.fertilizer-widget.loading .widget-header{margin-bottom:20px;position:relative;z-index:1}.fertilizer-widget.loading .fertilizer-content{align-items:center;display:flex;flex:1 1;justify-content:center}.fertilizer-widget.loading .header-icon{animation:iconFloat 2s ease-in-out infinite;color:#059669}.fertilizer-widget.loading h3{color:#047857}.loading-pulse{animation:pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:12px;width:12px}@keyframes fertilizerPulse{0%,to{opacity:1}50%{opacity:.95}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.widget-header{justify-content:space-between;margin-bottom:20px}.header-content,.widget-header{align-items:center;display:flex}.header-content{gap:12px}.widget-header h3{color:#047857;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;font-weight:700;margin:0}.status-badge{font-size:11px;letter-spacing:.5px;padding:6px 12px}.fertilizer-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto}.fertilizer-recommendations-section,.nutrients-section,.recommendation-section{margin-bottom:16px}.fertilizer-recommendations-section h4,.nutrients-section h4,.recommendation-section h4{align-items:center;color:#047857;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.fertilizer-recommendations-section h4{font-size:13px;margin-bottom:16px}.soil-condition{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-left:3px solid #4caf50;border-radius:8px;margin-bottom:14px;padding:10px 12px}.soil-info{align-items:center;display:flex;justify-content:space-between}.soil-type{color:#047857;font-size:12px;font-weight:600}.soil-ph{background:#4caf50;border-radius:10px;color:#fff;font-size:10px;font-weight:500;padding:3px 8px}.recommended-fertilizers{margin-bottom:14px}.fertilizer-rec{align-items:center;border-radius:6px;display:flex;gap:10px;margin:6px 0;padding:8px 10px;transition:all .2s ease}.fertilizer-rec.primary{background:linear-gradient(135deg,#f0f8f0,#e8f5e8);border-left:3px solid #4caf50}.fertilizer-rec.secondary{background:linear-gradient(135deg,#fff8e8,#fef4e8);border-left:3px solid #ff9800}.fertilizer-emoji{font-size:16px;min-width:20px}.fertilizer-info{flex:1 1}.fertilizer-info strong{color:#047857;display:block;font-size:11px;font-weight:600;margin-bottom:2px}.fertilizer-info p{color:#666;font-size:10px;line-height:1.3;margin:0}.priority{border-radius:6px;color:#fff;font-size:9px;font-weight:600;padding:2px 5px}.fertilizer-rec.primary .priority{background:#4caf50}.fertilizer-rec.secondary .priority{background:#ff9800}.application-guide h5{color:#047857;font-size:11px;font-weight:600;margin-bottom:8px}.schedule-items{display:flex;flex-direction:column;gap:3px}.schedule-item{display:flex;font-size:10px;gap:6px;padding:2px 0}.timing{color:#4caf50;font-weight:600;min-width:55px}.action{color:#666;flex:1 1}.section-icon{height:16px;width:16px}.nutrients-grid{display:flex;flex-direction:column;gap:8px}.nutrient-item{align-items:center;display:flex;gap:10px}.nutrient-label{color:#047857;font-size:12px;font-weight:600;text-align:center;width:20px}.nutrient-bar{background-color:#e5e7eb;flex:1 1}.nutrient-fill{border-radius:4px;height:100%;transition:width .3s ease}.nutrient-value{color:#374151;font-size:12px;font-weight:600;text-align:right;width:35px}.fertilizer-card{background:#ffffffb3;border:1px solid #bbf7d0;border-radius:12px;padding:16px}.fertilizer-name{font-weight:700}.fertilizer-type{color:#059669;font-size:12px;font-weight:500;margin-bottom:12px}.application-info,.next-application{align-items:center;color:#374151;display:flex;font-size:12px;gap:8px;margin-bottom:8px}.metrics-section{display:flex;gap:16px;margin-top:auto}.metric-item{background:#fff9;border:1px solid #bbf7d0;border-radius:12px;flex:1 1;padding:12px;text-align:center}.metric-value{color:#047857;font-size:18px;font-weight:700;margin-bottom:4px}.metric-label{color:#059669;font-size:12px;font-weight:500}.widget-footer{border-top:1px solid #bbf7d0;margin-top:16px;padding-top:16px}.footer-info{align-items:center;display:flex;gap:8px;justify-content:center}.footer-info span{color:#059669;font-size:11px;font-weight:500}.loading-content{align-items:center;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.loading-spinner{border:3px solid #10b98133;border-top-color:#10b981;height:32px;width:32px}.loading-content p{animation:textPulse 2s ease-in-out infinite;color:#047857;font-size:14px;font-weight:500;margin:0}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.fertilizer-widget{height:auto;min-height:400px}.nutrients-grid{gap:6px}.metric-item{padding:8px}}.fertilizer-optimizer-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.fertilizer-optimizer-modal>div{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.modal-header{background:#fffc;border-bottom:1px solid #bbf7d0;border-radius:24px 24px 0 0;padding:24px 32px}.modal-header h2{align-items:center;color:#047857;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;gap:12px}.modal-icon{color:#059669;height:28px;width:28px}.close-btn{color:#6b7280;font-size:32px;height:40px;transition:all .2s;width:40px}.close-btn:hover{background:#ef44441a;color:#ef4444}.modal-tabs{background:#fff9;border-bottom:1px solid #bbf7d0;display:flex;gap:8px;padding:0 32px}.tab-btn{align-items:center;background:none;border:none;border-radius:12px 12px 0 0;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:-1px;padding:16px 24px;transition:all .2s}.tab-btn:hover{background:#10b9811a;color:#047857}.tab-btn.active{background:#f0fdf4;border:1px solid #bbf7d0;border-bottom-color:#f0fdf4;color:#047857}.tab-icon{height:18px;width:18px}.modal-content{flex:1 1;padding:32px}.fertilizer-dashboard{display:flex;flex-direction:column;gap:32px}.dashboard-section h3{align-items:center;color:#047857;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 20px}.section-icon{color:#059669;height:24px;width:24px}.nutrients-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.nutrient-card{background:#fffc;border:1px solid #bbf7d0;border-radius:16px;padding:20px;transition:all .2s}.nutrient-card:hover{box-shadow:0 8px 25px #22c55e26;transform:translateY(-2px)}.nutrient-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.nutrient-name{color:#374151;font-size:14px;font-weight:600}.nutrient-value{font-size:18px;font-weight:700}.nutrient-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.nutrient-progress{border-radius:4px;height:100%;transition:width .3s ease}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytic-card{align-items:center;background:#fffc;border:1px solid #bbf7d0;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .2s}.analytic-card:hover{box-shadow:0 8px 25px #22c55e26;transform:translateY(-2px)}.analytic-icon{align-items:center;background:#dcfce7;border-radius:12px;color:#059669;display:flex;height:48px;justify-content:center;width:48px}.analytic-icon.savings{background:#fef3c7;color:#d97706}.analytic-icon.efficiency{background:#dbeafe;color:#2563eb}.analytic-icon.yield{background:#f3e8ff;color:#7c3aed}.analytic-value{color:#047857;font-size:24px;font-weight:700;margin-bottom:4px}.analytic-label{color:#6b7280;font-size:14px;font-weight:500}.recommendations-preview{display:flex;flex-direction:column;gap:16px}.recommendation-card{background:#fffc;border:1px solid #bbf7d0;border-radius:16px;padding:20px;transition:all .2s}.recommendation-card:hover{box-shadow:0 8px 25px #22c55e26;transform:translateY(-2px)}.rec-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rec-title{color:#047857;font-size:16px;font-weight:700}.priority-badge{border-radius:20px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px}.rec-details{display:flex;flex-wrap:wrap;gap:20px}.rec-info{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.info-icon{color:#059669;height:14px;width:14px}.recommendations-full{display:flex;flex-direction:column;gap:24px}.recommendations-header{margin-bottom:32px;text-align:center}.recommendations-header h3{color:#047857;font-size:24px;font-weight:700;margin:0 0 8px}.recommendations-header p{color:#6b7280;font-size:16px;margin:0}.recommendations-list{display:flex;flex-direction:column;gap:24px}.recommendation-detail-card{background:#ffffffe6;border:1px solid #bbf7d0;border-radius:20px;padding:32px;transition:all .3s}.recommendation-detail-card:hover{box-shadow:0 12px 40px #22c55e33;transform:translateY(-4px)}.rec-main-info{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.rec-name{color:#047857;font-size:20px;font-weight:700;margin-bottom:4px}.rec-type{color:#059669;font-size:14px;margin-bottom:12px}.priority-indicator{border-radius:24px;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 16px}.rec-metrics{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.metric{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px}.metric-icon{color:#059669;height:16px;width:16px}.rec-benefits{margin-bottom:24px}.rec-benefits h4{color:#047857;font-size:16px;font-weight:600;margin:0 0 16px}.benefits-list{display:flex;flex-direction:column;gap:8px}.benefit-item{color:#374151;font-size:14px;gap:8px}.benefit-icon{color:#10b981;height:16px;width:16px}.rec-actions{display:flex;gap:12px}.action-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.action-btn.primary{background:#059669;color:#fff}.action-btn.primary:hover{background:#047857;transform:translateY(-1px)}.action-btn.secondary{background:#0596691a;border:1px solid #bbf7d0;color:#059669}.action-btn.secondary:hover{background:#05966933;transform:translateY(-1px)}.application-history{display:flex;flex-direction:column;gap:24px}.history-header{margin-bottom:32px;text-align:center}.history-header h3{color:#047857;font-size:24px;font-weight:700;margin:0 0 8px}.history-header p{color:#6b7280;font-size:16px;margin:0}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{align-items:center;background:#fffc;border:1px solid #bbf7d0;border-radius:16px;display:flex;gap:24px;padding:24px;transition:all .2s}.history-item:hover{box-shadow:0 8px 25px #22c55e26;transform:translateY(-2px)}.history-date{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px;min-width:140px}.date-icon{color:#059669;height:16px;width:16px}.history-details{align-items:center;display:flex;flex:1 1;justify-content:space-between}.fertilizer-name{color:#047857;font-size:16px;font-weight:600;margin-bottom:4px}.application-amount{color:#6b7280;font-size:13px}.history-metrics{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.history-cost{color:#047857;font-size:16px;font-weight:600}.efficiency-score{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.efficiency-icon{color:#10b981;height:12px;width:12px}.history-status{align-items:center;color:#10b981;display:flex;font-size:14px;font-weight:500;gap:8px}.status-icon{height:20px;width:20px}.status-icon.completed{color:#10b981}.fertilizer-analytics{display:flex;flex-direction:column;gap:32px}.analytics-header{margin-bottom:32px;text-align:center}.analytics-header h3{color:#047857;font-size:24px;font-weight:700;margin:0 0 8px}.analytics-header p{color:#6b7280;font-size:16px;margin:0}.analytics-full-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-card{background:#ffffffe6;border:1px solid #bbf7d0;border-radius:20px;padding:32px;transition:all .3s}.analytics-card:hover{box-shadow:0 12px 40px #22c55e33;transform:translateY(-4px)}.analytics-card.large{grid-column:span 2}.analytics-card h4{align-items:center;color:#047857;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0 0 24px}.card-icon{color:#059669;height:20px;width:20px}.cost-breakdown{display:flex;flex-direction:column;gap:16px}.cost-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;font-size:16px;justify-content:space-between;padding:16px 0}.cost-item:last-child{border-bottom:none}.cost-item.savings{color:#059669;font-weight:600}.cost-value{color:#047857;font-weight:700}.efficiency-circle{height:150px}.circle-progress,.efficiency-circle{align-items:center;display:flex;justify-content:center}.circle-progress{background:conic-gradient(#059669 87%,#e5e7eb 0);border-radius:50%;height:120px;position:relative;width:120px}.circle-progress:before{background:#ffffffe6;border-radius:50%;content:"";height:90px;position:absolute;width:90px}.efficiency-value{color:#047857;font-size:28px;font-weight:700;z-index:1}.yield-metrics{padding:24px 0;text-align:center}.yield-increase{color:#059669;font-size:48px;font-weight:700;margin-bottom:8px}.yield-label{color:#6b7280;font-size:16px;font-weight:500}.balance-score{padding:24px 0;text-align:center}.balance-value{color:#047857;font-size:48px;font-weight:700;margin-bottom:8px}.balance-label{color:#6b7280;font-size:16px;font-weight:500}.environmental-metrics{display:flex;flex-direction:column;gap:20px}.env-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;font-size:16px;justify-content:space-between;padding:16px 0}.env-item:last-child{border-bottom:none}.env-value{color:#047857;font-weight:700}@media (max-width:1024px){.analytics-card.large{grid-column:span 1}.rec-main-info{flex-direction:column}.rec-main-info,.rec-metrics{align-items:flex-start}}@media (max-width:768px){.fertilizer-optimizer-modal{padding:10px}.modal-content,.modal-header{padding:20px}.modal-tabs{flex-wrap:wrap;padding:0 20px}.tab-btn{font-size:13px;padding:12px 16px}.analytics-grid,.nutrients-overview{grid-template-columns:1fr}.history-item{gap:16px}.history-details,.history-item{align-items:flex-start;flex-direction:column}.history-details{gap:8px;width:100%}.history-metrics{align-items:flex-start}.rec-actions{flex-direction:column}.action-btn{text-align:center;width:100%}}.About{background:linear-gradient(135deg,#fff9c4,#f9e71e 50%,#e6d200);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.About:before{background-image:radial-gradient(circle at 20% 50%,rgba(255,217,0,.418) 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffc10726 0,#0000 50%),radial-gradient(circle at 40% 80%,#ffeb3b1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.about-container{margin:0 auto;max-width:1200px;padding:100px 20px 50px;position:relative;z-index:1}.about-title{color:#2d5016;font-size:3.5rem;font-weight:700;margin-bottom:30px;position:relative;text-align:center;text-shadow:0 4px 8px #2d50161a}.about-title:after{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.about-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;color:#555;font-size:1.3rem;line-height:1.8;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:800px;padding:30px;text-align:center}.about-features-title{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:20px;box-shadow:0 12px 40px #4caf504d;color:#fff;margin-bottom:40px;overflow:hidden;padding:40px;position:relative}.about-features-title:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='80' cy='40' r='1.5' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='40' cy='70' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='70' cy='80' r='2.5' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.about-features-title h2{font-size:2.2rem;font-weight:600;margin:0 0 25px;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.about-features-list{list-style:none;margin:0;padding:0;position:relative;z-index:1}.about-features-list li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c742326;border:1px solid #fff3;border-radius:12px;font-size:1.1rem;font-weight:500;margin:15px 0;padding:20px 25px 20px 60px;position:relative;transition:all .3s ease}.about-features-list li:before{content:"✅";font-size:1.5rem;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.about-features-list li:hover{background:#ffffff40;box-shadow:0 8px 25px #00000026;transform:translateX(10px)}.about-video-section{background:#0000;margin:60px 0;padding:40px 20px}.video-section-title{color:#2d5016;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px #2d50161a}.video-container{background:#000;border-radius:15px;box-shadow:0 8px 32px #0003;margin:0 auto;max-width:1000px}.about-video{aspect-ratio:16/9;display:block;height:auto;object-fit:cover;width:100%}.our-services{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:20px;box-shadow:0 12px 40px #2196f34d;color:#fff;margin-bottom:40px;overflow:hidden;padding:40px;position:relative}.our-services:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20 30q20-20 40 0t40 0' stroke='rgba(255,255,255,0.1)' stroke-width='2' fill='none'/%3E%3Ccircle cx='30' cy='70' r='3' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='70' cy='60' r='2' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.our-services h2{font-size:2.2rem;font-weight:600;margin:0 0 25px;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.services-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));list-style:none;margin:0;padding:0;position:relative;z-index:1}.services-list li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:15px;font-size:1.1rem;font-weight:500;padding:60px 25px 25px;position:relative;text-align:center;transition:all .3s ease}.services-list li:before{content:"🚀";font-size:2rem;left:50%;position:absolute;top:15px;transform:translateX(-50%)}.services-list li:first-child:before{content:"🌾"}.services-list li:nth-child(2):before{content:"🌤️"}.services-list li:nth-child(3):before{content:"🌱"}.services-list li:nth-child(4):before{content:"🐛"}.services-list li:hover{background:#ffffff40;box-shadow:0 12px 30px #0003;transform:translateY(-5px)}.mission{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;box-shadow:0 12px 40px #ff98004d;color:#fff;margin-bottom:3px;overflow:hidden;padding:50px 40px;position:relative}.mission:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10 50q20-30 40 0t40 0' stroke='rgba(255,255,255,0.1)' stroke-width='2' fill='none'/%3E%3Ccircle cx='25' cy='25' r='2' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='3' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mission h2{font-size:2.5rem;font-weight:600;margin:0 0 30px;text-shadow:0 2px 4px #0000004d}.mission h2,.mission p{position:relative;text-align:center;z-index:1}.mission p{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;font-size:1.2rem;line-height:1.8;margin:0;padding:30px}@media (max-width:768px){.about-container{padding:90px 15px 30px}.about-title{font-size:2.8rem;margin-bottom:25px}.about-description{font-size:1.1rem;margin-bottom:40px;padding:25px 20px}.about-features-title,.mission,.our-services{margin-bottom:30px;padding:30px 25px}.about-features-title h2,.our-services h2{font-size:1.8rem}.mission h2{font-size:2rem}.about-features-list li,.services-list li{font-size:1rem;padding:15px 20px}.about-features-list li{padding-left:50px}.services-list{gap:15px;grid-template-columns:1fr}.services-list li{padding:55px 15px 20px}.mission p{font-size:1.1rem;padding:25px 20px}}@media (max-width:480px){.about-title{font-size:2.2rem}.about-description{font-size:1rem;padding:20px 15px}.about-features-title,.mission,.our-services{padding:25px 20px}.about-features-title h2,.mission h2,.our-services h2{font-size:1.6rem}.about-features-list li{font-size:.95rem;padding:12px 15px 12px 45px}.services-list li{font-size:.95rem;padding:50px 12px 18px}.mission p{font-size:1rem;padding:20px 15px}}.about-container>*{animation:fadeInUp .6s ease-out forwards}.about-title{animation-delay:.1s}.about-description{animation-delay:.2s}.about-features-title{animation-delay:.3s}.our-services{animation-delay:.4s}.mission{animation-delay:.5s}.about-features-title,.mission,.our-services{transition:transform .3s ease,box-shadow .3s ease}.about-features-title:hover,.mission:hover,.our-services:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-5px)}@media (prefers-color-scheme:dark){.About{background:linear-gradient(135deg,#2d2a00,#4d4200 50%,#665600)}.about-description{background:#ffffff1a;color:#e0e0e0}.about-title{color:gold}}.about-feedback-section{background:#fff;border:1.5px solid #dbeafe;border-radius:12px;box-shadow:0 2px 8px #2a7be40f;margin:0 auto 32px;padding:2rem 1.5rem;width:20%}.about-feedback-section h2{color:#1a5bbf;font-size:1.5rem;margin-bottom:1rem}@media (max-width:768px){.about-feedback-section{border-radius:10px;box-shadow:0 2px 8px #2a7be40a;margin:0 0 24px;max-width:100%!important;padding:1.2rem .5rem;width:100%!important}.about-feedback-section h2{font-size:1.2rem;text-align:center}.about-feedback-section form{font-size:1rem;width:100%}.about-feedback-section textarea{font-size:1rem;padding:.5rem}.about-feedback-section button{font-size:1rem;padding:.4rem 1rem}.about-video-section{margin:40px 0;padding:20px 15px}.video-section-title{font-size:1.8rem;margin-bottom:20px}.about-video,.video-container{border-radius:10px}}@media (max-width:480px){.about-feedback-section{border-radius:8px;margin:0 0 16px;padding:.8rem .2rem}.about-feedback-section h2{font-size:1rem}.about-feedback-section form{font-size:.95rem}.about-feedback-section textarea{font-size:.95rem;padding:.4rem}.about-feedback-section button{font-size:.95rem;padding:.3rem .7rem}}.government-schemes{background:linear-gradient(135deg,#acb8c9,#e4efe9);min-height:100vh}.schemes-container{margin:0 auto;max-width:1200px;padding:40px 20px}.schemes-header{margin-bottom:50px;padding-top:60px;text-align:center}.schemes-header h1{color:#3e8d42;font-size:2.5rem;font-weight:700;margin-bottom:15px}.schemes-header p{color:#555;font-size:1.2rem;margin:0 auto;max-width:600px}.schemes-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:50px}.scheme-card{background:#ffffffe6;border-radius:20px;box-shadow:0 10px 20px #0000001a;display:flex;flex-direction:column;gap:15px;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.scheme-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px)}.scheme-icon{font-size:3rem;margin-bottom:15px;text-align:center}.scheme-card h2{color:#2e7d32;font-size:1.5rem;font-weight:600;margin-bottom:10px}.scheme-description{color:#555;font-size:1rem;line-height:1.6;margin-bottom:15px}.scheme-details{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:20px}.scheme-details h3{color:#2e7d32;font-size:1.1rem;font-weight:600;margin-bottom:10px}.scheme-details ul{list-style-type:none;margin:0;padding:0}.scheme-details li{color:#666;margin-bottom:8px;padding-left:20px;position:relative}.scheme-details li:before{color:#4caf50;content:"•";font-weight:700;left:0;position:absolute}.learn-more-btn{align-items:center;background:#4caf50;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:auto;overflow:hidden;padding:12px 25px;position:relative;transition:all .3s ease}.learn-more-btn:hover{background:#45a049;box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.learn-more-btn:active{transform:translateY(0)}.learn-more-btn:after{background:#fff3;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .4s ease-out;width:100%}.learn-more-btn:active:after{opacity:0;transform:translate(-50%,-50%) scale(2)}.contact-section{background:#ffffffe6;border-radius:20px;box-shadow:0 10px 20px #0000001a;margin-top:50px;padding:40px;text-align:center}.contact-section h2{color:#2e7d32;font-size:2rem;margin-bottom:15px}.contact-section p{color:#555;margin-bottom:20px}.helpline-btn{background:#4caf50;border-radius:30px;color:#fff;display:inline-block;font-size:1.2rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.helpline-btn:hover{background:#45a049;transform:scale(1.05)}@media (max-width:768px){.schemes-header h1{font-size:2rem}.schemes-grid{grid-template-columns:1fr}.scheme-card{padding:20px}.contact-section{padding:30px 20px}}.scheme-card{animation:fadeIn .6s ease-out forwards}.scheme-card:nth-child(2){animation-delay:.2s}.scheme-card:nth-child(3){animation-delay:.4s}.scheme-card:nth-child(4){animation-delay:.6s}.google-login-btn{align-items:center;background-color:#fff;border:2px solid #dadce0;border-radius:8px;cursor:pointer;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:500;height:50px;justify-content:center;margin:10px 0;padding:0 16px;transition:all .3s ease;width:100%}.google-login-btn:hover{background-color:#f8f9fa;border-color:#dadce0;box-shadow:0 2px 4px #0000001a}.google-login-btn:active{background-color:#f1f3f4;box-shadow:0 1px 2px #0000001a}.google-login-btn:disabled{cursor:not-allowed;opacity:.6}.google-btn-content{gap:12px}.google-btn-content,.google-icon{align-items:center;display:flex;justify-content:center}.google-icon{height:20px;width:20px}.google-btn-text{color:#3c4043;font-weight:500;line-height:1}@media (max-width:480px){.google-login-btn{font-size:14px;height:45px}.google-btn-content{gap:10px}}.login-container{align-items:center;background:url(../../static/media/loginbg.593fb2fa5429f9b723b2.jpg) no-repeat 50% fixed;background-size:cover;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:auto;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative}.login-container:before{background:#0006;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.login-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff2e;border-radius:15px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:2.5rem;position:relative;transition:all .3s ease;width:100%;z-index:2}.login-form:hover{box-shadow:0 15px 35px #0003;transform:translateY(-5px)}.login-form h2{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #0000001a}.user-type-btn{background:#ffffff26;border:2px solid #ffffff4d;color:#fff;gap:.5rem}.user-type-btn:hover{background:#ffffff40;box-shadow:0 4px 12px #0003}.user-type-btn.active{border-color:#ffffff80}.user-type-btn .icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.user-type-btn span:last-child{font-weight:600;text-shadow:0 1px 2px #0003}.input-group{margin-bottom:1.5rem;position:relative}.input-group label{color:#fff;font-size:.9rem;margin-bottom:.5rem;text-shadow:0 1px 2px #0000001a}.input-group input{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:8px;font-size:1rem;outline:none;padding:.8rem;transition:all .3s ease}.input-group input:focus{background:#fff;border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff1a}.input-group input::placeholder{color:#666}button[type=submit]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4caf50e6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:1rem;transition:all .3s ease;width:100%}button[type=submit]:hover{background:#4caf50;transform:translateY(-2px)}button[type=submit]:active{transform:translateY(0)}.signup-btn{background:#0000;border:2px solid #ffffff80;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.8rem;transition:all .3s ease}.signup-btn:hover{background:#ffffff1a;border-color:#fffc}h5{font-weight:500;margin:1rem 0 .5rem}.forgot-password,h5{color:#ffffffe6;text-align:center;text-shadow:0 1px 2px #0000001a}.forgot-password{cursor:pointer;font-size:.9rem;margin:0;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#fff;text-decoration:underline}.login-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.login-divider:after,.login-divider:before{background:#ffffff4d;content:"";flex:1 1;height:1px}.login-divider span{color:#fffc;font-size:14px;font-weight:500;padding:0 16px;text-shadow:0 1px 2px #0000001a}.otp-login-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:block;font-weight:600;margin:16px 0;padding:12px 16px;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.otp-login-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);border-color:#fff3;box-shadow:0 4px 12px #3b82f666;color:#fff;text-decoration:none;transform:translateY(-1px)}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fef2f2f2;margin-bottom:16px}.otp-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.otp-login-form{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.otp-header{margin-bottom:30px;text-align:center}.otp-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.otp-header p{color:#6b7280;font-size:14px;margin:0}.input-group label{color:#374151;font-size:14px;font-weight:600}.input-group input{border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;padding:12px 16px;transition:all .2s ease}.input-group input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.input-group input:disabled{background-color:#f9fafb;cursor:not-allowed}.otp-input{font-family:Courier New,monospace;font-size:20px!important;font-weight:600;letter-spacing:8px;text-align:center}.otp-btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:12px;padding:14px 20px;transition:all .2s ease;width:100%}.otp-btn.primary{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #16a34a4d;color:#fff}.otp-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 6px 16px #16a34a66;transform:translateY(-1px)}.otp-btn.secondary{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.otp-btn.secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.otp-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.otp-info{align-items:center;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:20px;padding:16px}.otp-info p{color:#0369a1;flex:1 1;font-size:14px;margin:0}.change-email-btn{background:none;border:none;border-radius:4px;color:#0ea5e9;cursor:pointer;font-size:12px;padding:4px 8px;text-decoration:underline;transition:all .2s ease}.change-email-btn:hover{background:#e0f2fe;text-decoration:none}.resend-section{margin-top:16px;text-align:center}.resend-timer{color:#6b7280;font-size:14px;margin:0}.error-message{background:#fef2f2;border:1px solid #f87171;border-radius:8px;color:#dc2626}.error-message,.success-message{font-size:14px;padding:12px 16px}.success-message{background:#f0f9ff;border:1px solid #22c55e;border-radius:8px;color:#16a34a}.login-footer{border-top:1px solid #e5e7eb;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#6b7280;font-size:14px;margin:8px 0}.regular-login-link,.signup-link{color:#16a34a;font-weight:600;margin-left:4px;text-decoration:none}.regular-login-link:hover,.signup-link:hover{text-decoration:underline}@media (max-width:480px){.otp-login-container{padding:16px}.otp-login-form{padding:24px}.otp-header h2{font-size:20px}.otp-info{align-items:flex-start;flex-direction:column}.change-email-btn{align-self:flex-end}}.signup-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-form{background:#c0b5b5;border-radius:10px;box-shadow:0 0 20px #0000001a;max-width:500px;padding:40px;width:100%}.signup-form h2{color:#2c3e50;margin-bottom:10px;text-align:center}.subtitle{color:#666;margin-bottom:30px;text-align:center}.user-type-selection{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.user-type-btn{align-items:center;background:#4caf501a;border:2px solid #4caf504d;border-radius:12px;color:#2c3e50;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:.3rem;padding:1rem;transition:all .3s ease}.user-type-btn:hover{background:#4caf5033;box-shadow:0 4px 12px #4caf5033;transform:translateY(-2px)}.user-type-btn.active{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#4caf50;box-shadow:0 4px 15px #4caf5066;color:#fff;transform:scale(1.05)}.user-type-btn .icon{font-size:2rem}.user-type-btn span:nth-child(2){font-weight:600}.user-type-btn small{font-size:.75rem;font-weight:400;opacity:.8}.user-type-btn.active small{opacity:.95}.input-group{margin-bottom:20px}.input-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:8px}.input-group input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.input-group input:focus{border-color:#3498db;outline:none}.signup-btn{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background-color .3s ease;width:100%}.signup-btn:hover{background-color:#219a52}.login-link{color:#666;margin-top:20px;text-align:center}.login-link a{color:#3498db;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}.profile-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:900px;min-height:calc(100vh - 80px);padding:20px}.profile-header{background:linear-gradient(135deg,#2e7d32,#4caf50);border-radius:16px 16px 0 0;box-shadow:0 4px 20px #2e7d324d;color:#fff;margin-bottom:0;padding:30px;text-align:center}.profile-avatar{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.profile-container h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 10px}.profile-subtitle{font-size:16px;margin-bottom:0;opacity:.9}.profile-main-card{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.profile-tabs{background:#f8f9fa;border-bottom:none;display:flex;gap:4px;margin:0;padding:8px}.profile-tabs button{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s ease}.profile-tabs button:before{background:linear-gradient(90deg,#0000,#2e7d321a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.profile-tabs button:hover{background:#2e7d3214;color:#2e7d32;transform:translateY(-1px)}.profile-tabs button:hover:before{left:100%}.profile-tabs button.active{background:linear-gradient(135deg,#2e7d32,#4caf50);box-shadow:0 4px 12px #2e7d324d;color:#fff;transform:translateY(-2px)}.profile-tabs button.active:before{display:none}.profile-tab-content{background-color:initial;border-radius:0;margin-bottom:0;padding:30px}.profile-form{width:100%}.form-group{margin-bottom:24px;position:relative}.form-group label{color:#374151;letter-spacing:.5px;text-transform:uppercase}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text]{background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.form-group input[type=email]:focus,.form-group input[type=tel]:focus,.form-group input[type=text]:focus{background:#fff;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a;outline:none;transform:translateY(-1px)}.form-group input[type=email]:hover,.form-group input[type=tel]:hover,.form-group input[type=text]:hover{background:#fff;border-color:#9ca3af}.crop-checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:16px}.crop-checkbox{align-items:center;background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;margin-bottom:0;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.crop-checkbox:before{background:linear-gradient(90deg,#0000,#2e7d321a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.crop-checkbox:hover{background:#fff;border-color:#2e7d32;box-shadow:0 4px 12px #2e7d3226;transform:translateY(-2px)}.crop-checkbox:hover:before{left:100%}.crop-checkbox input{accent-color:#2e7d32;cursor:pointer;height:18px;margin-right:12px;width:18px}.crop-checkbox input:checked+span{color:#2e7d32;font-weight:600}.crop-checkbox input:checked{transform:scale(1.1)}.crop-checkbox span{color:#374151;font-size:14px;font-weight:500;transition:all .3s ease}.save-button{background:linear-gradient(135deg,#2e7d32,#4caf50);border:none;border-radius:12px;box-shadow:0 4px 15px #2e7d324d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:30px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease;width:100%}.save-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.save-button:hover{box-shadow:0 6px 25px #2e7d3266;transform:translateY(-2px)}.save-button:hover:before{left:100%}.save-button:active{box-shadow:0 2px 10px #2e7d324d;transform:translateY(0)}.save-button:disabled{background:linear-gradient(135deg,#a5d6a7,#c8e6c9);box-shadow:0 2px 8px #a5d6a74d;cursor:not-allowed;transform:none}.save-button:disabled:before{display:none}.success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #b8e6c1;border-radius:12px;box-shadow:0 4px 12px #15572426;color:#155724;font-weight:500}.error-message,.success-message{margin:20px 30px;padding:16px 20px}.error-message{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #f1b0b7;border-radius:12px;box-shadow:0 4px 12px #721c2426;color:#721c24}.health-overview{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:2px solid #2e7d321a;border-radius:16px;margin-bottom:24px;padding:24px}.health-overview h3{align-items:center;color:#2e7d32;display:flex;font-size:20px;font-weight:600;gap:8px;margin-bottom:16px}.health-overview h3:before{content:"🌱";font-size:24px}.health-metrics{grid-gap:16px;display:grid;gap:16px}.health-metric{background:#fff;border-radius:12px;box-shadow:0 2px 8px #2e7d321a;gap:16px;padding:16px}.health-metric,.metric-icon{align-items:center;display:flex}.metric-icon{background:#2e7d321a;border-radius:50%;font-size:32px;height:50px;justify-content:center;width:50px}.metric-info h4{color:#374151;font-size:16px;font-weight:600;margin-bottom:8px}.health-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;min-width:140px;padding:8px 12px;transition:all .3s ease}.health-select:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a;outline:none}.form-group input[type=date],.form-group input[type=number],.form-group select,.form-group textarea{background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.form-group input[type=date]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a;outline:none;transform:translateY(-1px)}.form-group input[type=date]:hover,.form-group input[type=number]:hover,.form-group select:hover,.form-group textarea:hover{background:#fff;border-color:#9ca3af}.form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.disease-checkboxes,.pest-checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:16px}.disease-checkbox,.pest-checkbox{align-items:center;background:#fef2f2;border:2px solid #fee2e2;border-radius:12px;cursor:pointer;display:flex;margin-bottom:0;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.disease-checkbox{background:#fffbeb;border-color:#fef3c7}.disease-checkbox:before,.pest-checkbox:before{background:linear-gradient(90deg,#0000,#dc26261a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.disease-checkbox:before{background:linear-gradient(90deg,#0000,#f59e0b1a,#0000)}.disease-checkbox:hover,.pest-checkbox:hover{background:#fff;border-color:#dc2626;box-shadow:0 4px 12px #dc262626;transform:translateY(-2px)}.disease-checkbox:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.disease-checkbox:hover:before,.pest-checkbox:hover:before{left:100%}.disease-checkbox input,.pest-checkbox input{accent-color:#dc2626;cursor:pointer;height:18px;margin-right:12px;width:18px}.disease-checkbox input{accent-color:#f59e0b}.disease-checkbox input:checked+span,.pest-checkbox input:checked+span{color:#dc2626;font-weight:600}.disease-checkbox input:checked+span{color:#f59e0b}.disease-checkbox input:checked,.pest-checkbox input:checked{transform:scale(1.1)}.disease-checkbox span,.pest-checkbox span{color:#374151;font-size:14px;font-weight:500;transition:all .3s ease}.not-logged-in{background-color:#f9f9f9;border-radius:8px}.not-logged-in h2{color:#d32f2f;margin-bottom:10px}@media (max-width:768px){.profile-container{background:#f5f7fa;margin-top:70px;padding:10px}.profile-header{border-radius:12px 12px 0 0;margin-bottom:0;padding:20px 15px}.profile-avatar{font-size:24px;height:50px;margin-bottom:8px;width:50px}.profile-container h1{font-size:20px;margin-bottom:6px}.profile-subtitle{font-size:13px;opacity:.95}.profile-main-card{border-radius:0 0 12px 12px;box-shadow:0 4px 20px #00000014}.profile-tabs{-webkit-overflow-scrolling:touch;background:#f8f9fa;flex-direction:row;gap:4px;overflow-x:auto;padding:8px}.profile-tabs button{border-radius:8px;flex-shrink:0;font-size:12px;font-weight:600;margin-bottom:0;min-width:100px;padding:12px 16px;white-space:nowrap}.profile-tabs button.active{box-shadow:0 2px 8px #2e7d324d;transform:none}.profile-tab-content{padding:16px}.form-group{margin-bottom:18px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 14px}.form-group textarea{min-height:80px;resize:vertical}.crop-checkboxes{gap:8px;grid-template-columns:1fr 1fr}.crop-checkbox{border-radius:8px;font-size:13px;padding:10px 12px}.crop-checkbox input{height:16px;margin-right:8px;width:16px}.save-button{border-radius:10px;font-size:15px;margin-top:20px;padding:14px 24px}.save-button:hover{transform:none}.error-message,.success-message{border-radius:8px;font-size:13px;margin:12px 16px;padding:12px 14px}.health-overview{background:linear-gradient(135deg,#f0f9ff,#e0f7fa);border:1px solid #b3e5fc;border-radius:8px;margin-bottom:16px;padding:12px}.health-overview h3{color:#1976d2;font-size:16px;margin-bottom:10px}.health-metrics{display:flex;flex-direction:column;gap:10px}.health-metric{background:#fff;box-shadow:0 1px 3px #0000001a;gap:10px;padding:10px}.health-metric,.metric-icon{align-items:center;border-radius:8px;display:flex}.metric-icon{background:#2e7d321a;flex-shrink:0;font-size:20px;height:35px;justify-content:center;width:35px}.metric-info{flex:1 1}.metric-info h4{color:#374151;font-size:13px;font-weight:600;margin-bottom:4px}.health-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;min-width:120px;padding:8px 10px}.disease-checkboxes,.pest-checkboxes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin-top:10px}.disease-checkbox,.pest-checkbox{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.disease-checkbox:hover,.pest-checkbox:hover{background:#fff;border-color:#2e7d32}.disease-checkbox input,.pest-checkbox input{accent-color:#2e7d32;height:16px;margin:0;width:16px}.disease-checkbox span,.pest-checkbox span{color:#374151;font-size:13px;font-weight:500}}@media (max-width:480px){.profile-container{margin-top:60px;padding:5px}.profile-header{border-radius:10px 10px 0 0;padding:15px 12px}.profile-avatar{font-size:20px;height:40px;margin-bottom:6px;width:40px}.profile-container h1{font-size:18px;margin-bottom:4px}.profile-subtitle{font-size:12px}.profile-tabs{gap:3px;padding:6px}.profile-tabs button{font-size:11px;min-width:80px;padding:10px 12px}.profile-tab-content{padding:12px}.form-group{margin-bottom:14px}.form-group label{font-size:12px;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border-radius:6px;font-size:16px;padding:10px 12px}.crop-checkboxes{gap:6px;grid-template-columns:1fr}.crop-checkbox{font-size:12px;padding:8px 10px}.crop-checkbox input{height:14px;margin-right:6px;width:14px}.save-button{border-radius:8px;font-size:14px;margin-top:16px;padding:12px 20px}.error-message,.success-message{border-radius:6px;font-size:12px;margin:10px 12px;padding:10px 12px}.health-overview{margin-bottom:12px;padding:12px}.health-overview h3{font-size:16px;margin-bottom:10px}.health-metrics{gap:10px}.health-metric{flex-direction:column;gap:10px;padding:10px;text-align:center}.metric-icon{font-size:20px;height:35px;margin-bottom:8px;width:35px}.metric-info h4{font-size:13px;margin-bottom:6px}.health-select{font-size:13px;min-width:100px;padding:8px}.disease-checkboxes,.pest-checkboxes{gap:6px;grid-template-columns:1fr}.disease-checkbox,.pest-checkbox{padding:8px 10px}.disease-checkbox span,.pest-checkbox span{font-size:12px}}.whatsapp-settings{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:600px;padding:20px}.whatsapp-settings h2{color:#2e7d32;margin-bottom:20px;text-align:center}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}.number-input-container{align-items:center;display:flex;gap:10px}.number-input-container input{flex-grow:1}.input-with-button{align-items:center;display:flex;gap:10px}.input-with-button input{flex-grow:1}.change-number-button{background-color:#757575;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.change-number-button:hover{background-color:#616161}.help-text{color:#666;font-size:14px;margin-top:5px}.checkbox-group{align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;margin-bottom:0;margin-right:10px;min-width:150px}.checkbox-group input[type=checkbox]{height:18px;margin-right:10px;width:18px}.alert-description{color:#666;display:block;font-size:13px;margin-bottom:5px;margin-left:28px}.radio-group{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.radio-group label{align-items:center;cursor:pointer;display:flex}.radio-group input[type=radio]{margin-right:8px}.alert-preferences{background-color:#f0f7ed;border-radius:4px;margin-top:20px;padding:15px}.alert-preferences h3{color:#2e7d32;font-size:18px;margin-bottom:15px}.alert-preferences h4{color:#2e7d32;font-size:16px;margin-bottom:10px;margin-top:0}.preferences-section{border-bottom:1px solid #d7e7d8;margin-bottom:20px;padding-bottom:15px}.preferences-section:last-child{border-bottom:none}.resend-button,.save-button,.test-alert-button,.verify-button{background-color:#2e7d32;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.save-button:hover,.test-alert-button:hover,.verify-button:hover{background-color:#1b5e20}.save-button:disabled,.test-alert-button:disabled,.verify-button:disabled{background-color:#a5d6a7;cursor:not-allowed}.resend-button{background-color:#757575;margin-left:10px}.resend-button:hover{background-color:#616161}.test-alert-button{background-color:#ff9800;margin-bottom:10px}.test-alert-button:hover{background-color:#ef6c00}.test-alert-section{margin-top:20px;text-align:center}.verification-section{background-color:#e8f5e9;border:1px dashed #81c784;border-radius:4px;margin-top:20px;padding:15px}.verification-code-section{text-align:center}.verification-code-section input{font-size:24px;letter-spacing:.5em;margin:10px 0;padding:10px;text-align:center;width:120px}.verified-text{color:#4caf50;font-weight:700;margin-top:5px}.verification-note{color:#e57373;font-size:14px;margin-top:5px}.success-note{color:#4caf50;font-weight:700}.success-message{background-color:#dff0d8;border:1px solid #d6e9c6;border-radius:4px;color:#3c763d;margin-bottom:20px;padding:10px}.error-message{background-color:#f2dede;border:1px solid #ebccd1;border-radius:4px;color:#a94442;margin-bottom:20px;padding:10px}.whatsapp-info{background-color:#e8f5e9;border-radius:4px;margin-top:30px;padding:15px}.whatsapp-info h3{color:#2e7d32;margin-bottom:10px}.whatsapp-info ul{padding-left:20px}.whatsapp-info li{margin-bottom:8px}.privacy-note{color:#555;font-style:italic}.note,.privacy-note{font-size:14px;margin-top:15px}.note{background-color:#fff3e0;border-left:4px solid #ff9800;padding:10px}.settings-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:900px;min-height:calc(100vh - 80px);padding:20px}.settings-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px 16px 0 0;box-shadow:0 4px 20px #6366f14d;color:#fff;margin-bottom:0;padding:30px;text-align:center}.settings-avatar{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.settings-container h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 10px}.settings-subtitle{font-size:16px;margin-bottom:0;opacity:.9}.settings-main-card{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.settings-tabs{background:#f8f9fa;border-bottom:none;display:flex;gap:4px;margin:0;padding:8px}.settings-tabs button{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s ease}.tab-icon{font-size:16px}.settings-tabs button:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.settings-tabs button:hover{background:#6366f114;color:#6366f1;transform:translateY(-1px)}.settings-tabs button:hover:before{left:100%}.settings-tabs button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d;color:#fff;transform:translateY(-2px)}.settings-tabs button.active:before{display:none}.settings-content{padding:0}.settings-tab-content{padding:30px}.settings-section{margin-bottom:30px}.settings-section h2{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:8px}.section-description{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:25px}.preference-item{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:20px;transition:all .3s ease}.preference-item:hover{background:#fff;border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.preference-header h3{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.preference-header p{color:#6b7280;font-size:14px;margin:0}.preference-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:14px;font-weight:500;min-width:140px;padding:8px 12px;transition:all .3s ease}.preference-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.privacy-item{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:20px;transition:all .3s ease}.privacy-item:hover{background:#fff;border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.privacy-header h3{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.privacy-header p{color:#6b7280;font-size:14px;margin:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e5e7eb;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#6366f1}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.danger-zone{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:12px;margin-top:30px;padding:20px}.danger-zone h3{color:#dc2626;font-size:18px;font-weight:600;margin-bottom:8px}.danger-zone p{color:#7f1d1d;line-height:1.6;margin-bottom:16px}.danger-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.danger-btn:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.not-logged-in{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:50px 20px;text-align:center}.not-logged-in h2{color:#dc2626;font-size:24px;margin-bottom:16px}.not-logged-in p{color:#6b7280;font-size:16px;margin-bottom:24px}.login-redirect-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.login-redirect-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}@media (max-width:768px){.settings-container{background:#f5f7fa;margin-top:60px;padding:10px}.settings-header{border-radius:12px 12px 0 0;padding:25px 20px}.settings-avatar{font-size:28px;height:60px;margin-bottom:12px;width:60px}.settings-container h1{font-size:24px;margin-bottom:8px}.settings-subtitle{font-size:14px}.settings-main-card{border-radius:0 0 12px 12px}.settings-tabs{-webkit-overflow-scrolling:touch;gap:6px;overflow-x:auto;padding:10px}.settings-tabs button{border-radius:8px;flex-shrink:0;font-size:14px;margin-bottom:0;min-width:120px;padding:14px 18px;white-space:nowrap}.settings-tabs button.active{box-shadow:0 2px 8px #6366f14d;transform:none}.settings-tab-content{padding:20px}.settings-section{margin-bottom:25px}.settings-section h2{font-size:20px;margin-bottom:6px}.section-description{font-size:14px;margin-bottom:20px}.preference-item,.privacy-item{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:14px;padding:18px}.preference-header h3,.privacy-header h3{font-size:15px;margin-bottom:3px}.preference-header p,.privacy-header p{font-size:13px;line-height:1.4}.preference-select{border-radius:8px;font-size:16px;min-width:auto;padding:12px 14px;width:100%}.toggle-switch{align-self:flex-end;height:28px;width:52px}.toggle-slider:before{bottom:3px;height:22px;left:3px;width:22px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.danger-zone{margin-top:25px;padding:18px}.danger-zone h3{font-size:16px;margin-bottom:6px}.danger-zone p{font-size:14px;margin-bottom:14px}.danger-btn{border-radius:8px;font-size:14px;padding:14px 24px;width:100%}.not-logged-in{margin:20px 0;padding:40px 20px}.not-logged-in h2{font-size:20px;margin-bottom:12px}.not-logged-in p{font-size:14px;margin-bottom:20px}.login-redirect-btn{font-size:14px;padding:14px 24px;width:100%}}@media (max-width:480px){.settings-container{margin-top:60px;padding:5px}.settings-header{border-radius:10px 10px 0 0;padding:20px 15px}.settings-avatar{font-size:24px;height:50px;margin-bottom:10px;width:50px}.settings-container h1{font-size:20px;margin-bottom:6px}.settings-subtitle{font-size:12px}.settings-main-card{border-radius:0 0 10px 10px}.settings-tabs{gap:4px;padding:8px}.settings-tabs button{font-size:12px;min-width:100px;padding:12px 14px}.tab-icon{font-size:14px}.settings-tab-content{padding:15px}.settings-section{margin-bottom:20px}.settings-section h2{font-size:18px;margin-bottom:5px}.section-description{font-size:13px;margin-bottom:15px}.preference-item,.privacy-item{gap:10px;margin-bottom:12px;padding:15px}.preference-header h3,.privacy-header h3{font-size:14px;margin-bottom:2px}.preference-header p,.privacy-header p{font-size:12px}.preference-select{border-radius:6px;font-size:16px;padding:10px 12px}.toggle-switch{height:26px;width:48px}.toggle-slider:before{bottom:3px;height:20px;left:3px;width:20px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.danger-zone{border-radius:10px;margin-top:20px;padding:15px}.danger-zone h3{font-size:15px;margin-bottom:5px}.danger-zone p{font-size:13px;margin-bottom:12px}.danger-btn{border-radius:6px;font-size:13px;padding:12px 20px}.not-logged-in{border-radius:10px;margin:15px 0;padding:30px 15px}.not-logged-in h2{font-size:18px;margin-bottom:10px}.not-logged-in p{font-size:13px;margin-bottom:18px}.login-redirect-btn{border-radius:6px;font-size:13px;padding:12px 20px}}.ado-finder-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.ado-header{background:linear-gradient(135deg,#4caf50,#8bc34a);border-radius:16px;box-shadow:0 8px 24px #4caf504d;color:#fff;margin-bottom:30px;padding:30px 20px;text-align:center}.ado-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.ado-header p{font-size:1.1rem;margin:0;opacity:.9}.loading-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;display:flex;justify-content:center;margin:20px 0;min-height:80vh}.loading-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;text-align:center}.spinner-wrapper{display:inline-block;margin-bottom:25px;position:relative}.spinner{animation:spin 1.2s linear infinite;border:6px solid #e3f2fd;border-radius:50%;border-top-color:#4caf50;height:80px;position:relative;width:80px}.spinner-inner{animation:spin .8s linear infinite reverse;border:4px solid #f1f8e9;border-radius:50%;border-top-color:#81c784;height:50px;left:15px;position:absolute;top:15px;width:50px}.loading-text h3{color:#2e7d32;font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin:0 0 10px}.loading-text p{color:#666;font-size:1rem;font-weight:400;margin:0 0 20px}.loading-dots{align-items:center;display:flex;gap:8px;justify-content:center}.loading-dots span{animation:bounce 1.4s infinite;background:#4caf50;border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.loading-spinner{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.search-filters{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:25px;padding:25px}.search-bar{margin-bottom:20px}.search-input{border:2px solid #e0e0e0;border-radius:25px;font-size:16px;outline:none;padding:15px 20px;transition:border-color .3s ease}.search-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.filters-row{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-select{border:2px solid #e0e0e0;font-size:14px;outline:none;transition:border-color .3s ease}.filter-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.clear-filters-btn{background:#ff5722;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:background-color .3s ease}.clear-filters-btn:hover{background:#e64a19}.results-summary{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:20px;padding:15px}.results-summary p{color:#333;font-size:16px;margin:0}.officers-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:40px}.officer-card{background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.officer-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.officer-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e3f2fd);border-bottom:1px solid #e0e0e0;display:flex;padding:20px}.officer-basic-info h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 5px}.designation{color:#666;font-size:.9rem;font-weight:500;margin:0 0 8px}.rating{align-items:center;display:flex;gap:5px}.stars{font-size:1.1rem}.officer-details{background:linear-gradient(135deg,#f8f9fa,#fff);padding:20px}.officer-details h4{align-items:center;border-bottom:2px solid #e8f5e8;color:#2e7d32;display:flex;font-size:1.1rem;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 15px;padding-bottom:8px;text-transform:uppercase}.officer-details>div{background:#fff;border-left:4px solid #4caf50;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:25px;padding:15px;transition:all .3s ease}.officer-details>div:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.officer-details>div:last-child{margin-bottom:0}.officer-details p{color:#444;font-size:.95rem;font-weight:500;line-height:1.6;margin:8px 0}.officer-details p strong{color:#2e7d32;font-weight:600}.officer-details div[class*=coverage] p,.officer-details div[class*=location] p,.officer-details div[class*=office] p,.officer-details div[class*=service] p{background:#f8f9fa;border-left:3px solid #4caf50;border-radius:6px;margin:5px 0;padding:8px 12px}.office-info{background:linear-gradient(135deg,#fff8e1,#fffbf0)!important;border-left:4px solid #ff9800!important;border-radius:12px!important;box-shadow:0 3px 10px #ff98001a!important}.office-info h4{color:#e65100!important;margin-bottom:12px!important}.office-info p{background:#0000!important;border:none!important;color:#bf360c!important;font-size:.9rem!important;font-weight:500!important;line-height:1.6!important;margin:0!important;padding:0!important}.specialization-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.spec-tag{border-radius:20px;color:#2e7d32;font-size:.8rem;padding:4px 12px}.contact-actions{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:20px}.contact-actions h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 15px}.contact-buttons{display:flex;flex-wrap:wrap;gap:10px}.contact-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;min-width:80px;padding:10px 15px;text-align:center;transition:all .3s ease}.phone-btn{background:#2196f3;color:#fff}.phone-btn:hover{background:#1976d2}.whatsapp-btn{background:#25d366;color:#fff}.whatsapp-btn:hover{background:#128c7e}.email-btn{background:#ff9800;color:#fff}.email-btn:hover{background:#f57c00}.office-btn{background:#9c27b0;color:#fff}.office-btn:hover{background:#7b1fa2}.no-results{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;grid-column:1/-1;padding:60px 20px}.no-results-icon{margin-bottom:20px}.no-results h3{color:#333;margin:0 0 10px}.no-results p{color:#666;margin:0 0 20px}.retry-btn{font-size:1rem;padding:12px 24px;transition:background-color .3s ease}.help-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-top:40px;padding:30px}.help-section h3{color:#333;font-size:1.5rem;margin:0 0 25px;text-align:center}.help-items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.help-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:15px;padding:15px}.help-icon{flex-shrink:0;font-size:2rem}.help-item p{color:#555;line-height:1.5;margin:0}@media (max-width:768px){.ado-finder-container{padding:15px}.ado-header h1{font-size:2rem}.ado-header p{font-size:1rem}.officers-grid{gap:20px;grid-template-columns:1fr}.officer-header{flex-direction:column;text-align:center}.filters-row{gap:10px;grid-template-columns:1fr}.contact-buttons{flex-direction:column}.contact-btn{flex:none}.help-items{grid-template-columns:1fr}}@media (max-width:480px){.ado-header{padding:20px 15px}.ado-header h1{font-size:1.8rem}.search-filters{padding:20px}.contact-actions,.officer-details{padding:15px}}.quick-view-overlay{align-items:center;animation:fadeInOverlay .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.quick-view-modal{animation:slideUpModal .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.quick-view-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:10}.quick-view-close:hover{background:#fff;color:#333;transform:scale(1.1)}.quick-view-content{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;min-height:500px}.quick-view-image{align-items:center;background:#f8f9fa;display:flex;justify-content:center;padding:40px;position:relative}.quick-view-image img{border-radius:8px;max-height:400px;max-width:100%;object-fit:contain}.quick-view-discount-badge{background:linear-gradient(135deg,#e53e3e,#c53030);border-radius:6px;box-shadow:0 2px 8px #e53e3e4d;color:#fff;font-size:14px;font-weight:600;left:20px;padding:8px 12px;position:absolute;top:20px}.quick-view-details{display:flex;flex-direction:column;gap:24px;padding:40px}.quick-view-header{border-bottom:1px solid #e2e8f0;padding-bottom:24px}.product-brand-large{color:#4caf50;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.product-name-large{color:#2d3748;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 12px}.product-description-large{color:#718096;font-size:16px;line-height:1.5;margin:0}.quick-view-rating{align-items:center;display:flex;gap:12px}.stars-large{color:gold;font-size:20px;letter-spacing:2px}.rating-text-large{color:#718096;font-size:14px}.quick-view-specs h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 12px}.specs-list{display:flex;flex-wrap:wrap;gap:8px}.spec-tag-large{background:#e2e8f0;border-radius:20px;color:#4a5568;font-size:12px;font-weight:500;padding:6px 12px}.quick-view-features h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 12px}.features-list{color:#4a5568;margin:0;padding-left:20px}.features-list li{line-height:1.4;margin-bottom:6px}.quick-view-pricing{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.price-section{align-items:center;display:flex;gap:12px;margin-bottom:8px}.current-price-large{color:#4caf50;font-size:32px;font-weight:700}.original-price-large{color:#a0aec0;font-size:20px;text-decoration:line-through}.savings-text{color:#e53e3e;font-size:14px;font-weight:600}.quick-view-stock{align-items:center;display:flex}.in-stock{color:#38a169}.in-stock,.out-of-stock{font-size:14px;font-weight:600}.out-of-stock{color:#e53e3e}.quick-view-actions{display:flex;gap:12px}.quick-view-cart-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s ease}.quick-view-cart-btn:hover:not(:disabled){box-shadow:0 8px 25px #4caf504d;transform:translateY(-2px)}.quick-view-cart-btn:disabled{background:#cbd5e0;cursor:not-allowed}.quick-view-cart-btn.in-cart{background:linear-gradient(135deg,#38a169,#2f855a)}.quick-view-favorite-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 20px;transition:all .3s ease}.quick-view-favorite-btn:hover{border-color:#e53e3e;box-shadow:0 8px 25px #e53e3e33;color:#e53e3e;transform:translateY(-2px)}.quick-view-favorite-btn.favorited{background:#fed7d7;border-color:#e53e3e;color:#e53e3e}.quick-view-info{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.info-item{color:#4a5568;font-size:14px;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-icon{font-size:16px;text-align:center;width:20px}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.quick-view-overlay{padding:10px}.quick-view-modal{max-height:95vh}.quick-view-content{grid-template-columns:1fr}.quick-view-image{order:1;padding:20px}.quick-view-details{order:2;padding:20px}.product-name-large{font-size:24px}.current-price-large{font-size:28px}.quick-view-actions{flex-direction:column}.quick-view-favorite-btn{flex:none}}@media (max-width:480px){.quick-view-overlay{padding:5px}.quick-view-details{gap:16px;padding:16px}.quick-view-image{padding:16px}.product-name-large{font-size:20px}.current-price-large{font-size:24px}.quick-view-cart-btn,.quick-view-favorite-btn{font-size:14px;padding:12px 16px}}.quick-view-cart-btn:focus,.quick-view-close:focus,.quick-view-favorite-btn:focus{outline:2px solid #4299e1;outline-offset:2px}@media (prefers-reduced-motion:reduce){.quick-view-modal,.quick-view-overlay{animation:none}.quick-view-cart-btn:hover,.quick-view-close:hover,.quick-view-favorite-btn:hover{transform:none}}@media (prefers-contrast:high){.quick-view-cart-btn,.quick-view-favorite-btn,.quick-view-modal{border:2px solid #000}}.ecommerce-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-top:65px}.ecommerce-header{background:linear-gradient(135deg,#2e7d32,#4caf50);box-shadow:0 2px 15px #0000001a;color:#fff;padding:4rem 0 3rem;text-align:center}.header-content{background:#ffffff45;color:#fff;display:block;margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.ecommerce-header h1{font-size:3.2rem;font-weight:700;letter-spacing:-1px;margin:0 0 1rem;text-align:center;text-shadow:1px 1px 3px #0000004d}.ecommerce-header p{color:#07051d;font-size:1.3rem;font-weight:300;line-height:1.5;margin-bottom:2.5rem;opacity:.95;text-align:center}.sell-banner{animation:pulseGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:16px;box-shadow:0 8px 25px #ff6b354d;margin:2rem auto 1.5rem;max-width:900px;padding:1.5rem 2rem}@keyframes pulseGlow{0%,to{box-shadow:0 8px 25px #ff6b354d}50%{box-shadow:0 8px 35px #ff6b3580}}.sell-banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.sell-banner-text h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:1px 1px 2px #0003}.sell-banner-text p{color:#fffffff2;font-size:1rem;font-weight:400;margin:0}.sell-products-btn{align-items:center;background:#fff;border-radius:50px;box-shadow:0 4px 15px #0003;color:#ff6b35;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.sell-products-btn:hover{background:#fff8f5;box-shadow:0 6px 20px #0000004d;transform:translateY(-3px) scale(1.05)}.sell-products-btn span{font-size:1.3rem}.search-filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem;min-height:60px;padding:0 1rem;width:100%}.search-box{flex:1 1;max-width:400px;position:relative}.search-box input{border:none;border-radius:25px;box-shadow:0 2px 10px #0000001a;font-size:1rem;outline:none;padding:12px 40px 12px 16px;width:100%}.search-icon{right:15px}.sort-dropdown select{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 10px #0000001a;cursor:pointer;outline:none;padding:12px 16px}.cart-favorites-container{align-items:center;display:flex;flex-shrink:0;gap:1rem}.cart-indicator,.favorites-indicator{align-items:center;border:none;border-radius:30px;box-shadow:0 4px 15px #0000001a,0 2px 4px #0000001a,inset 0 1px 0 #fff3;cursor:pointer;display:inline-flex!important;flex-shrink:0;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.5px;min-width:140px;overflow:hidden;padding:14px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.25,.46,.45,.94);white-space:nowrap}.cart-indicator{background:linear-gradient(135deg,#ff6b35,#ff8a50 50%,#f7931e)}.cart-indicator,.favorites-indicator{color:#fff;text-shadow:0 1px 2px #0003}.favorites-indicator{background:linear-gradient(135deg,#e91e63,#f06292 50%,#ad1457)}.cart-indicator:before,.favorites-indicator:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.cart-indicator:hover,.favorites-indicator:hover{box-shadow:0 12px 35px #0003,0 6px 12px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-4px) scale(1.02)}.cart-indicator:hover{background:linear-gradient(135deg,#ff7849,#ff9a64 50%,#ffa032)}.favorites-indicator:hover{background:linear-gradient(135deg,#f06292,#f48fb1 50%,#c2185b)}.cart-indicator:hover:before,.favorites-indicator:hover:before{left:100%}.cart-indicator:active,.favorites-indicator:active{box-shadow:0 6px 20px #00000026,0 2px 6px #0000001a,inset 0 1px 0 #fff3;transform:translateY(-2px) scale(.98);transition:all .1s ease}.cart-indicator .count,.favorites-indicator .count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;font-size:.8rem;font-weight:800;margin-left:4px;padding:2px 8px}.cart-indicator[href$="(0)"],.favorites-indicator[href$="(0)"]{filter:saturate(.8);opacity:.85}.cart-indicator[href$="(0)"]:hover,.favorites-indicator[href$="(0)"]:hover{filter:saturate(1);opacity:1}.cart-indicator .icon,.favorites-indicator .icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.1rem}.cart-indicator.has-items,.favorites-indicator.has-items{box-shadow:0 6px 20px #00000026,0 0 0 2px #ffffff4d,inset 0 1px 0 #ffffff4d}.cart-indicator.has-items .count,.favorites-indicator.has-items .count{background:#ffffffe6;border:1px solid #ffffff80;color:#333;font-weight:900}@keyframes pulse-glow{0%{box-shadow:0 4px 15px #0000001a,0 0 0 0 #ff6b35b3}70%{box-shadow:0 4px 15px #0000001a,0 0 0 10px #ff6b3500}to{box-shadow:0 4px 15px #0000001a,0 0 0 0 #ff6b3500}}.cart-indicator.new-item,.favorites-indicator.new-item{animation:pulse-glow 1.5s ease-out}.ecommerce-main{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr;margin:0 auto;max-width:1200px;padding:2rem 20px}.sidebar{background:linear-gradient(135deg,#265727,#2f4961);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#f2efef;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:20px}.sidebar h3{color:#eaefeb;font-size:1.3rem;font-weight:600;margin:0 0 1rem}.category-list{display:flex;flex-direction:column;gap:8px}.category-btn{background:#0000;border:2px solid #0000;border-radius:8px;gap:12px;padding:12px 16px;text-align:left;width:100%}.category-btn[data-category=all]{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#9d0cb7}.category-btn[data-category=all]:hover{background:linear-gradient(135deg,#95779a,#5c5360);color:#fff;transform:translateX(4px)}.category-btn[data-category=all].active{background:linear-gradient(135deg,#d4a6dd,#bd9ecb);color:#fff}.category-btn[data-category=farmer-products]{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);border:2px solid #4caf50;box-shadow:0 2px 8px #4caf5033;font-weight:600}.category-btn[data-category=farmer-products]:hover{transform:translateX(4px) scale(1.02)}.category-btn[data-category=farmer-products].active,.category-btn[data-category=farmer-products]:hover{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 4px 12px #4caf5066;color:#fff}.category-btn[data-category=tractors]{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ff9800}.category-btn[data-category=tractors]:hover{transform:translateX(4px)}.category-btn[data-category=tractors].active,.category-btn[data-category=tractors]:hover{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.category-btn[data-category=fertilizers]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3}.category-btn[data-category=fertilizers]:hover{transform:translateX(4px)}.category-btn[data-category=fertilizers].active,.category-btn[data-category=fertilizers]:hover{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.category-btn[data-category=seeds]{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-color:#4caf50}.category-btn[data-category=seeds]:hover{transform:translateX(4px)}.category-btn[data-category=seeds].active,.category-btn[data-category=seeds]:hover{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.category-btn[data-category=tools]{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#f44336}.category-btn[data-category=tools]:hover{transform:translateX(4px)}.category-btn[data-category=tools].active,.category-btn[data-category=tools]:hover{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.category-btn[data-category=irrigation]{background:linear-gradient(135deg,#e0f2f1,#b2dfdb);border-color:#009688}.category-btn[data-category=irrigation]:hover{transform:translateX(4px)}.category-btn[data-category=irrigation].active,.category-btn[data-category=irrigation]:hover{background:linear-gradient(135deg,#009688,#00695c);color:#fff}.category-icon{font-size:1.2rem}.category-name{color:inherit}.featured-brands{border-top:1px solid #fcf8f8;margin-top:2rem;padding-top:1.5rem}.featured-brands h4{color:#f3f1f1;margin:0 0 1rem}.brand-list{display:flex;flex-direction:column;gap:8px}.brand-item{background:#f9f9fa;border-radius:6px;color:#393838;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s}.brand-item:hover{background:#e9ecef;color:#333}.products-section{background:#fffefe;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.products-header{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem}.products-header h2{color:#333;font-size:1.8rem;margin:0 0 .5rem}.products-header p{color:#666;font-size:.9rem;margin:0}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-card{border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:all .3s}.product-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.product-image{background:#f8f9fa;height:200px;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.discount-badge{background:#ff4757;font-size:.8rem;font-weight:700;left:10px;top:10px}.farmer-badge{align-items:center;animation:fadeInBounce .5s ease-out;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:20px;box-shadow:0 2px 8px #2e7d324d;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:10px;top:10px}@keyframes fadeInBounce{0%{opacity:0;transform:translateY(-10px) scale(.8)}60%{transform:translateY(2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.product-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.product-card:hover .product-overlay{opacity:1}.quick-view-btn{background:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:transform .2s}.quick-view-btn:hover{transform:scale(1.05)}.product-info{padding:1rem}.product-brand{font-size:.8rem;letter-spacing:.5px;margin-bottom:4px}.product-location{align-items:center;color:#666;display:flex;font-size:.75rem;gap:4px;margin-bottom:.5rem}.product-name{color:#333;font-size:1.1rem;line-height:1.3;margin:0 0 .5rem}.product-description{font-size:.9rem;line-height:1.4;margin:0 0 1rem}.product-specs{gap:4px;margin-bottom:.8rem}.spec-tag{background:#e8f5e8;border-radius:3px;color:#2e7d2e;font-size:.75rem;padding:2px 6px}.product-rating{margin-bottom:.8rem}.stars{font-size:.9rem}.rating-text{color:#666;font-size:.8rem}.product-pricing{margin-bottom:1rem}.current-price{font-size:1.3rem}.original-price{color:#999;font-size:1rem}.product-actions{gap:8px}.add-to-cart-btn{border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;padding:10px 16px;transition:all .2s}.add-to-cart-btn:hover:not(:disabled){transform:translateY(-1px)}.wishlist-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:10px 12px;transition:all .2s}.wishlist-btn:hover{background:#ff4757;border-color:#ff4757;transform:scale(1.1)}.no-products{color:#666;padding:3rem}.no-products h3{font-size:1.5rem;margin:0 0 .5rem}.benefits-section{bottom:20px;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;z-index:1000}.benefit-item{background:#fff;border-radius:20px;box-shadow:0 2px 10px #0000001a;color:#333;font-size:.8rem;font-weight:500;gap:6px;padding:8px 12px;transition:transform .2s}.benefit-item:hover{transform:scale(1.05)}.benefit-icon{font-size:1rem}@media (max-width:768px){.sell-banner{padding:1.25rem 1.5rem}.sell-banner-content{flex-direction:column;gap:1rem;text-align:center}.sell-banner-text h3{font-size:1.3rem}.sell-banner-text p{font-size:.95rem}.sell-products-btn{font-size:1rem;justify-content:center;padding:.875rem 1.5rem;width:100%}.ecommerce-main{gap:1rem;grid-template-columns:1fr}.sidebar{margin-bottom:1rem;position:static}.search-filter-section{align-items:stretch;flex-direction:column;gap:1rem}.search-filter-section .search-box{order:1}.search-filter-section .sort-dropdown{order:2}.search-filter-section .cart-indicator,.search-filter-section .favorites-indicator{align-self:center;min-width:120px;order:3}.cart-favorites-container{align-self:center;display:flex;gap:.75rem;justify-content:center;order:3}.search-box{max-width:none}.products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.benefits-section{background:#fff;flex-direction:row;justify-content:center;margin-top:2rem;padding:1rem;position:static}.ecommerce-header{padding:3rem 0 2rem}.ecommerce-header h1{font-size:2.5rem}.ecommerce-header p{font-size:1.1rem;padding:0 1rem}.search-filter-section{gap:.75rem;padding:0 .5rem}.cart-indicator,.favorites-indicator{border-radius:25px;font-size:.85rem;letter-spacing:.3px;padding:12px 18px}.cart-indicator .icon,.favorites-indicator .icon{font-size:1rem}.cart-indicator .count,.favorites-indicator .count{font-size:.75rem;margin-left:2px;padding:1px 6px}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.product-actions{flex-direction:column}.wishlist-btn{align-self:center;width:-webkit-fit-content;width:fit-content}}.loading{animation:pulse 1.5s ease-in-out infinite}.product-card{overflow:hidden}.product-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%;z-index:1}.product-card:hover:before{left:100%}*{box-sizing:border-box}.marketplace-chat-toggle{align-items:center;background:#4caf50;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;transition:all .25s ease;width:60px;z-index:999}.marketplace-chat-toggle:hover{background:#45a049;transform:translateY(-3px) scale(1.03)}.marketplace-chat-toggle .chat-icon{color:#fff;font-size:26px}.marketplace-chatbot{animation:chatSlideIn .4s ease-out;background:#fff;border-radius:20px;bottom:30px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;height:620px;overflow:hidden;position:fixed;right:30px;width:400px;z-index:1000}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.marketplace-chat-toggle{display:none}.chat-header{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 10px #4caf5033;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:20px;position:relative}.chat-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:-20%;top:-50%;width:200px}.chat-header-info{gap:12px}.bot-avatar,.chat-header-info{align-items:center;display:flex}.bot-avatar{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:50%;box-shadow:0 4px 12px #00000026,inset 0 -2px 4px #0000000d;color:#4caf50;font-size:22px;height:44px;justify-content:center;position:relative;width:44px;z-index:1}.chat-header h3{font-size:16px;font-weight:700;letter-spacing:.3px;margin:0;text-shadow:0 1px 2px #0000001a}.chat-header .status{align-items:center;display:flex;font-size:12px;font-weight:500;gap:6px;opacity:.95}.chat-header .status:before{animation:statusBlink 2s ease-in-out infinite;background:#8fff8f;border-radius:50%;box-shadow:0 0 8px #8fff8fcc;content:"";display:inline-block;height:8px;width:8px}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.6}}.close-btn{background:#fff3;border:1px solid #ffffff4d;font-size:20px;height:36px;position:relative;transition:all .3s ease;width:36px;z-index:1}.close-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:rotate(90deg) scale(1.1)}.chat-messages{background:linear-gradient(180deg,#f8f9fa 0,#f0f2f5);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px;position:relative}.chat-messages:before{background:linear-gradient(180deg,#4caf500d 0,#0000);content:"";height:20px;left:0;pointer-events:none;position:absolute;right:0;top:0}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#45a049,#3d8b40)}.message{align-items:flex-start;animation:messageSlideIn .4s ease-out;display:flex;gap:12px;transform-origin:left center}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.msg-avatar{align-items:center;background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #fff;border-radius:50%;box-shadow:0 3px 8px #0000001f,0 1px 3px #00000014;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.message.user .msg-avatar{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.message-content{display:flex;flex-direction:column;gap:4px;max-width:75%}.message-text{background:#fff;border:1px solid #00000008;border-radius:18px 18px 18px 4px;box-shadow:0 3px 10px #00000014,0 1px 3px #0000000f;font-size:14px;line-height:1.6;padding:14px 18px;position:relative;white-space:pre-wrap;word-break:break-word}.message.user .message-text{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:18px 18px 4px 18px;box-shadow:0 3px 12px #4caf504d,0 1px 3px #00000014;color:#fff}.message-time{color:#999;font-size:11px;font-weight:500;margin-top:2px;padding:0 8px}.message.user .message-time{color:#666;text-align:right}.typing-indicator{background:#fff;border:1px solid #00000008;border-radius:18px 18px 18px 4px;box-shadow:0 3px 10px #00000014,0 1px 3px #0000000f;display:flex;gap:5px;padding:14px 18px}.typing-indicator span{animation:typing 1.4s infinite;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;box-shadow:0 2px 4px #4caf504d;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.chat-input-area{background:linear-gradient(180deg,#fff 0,#f9f9f9);border-top:1px solid #e8e8e8;box-shadow:0 -2px 10px #0000000d;display:flex;gap:12px;padding:16px}.chat-input{background:#fff;border:2px solid #e0e0e0;border-radius:25px;box-shadow:inset 0 2px 4px #0000000a;flex:1 1;font-size:14px;padding:14px 18px;transition:all .3s ease}.chat-input:focus{background:#fafffe;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a,inset 0 2px 4px #0000000a;outline:none}.chat-input::placeholder{color:#999;font-weight:400}.send-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:50%;box-shadow:0 4px 12px #4caf504d;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 16px #4caf5066;transform:scale(1.05) translateY(-1px)}.send-btn:active:not(:disabled){box-shadow:0 2px 8px #4caf504d;transform:scale(.95)}.send-btn:disabled{background:linear-gradient(135deg,#ccc,#bbb);box-shadow:none;opacity:.5}.chat-header-collapsed{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50px;bottom:30px;box-shadow:0 6px 20px #4caf5066;color:#fff;cursor:pointer;display:flex;gap:12px;min-width:240px;padding:16px 20px;position:fixed;right:30px;transition:all .3s ease;z-index:999}.chat-header-collapsed:hover{box-shadow:0 8px 25px #4caf5080;transform:translateY(-3px) scale(1.02)}.chat-header-collapsed .bot-avatar{animation:pulse 2s ease-in-out infinite}.chat-header-collapsed h3{font-size:15px;font-weight:700;margin:0}.chat-header-collapsed .status{font-size:12px;opacity:.95}.quick-questions{background:linear-gradient(180deg,#f9f9f9 0,#fff);border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;padding:12px 16px}.quick-questions p{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.quick-btns{display:flex;flex-wrap:wrap;gap:8px}.quick-btn{background:#fff;border:2px solid #4caf50;border-radius:20px;box-shadow:0 2px 6px #00000014;color:#4caf50;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .3s ease}.quick-btn:hover{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#45a049;box-shadow:0 4px 12px #4caf504d;color:#fff;transform:translateY(-2px)}.quick-btn:active{box-shadow:0 2px 6px #00000014;transform:translateY(0)}@media (max-width:768px){.marketplace-chatbot{border-radius:0;bottom:0;height:100vh;right:0;width:100vw}.marketplace-chat-toggle{bottom:20px;right:20px}.chat-header-collapsed{bottom:20px;min-width:auto;padding:14px 18px;right:20px}.chat-header-collapsed h3{font-size:14px}.message-content{max-width:80%}.quick-btns{flex-direction:column}.quick-btn{text-align:center;width:100%}}.customer-marketplace{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.marketplace-header{align-items:center;background:linear-gradient(135deg,#2e7d32,#4caf50);border-radius:15px;box-shadow:0 4px 20px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.header-actions{display:flex;gap:15px}.cart-link,.orders-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:25px;color:#fff;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.cart-link:hover,.orders-link:hover{background:#ffffff4d;transform:translateY(-2px)}.marketplace-filters{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.search-bar{margin-bottom:15px}.search-bar input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:15px 20px;transition:all .3s ease;width:100%}.search-bar input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.filter-controls{flex-wrap:wrap;gap:15px;justify-content:space-between}.filter-controls,.sort-control{align-items:center;display:flex}.sort-control{gap:10px}.sort-control label{color:#333;font-weight:600}.sort-control select{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:10px 15px;transition:all .3s ease}.sort-control select:focus{border-color:#4caf50;outline:none}.view-toggle{background:#f5f5f5;border-radius:10px;display:flex;gap:5px;padding:5px}.view-toggle button{background:#0000;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.view-toggle button.active{background:#fff;box-shadow:0 2px 5px #0000001a}.categories-bar{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding:15px 0;scrollbar-width:thin}.category-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:5px;min-width:120px;padding:15px 25px;transition:all .3s ease;white-space:nowrap}.category-btn:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf5033;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#2e7d32,#4caf50);border-color:#2e7d32;color:#fff}.category-icon{font-size:2rem}.category-name{font-size:.9rem;font-weight:600}.products-container{grid-gap:20px;display:grid;gap:20px;margin-bottom:30px}.products-container.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.products-container.list{grid-template-columns:1fr}.product-card{background:#fff;border-radius:15px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;overflow:visible;position:relative;transition:all .3s ease}.products-container.list .product-card{flex-direction:row}.product-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.product-image-wrapper{border-radius:15px 15px 0 0;height:250px;overflow:hidden;position:relative;width:100%}.products-container.list .product-image-wrapper{height:auto;min-height:100%;width:300px}.product-image-wrapper img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image-wrapper img{transform:scale(1.05)}.delivery-badge,.organic-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4caf50f2;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;left:10px;padding:5px 12px;position:absolute;top:10px}.delivery-badge{background:#2196f3f2;top:45px}.favorite-btn{align-items:center;background:#ff4757;border:none;box-shadow:0 2px 8px #ff47574d;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:8px;top:-8px;width:40px;z-index:10}.favorite-btn:hover{background:#ff3838;box-shadow:0 4px 12px #ff475766;transform:scale(1.05)}.favorite-btn.active{background:#e74c3c;color:#fff}.product-info{display:flex;flex:1 1;flex-direction:column;padding:20px}.product-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:10px}.product-header h3{color:#333;flex:1 1;font-size:1.3rem;margin:0}.product-rating{background:#ffc107;border-radius:15px;color:#fff;font-size:.85rem;font-weight:600;padding:5px 10px;white-space:nowrap}.product-description{color:#666;font-size:.95rem;margin:10px 0}.product-meta{background:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;gap:5px;margin:15px 0;padding:10px}.farmer-info,.location-info{color:#555;font-size:.9rem}.product-footer{border-top:2px solid #f0f0f0;margin-top:auto;padding-top:15px}.price-info{align-items:baseline;display:flex;gap:8px;margin-bottom:15px}.current-price{color:#2e7d32;font-size:1.8rem}.unit{color:#666;font-size:.9rem}.stock-info{color:#999;font-size:.85rem;margin-left:5px}.product-actions{display:flex;flex-wrap:wrap;gap:10px}.add-to-cart-btn,.contact-btn,.quick-view-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;min-width:100px;padding:12px 16px;transition:all .3s ease}.quick-view-btn{background:#f5f5f5;color:#333}.quick-view-btn:hover{background:#e0e0e0}.contact-btn{background:#2196f3;color:#fff}.contact-btn:hover{background:#1976d2}.add-to-cart-btn{background:linear-gradient(135deg,#2e7d32,#4caf50)}.add-to-cart-btn:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.add-to-cart-btn.in-cart{background:#666}.add-to-cart-btn:disabled{background:#ccc}.customer-marketplace-error,.customer-marketplace-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.retry-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 30px;transition:all .3s ease}.retry-btn:hover{background:#45a049}.contact-modal,.quick-view-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.modal-content{display:flex;gap:30px}.modal-image{flex:1 1;max-width:400px}.modal-image img{border-radius:15px;box-shadow:0 4px 20px #0000001a;height:auto;width:100%}.modal-details{display:flex;flex:1 1;flex-direction:column;gap:15px}.modal-details h2{color:#333;font-size:2rem;margin:0}.modal-rating{background:#ffc107;border-radius:20px;color:#fff;display:inline-block;font-weight:600;padding:8px 15px;width:-webkit-fit-content;width:fit-content}.modal-description{font-size:1rem}.modal-info-grid{grid-gap:15px;background:#f9f9f9;border-radius:12px;gap:15px;grid-template-columns:repeat(2,1fr);padding:20px}.info-item{flex-direction:column;gap:5px}.info-item strong{color:#333;font-size:.9rem}.info-item span{color:#666;font-size:.95rem}.modal-price{align-items:baseline;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;display:flex;gap:10px;padding:20px}.modal-price .price{color:#2e7d32;font-size:2.5rem;font-weight:700}.modal-price .unit{color:#666;font-size:1.1rem}.modal-actions{display:flex;gap:15px;margin-top:auto}.modal-add-cart-btn,.modal-contact-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:15px;transition:all .3s ease}.modal-contact-btn{background:#2196f3;color:#fff}.modal-contact-btn:hover{background:#1976d2;transform:translateY(-2px)}.modal-add-cart-btn{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff}.modal-add-cart-btn:hover{box-shadow:0 6px 20px #4caf504d;transform:translateY(-2px)}.contact-modal{max-width:600px;padding:40px}.contact-modal h2{color:#333;margin:0 0 10px}.contact-modal>p{color:#666;margin-bottom:25px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.farmer-contact-info{background:#f9f9f9;border-left:4px solid #4caf50;border-radius:8px;padding:15px}.farmer-contact-info p{color:#555;margin:5px 0}.contact-actions{display:flex;gap:15px;margin-top:10px}.cancel-btn,.send-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:15px;transition:all .3s ease}.cancel-btn{background:#f5f5f5;color:#333}.cancel-btn:hover{background:#e0e0e0}.send-btn{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff}.send-btn:hover{box-shadow:0 6px 20px #4caf504d;transform:translateY(-2px)}.send-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.no-products{grid-column:1/-1;padding:60px 20px;text-align:center}.no-products h3{color:#333;font-size:1.8rem;margin-bottom:10px}.no-products p{color:#666;font-size:1.1rem}@media (max-width:768px){.marketplace-header{flex-direction:column;gap:20px;text-align:center}.header-content h1{font-size:2rem}.products-container.grid{grid-template-columns:1fr}.products-container.list .product-card{flex-direction:column}.products-container.list .product-image-wrapper{height:250px;width:100%}.modal-content{flex-direction:column}.modal-image{max-width:100%}.modal-info-grid{grid-template-columns:1fr}.product-actions{flex-direction:column}.add-to-cart-btn,.contact-btn,.quick-view-btn{width:100%}.categories-bar{justify-content:flex-start}.category-btn{min-width:100px}}.my-orders{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.orders-header{align-items:center;background:linear-gradient(135deg,#2e7d32,#4caf50);border-radius:15px;box-shadow:0 4px 20px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.header-content h1{font-size:2.5rem;margin:0}.header-content p{font-size:1.1rem;margin:10px 0 0}.shop-more-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:25px;color:#fff;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.shop-more-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.orders-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filter-tab{background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#333;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.filter-tab:hover{border-color:#4caf50;transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,#2e7d32,#4caf50);border-color:#2e7d32;color:#fff}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:#fff;border-radius:15px;box-shadow:0 4px 12px #00000014;padding:25px;transition:all .3s ease}.order-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.order-card-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.order-info h3{color:#333;font-size:1.5rem;margin:0 0 5px}.order-date{color:#666;font-size:.95rem}.order-status{border-radius:20px;font-size:.9rem;font-weight:600;padding:8px 16px}.order-status.pending{background:#fff3cd;color:#856404}.order-status.confirmed{background:#d1ecf1;color:#0c5460}.order-status.packed{background:#e7e7ff;color:#4a4aff}.order-status.shipped{background:#cfe2ff;color:#084298}.order-status.delivered{background:#d1e7dd;color:#0f5132}.order-status.cancelled{background:#f8d7da;color:#842029}.order-items{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.order-item{background:#f9f9f9;border-radius:10px}.order-item img{height:80px;width:80px}.item-details h4{color:#333;font-size:1.1rem;margin:0 0 5px}.farmer-name{color:#666;font-size:.9rem;margin:5px 0}.item-quantity{color:#999;font-size:.9rem;margin:5px 0 0}.item-price{color:#2e7d32;font-size:1.3rem;font-weight:700}.order-card-footer{align-items:center;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:15px}.order-total{display:flex;flex-direction:column;gap:5px}.order-total span{color:#666;font-size:.9rem}.order-total strong{color:#2e7d32;font-size:1.8rem}.order-actions{display:flex;gap:10px}.cancel-btn,.reorder-btn,.view-details-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.view-details-btn{background:#2196f3}.view-details-btn:hover{background:#1976d2}.reorder-btn{background:#4caf50;color:#fff}.reorder-btn:hover{background:#45a049}.cancel-btn{background:#f44336;color:#fff}.cancel-btn:hover{background:#d32f2f}.no-orders{background:#fff;border-radius:15px;box-shadow:0 4px 12px #00000014;padding:80px 20px;text-align:center}.no-orders-icon{font-size:5rem;margin-bottom:20px}.no-orders h3{color:#333;font-size:2rem;margin-bottom:10px}.no-orders p{color:#666;font-size:1.1rem;margin-bottom:30px}.start-shopping-btn{background:linear-gradient(135deg,#2e7d32,#4caf50);border-radius:25px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 40px;text-decoration:none;transition:all .3s ease}.start-shopping-btn:hover{box-shadow:0 6px 20px #4caf504d;transform:translateY(-3px)}.my-orders-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{border:5px solid #f3f3f3}.modal-overlay{padding:20px}.order-details-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.close-modal{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10}.close-modal:hover{background:#0003;transform:rotate(90deg)}.modal-header{border-bottom:2px solid #f0f0f0;padding:30px 30px 20px}.modal-header h2{color:#333}.modal-body{gap:30px;padding:30px}.details-section,.modal-body{display:flex;flex-direction:column}.details-section{gap:15px}.details-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.3rem;margin:0;padding-bottom:10px}.details-items{display:flex;flex-direction:column;gap:15px}.details-item{align-items:center;background:#f9f9f9;border-radius:10px;display:flex;gap:15px;padding:15px}.details-item img{border-radius:8px;height:80px;object-fit:cover;width:80px}.item-info h4{font-size:1.1rem;margin:0 0 5px}.item-total{color:#2e7d32;font-size:1.3rem;font-weight:700}.info-box{background:#f9f9f9;border-left:4px solid #4caf50;border-radius:10px;padding:20px}.info-box p{color:#555;line-height:1.6;margin:10px 0}.info-box strong{color:#333}.tracking-timeline{padding-left:40px;position:relative}.tracking-step{padding-bottom:30px;position:relative}.tracking-step:last-child{padding-bottom:0}.step-indicator{background:#e0e0e0;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:20px;left:-40px;position:absolute;top:0;width:20px}.tracking-step.completed .step-indicator{background:#4caf50}.tracking-step.current .step-indicator{animation:pulse 2s infinite;background:#2196f3}.tracking-step:before{background:#e0e0e0;content:"";height:calc(100% + 10px);left:-31px;position:absolute;top:20px;width:2px}.tracking-step:last-child:before{display:none}.tracking-step.completed:before{background:#4caf50}.step-content h4{color:#333;font-size:1.1rem;margin:0 0 5px}.step-time{color:#999;font-size:.85rem;margin:0 0 8px}.step-description{color:#666;font-size:.95rem;margin:0}.price-breakdown{background:#f9f9f9;border-radius:10px;padding:20px}.price-row{color:#555;display:flex;justify-content:space-between;padding:10px 0}.price-row.total{border-top:2px solid #e0e0e0;font-size:1.2rem;margin-top:10px;padding-top:15px}.price-row .free{color:#4caf50;font-weight:600}.price-row.total strong{color:#2e7d32;font-size:1.5rem}.modal-footer{gap:10px;padding:20px 30px 30px}.download-btn,.rate-btn,.track-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.rate-btn{background:#ffc107;color:#333}.rate-btn:hover{background:#ffb300}.download-btn{background:#2196f3;color:#fff}.download-btn:hover{background:#1976d2}.track-btn{background:#4caf50;color:#fff}.track-btn:hover{background:#45a049}@media (max-width:768px){.orders-header{flex-direction:column;gap:20px;text-align:center}.header-content h1{font-size:2rem}.orders-filters{flex-wrap:nowrap;overflow-x:auto}.filter-tab{white-space:nowrap}.order-card-footer{align-items:stretch;gap:15px}.order-actions,.order-card-footer{flex-direction:column}.cancel-btn,.reorder-btn,.view-details-btn{width:100%}.details-item,.order-item{flex-direction:column;text-align:center}.modal-footer{flex-direction:column}.download-btn,.rate-btn,.track-btn{width:100%}}.cart-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:100px 20px 20px}.cart-container,.cart-header{box-sizing:border-box;width:100%}.cart-header{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:space-between;margin-bottom:25px;padding:25px 30px}.cart-title-section h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.cart-title-section p{color:#6c757d;margin:0}.cart-actions{align-items:center;display:flex;gap:16px}.continue-shopping-link{border-radius:6px;color:#4caf50;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.continue-shopping-link:hover{background:#e8f5e8}.clear-cart-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:background-color .3s ease}.clear-cart-btn:hover{background:#c82333}.empty-cart{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 40px;text-align:center}.empty-cart-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-cart h2{color:#2c3e50;font-size:24px;margin:0 0 16px}.empty-cart p{color:#6c757d;font-size:16px;margin:0 0 30px}.continue-shopping-btn{border-radius:8px;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.cart-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 400px}.cart-content,.cart-items{box-sizing:border-box;width:100%}.cart-items{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:visible}.cart-items-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px 30px}.cart-items-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.cart-item{grid-gap:20px;align-items:start;border-bottom:1px solid #e9ecef;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:120px 1fr 140px 140px;padding:25px;width:100%}.cart-item:last-child{border-bottom:none}.item-image{background:#f8f9fa;border-radius:8px;height:120px;overflow:hidden;width:120px}.item-image img{height:100%;object-fit:cover;width:100%}.item-details{flex:1 1}.item-name{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 8px}.item-brand{color:#4caf50;font-size:14px;font-weight:500;margin:0 0 8px}.item-description{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 16px}.item-actions{gap:12px}.move-to-favorites-btn,.remove-item-btn{background:none;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.move-to-favorites-btn:hover{background:#fff3e0;border-color:#ff9800;color:#f57c00}.remove-item-btn:hover{background:#ffebee;border-color:#f44336;color:#d32f2f}.item-quantity{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:120px}.item-quantity label{color:#6c757d;font-size:12px;font-weight:500}.quantity-controls{align-items:center;border:1px solid #e9ecef;border-radius:6px;display:flex;overflow:hidden}.quantity-btn{background:#f8f9fa;border:none;cursor:pointer;font-size:16px;padding:8px 12px;transition:background-color .3s ease}.quantity-btn:hover:not(:disabled){background:#e9ecef}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-input{border:none;font-size:14px;padding:8px 4px;text-align:center;width:60px}.quantity-input:focus{background:#f8f9fa;outline:none}.item-pricing{gap:8px;min-width:140px}.item-pricing,.item-subtotal,.item-unit-price{align-items:flex-end;display:flex;flex-direction:column}.item-subtotal,.item-unit-price{gap:4px}.price-label{color:#6c757d;font-size:12px}.price-value{font-weight:600}.item-subtotal .price-value{color:#4caf50;font-size:18px}.cart-summary{align-self:start;display:flex;flex-direction:column;gap:20px;max-width:400px;position:-webkit-sticky;position:sticky;top:120px;width:100%}.summary-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;border-top:4px solid #4caf50;box-shadow:0 6px 24px #0000001f;box-sizing:border-box;display:block;min-height:300px;padding:28px;position:relative;width:100%}.summary-card h3{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:22px;font-weight:700;margin:0 0 20px;padding-bottom:12px;text-align:center}.summary-card h3:before{content:"📋 ";font-size:18px}.summary-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:24px;padding:16px}.summary-line{align-items:center;border-radius:6px;box-sizing:border-box;display:flex;font-size:15px;justify-content:space-between;margin-bottom:6px;padding:10px 12px;transition:background-color .2s ease;width:100%}.summary-line:hover{background:#4caf500d}.summary-line:last-child{margin-bottom:0}.summary-line span:first-child{color:#495057;font-weight:600}.summary-line span:last-child{color:#2c3e50;font-weight:700}.free-shipping{background:#4caf50;border-radius:12px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.summary-divider{background:#dee2e6;height:1px;margin:16px 0}.total-line{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;color:#1a202c;font-size:18px;font-weight:800;margin:12px 0;padding:14px 16px}.total-amount{color:#4caf50;font-size:24px;font-weight:900}.checkout-actions{border-top:1px solid #dee2e6;display:flex;flex-direction:column;gap:14px;margin-bottom:24px;padding:16px 0}.checkout-actions,.checkout-btn{box-sizing:border-box;width:100%}.checkout-btn{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:10px;box-shadow:0 4px 12px #4caf504d;color:#fff;font-size:16px;font-weight:700;padding:18px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.checkout-btn:hover{background:linear-gradient(135deg,#45a049,#388e3c);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.view-favorites-btn{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;box-sizing:border-box;color:#6c757d;font-weight:600;padding:15px 18px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.view-favorites-btn:hover{background:#fff3e0;border-color:#ff9800;color:#f57c00}.security-info{border:1px solid #dee2e6;border-radius:8px;padding:16px}.security-item{background:#fff;border-left:3px solid #4caf50;border-radius:6px;color:#495057;font-weight:500;gap:8px;padding:6px 10px}.recommendations{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #feb2b2;border-radius:16px;box-shadow:0 6px 20px #ff6b6b26;overflow:hidden;padding:24px;position:relative}.recommendations:before{background:linear-gradient(90deg,#ff6b6b,#ffa726,#66bb6a);content:"";height:3px;left:0;position:absolute;right:0;top:0}.recommendations h4{align-items:center;color:#c53030;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 12px}.recommendations h4:before{content:"🛍️";font-size:16px}.recommendations p{color:#744210;font-size:14px;font-weight:500;line-height:1.4;margin:0 0 18px}.recommendation-list{display:flex;flex-direction:column;gap:8px}.recommendation-item{align-items:center;background:#ffffffe6;border:1px solid #c5303033;border-radius:10px;color:#2d3748;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:all .3s ease}.recommendation-item:hover{background:#fff;border-color:#fc8181;box-shadow:0 4px 12px #c5303033;transform:translateY(-2px)}@media (max-width:1200px){.cart-content{gap:20px;grid-template-columns:1fr 350px}}@media (max-width:992px){.cart-content{gap:20px;grid-template-columns:1fr}.cart-summary{max-width:100%;position:static}.cart-header{flex-direction:column;gap:20px;text-align:center}.cart-item{gap:16px;grid-template-columns:1fr;text-align:center}.item-pricing,.item-quantity{align-items:center}}@media (max-width:768px){.cart-container{padding:15px}.cart-header{padding:20px}.cart-title-section h1{font-size:22px}.cart-item{gap:15px;grid-template-columns:100px 1fr;padding:20px}.item-image{height:100px;width:100px}.summary-card{padding:20px}.item-pricing,.item-quantity{grid-column:1/-1;margin-top:15px}}@media (max-width:480px){.cart-actions{flex-direction:column;width:100%}.clear-cart-btn,.continue-shopping-link{text-align:center;width:100%}.empty-cart{padding:40px 20px}.empty-cart-icon{font-size:60px}}.favorites-container{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:100px 20px 20px}.favorites-header{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.favorites-title-section h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.favorites-title-section p{color:#6c757d;margin:0}.favorites-actions{align-items:center;display:flex;gap:16px}.continue-browsing-link{border-radius:6px;color:#4caf50;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.continue-browsing-link:hover{background:#e8f5e8}.clear-favorites-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:background-color .3s ease}.clear-favorites-btn:hover{background:#c82333}.empty-favorites{border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 40px}.empty-favorites-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-favorites h2{color:#2c3e50;font-size:24px;margin:0 0 16px}.empty-favorites p{color:#6c757d;font-size:16px;margin:0 0 30px}.browse-products-btn{background:#4caf50;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.browse-products-btn:hover{background:#45a049}.favorites-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr;margin-bottom:40px}.favorites-sidebar{display:flex;flex-direction:column;gap:20px}.favorites-controls,.favorites-stats,.quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.favorites-controls h4,.favorites-stats h3,.quick-actions h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px}.stat-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#6c757d;font-size:14px}.stat-value{color:#2c3e50;font-weight:600}.sort-select{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;width:100%}.sort-select:focus{border-color:#4caf50;outline:none}.add-all-to-cart-btn,.view-cart-btn{border-radius:8px;cursor:pointer;display:block;font-size:14px;font-weight:500;margin-bottom:8px;padding:12px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.add-all-to-cart-btn{background:#4caf50;border:none;color:#fff}.add-all-to-cart-btn:hover{background:#45a049}.view-cart-btn{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d}.view-cart-btn:hover{background:#e9ecef;color:#495057}.favorites-main{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.favorites-toolbar{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 30px}.view-options{align-items:center;display:flex;gap:12px}.view-options span{color:#6c757d;font-size:14px;font-weight:500}.view-btn{background:#e9ecef;border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .3s ease}.view-btn.active,.view-btn:hover{background:#4caf50;color:#fff}.favorites-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:30px}.favorite-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .3s ease}.favorite-item:hover{border-color:#4caf50;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.favorite-item-image{height:200px;overflow:hidden;position:relative;width:100%}.favorite-item-image img{height:100%;object-fit:cover;width:100%}.discount-badge{background:#f44;border-radius:4px;color:#fff;font-size:12px;font-weight:600;left:12px;padding:4px 8px;position:absolute;top:12px}.remove-favorite-btn{font-size:12px;height:32px;right:12px;top:12px;width:32px}.remove-favorite-btn:hover{background:#ffebee}.favorite-item-info{padding:20px}.product-brand{color:#4caf50;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.product-name{color:#2c3e50;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.product-description{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 12px}.product-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.spec-tag{background:#f8f9fa;border-radius:4px;color:#6c757d;font-size:11px;font-weight:500;padding:4px 8px}.product-rating{align-items:center;display:flex;gap:8px;margin-bottom:12px}.stars{color:#ffc107;font-size:14px}.rating-text{color:#6c757d;font-size:12px}.product-pricing{align-items:center;display:flex;gap:8px;margin-bottom:16px}.current-price{color:#4caf50;font-size:18px;font-weight:700}.original-price{color:#6c757d;font-size:14px;text-decoration:line-through}.favorite-item-actions{display:flex;gap:8px}.add-to-cart-btn,.remove-btn{border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:10px;text-align:center;transition:all .3s ease}.add-to-cart-btn{background:#4caf50;border:none;color:#fff}.add-to-cart-btn:hover:not(:disabled){background:#45a049}.add-to-cart-btn.in-cart{background:#6c757d}.add-to-cart-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.remove-btn{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d}.remove-btn:hover{background:#ffebee;border-color:#f44336;color:#d32f2f}.favorites-suggestions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.favorites-suggestions h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 8px}.favorites-suggestions p{color:#6c757d;margin:0 0 20px}.suggestion-categories{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.suggestion-category{align-items:center;background:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:16px;transition:all .3s ease}.suggestion-category:hover{background:#e8f5e8;transform:translateY(-2px)}.category-icon{font-size:20px}.category-name{color:#2c3e50;font-weight:500}@media (max-width:992px){.favorites-content{grid-template-columns:1fr}.favorites-sidebar{order:1}.favorites-main{order:0}.favorites-header{flex-direction:column;gap:20px;text-align:center}}@media (max-width:768px){.favorites-container{padding:16px}.favorites-header{padding:20px}.favorites-title-section h1{font-size:24px}.favorites-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px}.favorites-sidebar{flex-direction:row;overflow-x:auto}.favorites-controls,.favorites-stats,.quick-actions{min-width:200px}}@media (max-width:480px){.favorites-actions{flex-direction:column;width:100%}.clear-favorites-btn,.continue-browsing-link{text-align:center;width:100%}.empty-favorites{padding:40px 20px}.empty-favorites-icon{font-size:60px}.favorites-grid{grid-template-columns:1fr;padding:16px}.favorites-sidebar{flex-direction:column}.suggestion-categories{grid-template-columns:1fr}}.blockchain-checkout-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.blockchain-checkout-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.blockchain-checkout-modal.success{max-width:400px;text-align:center}.modal-header{background:linear-gradient(135deg,#4caf50,#45a049);border-bottom:1px solid #e9ecef;padding:25px 30px}.modal-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:background-color .3s ease;width:40px}.modal-header .close-btn:hover{background:#ffffff4d}.modal-content{padding:30px}.order-summary{margin-bottom:30px}.items-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.order-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:15px}.order-item img{border-radius:8px;height:60px;object-fit:cover;width:60px}.order-item .item-details{flex:1 1}.order-item h4{color:#2c3e50;font-size:14px;margin:0 0 5px}.order-item p{color:#6c757d;font-size:12px;margin:2px 0}.order-item .item-price{color:#4caf50!important;font-weight:600}.total-amount{border-top:2px solid #e9ecef;color:#2c3e50;font-size:18px;padding-top:15px}.payment-methods{margin-bottom:30px}.payment-methods h3{color:#2c3e50;font-size:18px;margin:0 0 20px}.method-options{display:flex;flex-direction:column;gap:15px}.method-option{cursor:pointer;display:block}.method-option input[type=radio]{display:none}.method-card{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.method-option.selected .method-card{background:#f8fff9;border-color:#4caf50;box-shadow:0 4px 12px #4caf5026}.method-card:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf501a}.method-icon{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;height:60px;justify-content:center;width:60px}.method-option.selected .method-icon{background:#e8f5e8}.method-details h4{color:#2c3e50;margin:0 0 5px}.method-details p{color:#6c757d;font-size:14px}.crypto-options{margin-bottom:30px}.crypto-options h4{color:#2c3e50;font-size:16px;margin:0 0 20px}.token-selection{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px}.token-option{cursor:pointer;display:block}.token-option input[type=radio]{display:none}.token-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.token-option.selected .token-card{background:#f8fff9;border-color:#4caf50;box-shadow:0 4px 12px #4caf5026}.token-card:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf501a}.token-symbol{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:10px}.token-details h5{color:#2c3e50;font-size:14px;margin:0 0 5px}.token-details p{color:#4caf50;font-size:12px;font-weight:600;margin:0}.wallet-status{background:#f8f9fa;border-radius:12px;margin-bottom:25px;padding:20px}.connect-wallet-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.connect-wallet-btn:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.wallet-connected{flex-wrap:wrap;gap:15px;justify-content:space-between}.wallet-connected,.wallet-info{align-items:center;display:flex}.wallet-info{gap:10px}.connected-indicator{font-size:12px}.wallet-info p{font-size:13px;margin:2px 0}.switch-network-btn{background:#ffc107;border:none;border-radius:6px;color:#212529;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.switch-network-btn:hover{background:#e0a800}.payment-actions{margin-bottom:25px}.pay-crypto-btn,.pay-traditional-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;padding:18px;transition:all .3s ease;width:100%}.pay-crypto-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pay-crypto-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.pay-traditional-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.pay-traditional-btn:hover:not(:disabled){box-shadow:0 8px 25px #4caf5066;transform:translateY(-2px)}.pay-crypto-btn:disabled,.pay-traditional-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.security-info{border-left:4px solid #4caf50;flex-direction:column;gap:10px}.security-item{align-items:center;color:#2c3e50;display:flex;font-size:14px;gap:10px}.success-content{padding:40px 30px}.success-icon{font-size:64px}.success-content h2{color:#4caf50;font-size:24px;margin:0 0 15px}.success-content p{color:#6c757d;font-size:16px;margin:0 0 25px}.tx-details{background:#f8f9fa;border-radius:12px;margin-bottom:25px;padding:20px;text-align:left}.tx-hash{background:#fff;border:1px solid #e9ecef;border-radius:6px;font-family:monospace;font-size:12px;margin:10px 0;padding:10px;word-break:break-all}.view-tx-btn{background:#4caf50;border-radius:6px;color:#fff;display:inline-block;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.view-tx-btn:hover{background:#45a049}.success-content .close-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.success-content .close-btn:hover{background:#45a049;transform:translateY(-2px)}@media (max-width:768px){.blockchain-checkout-modal{margin:10px;width:95%}.modal-content,.modal-header{padding:20px}.token-selection{grid-template-columns:1fr}.wallet-connected{align-items:stretch;flex-direction:column}.method-card{padding:15px}.method-icon{font-size:24px;height:50px;width:50px}}@media (max-width:480px){.modal-header h2{font-size:20px}.order-item{flex-direction:column;text-align:center}.pay-crypto-btn,.pay-traditional-btn{font-size:16px;padding:15px}}.payment-gateway-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.payment-gateway-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.payment-gateway-modal.success{max-width:450px;text-align:center}.modal-header{border-bottom:1px solid #e0e0e0;border-radius:16px 16px 0 0;padding:24px}.modal-header h2{font-size:24px;font-weight:600}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.close-btn:hover{background:#fff3}.modal-content{padding:24px}.order-summary{margin-bottom:24px}.order-summary h3{color:#333;font-size:18px;margin:0 0 16px}.summary-items{margin-bottom:16px;max-height:200px;overflow-y:auto}.summary-item{border-bottom:1px solid #e0e0e0;padding:12px 0}.summary-item:last-child{border-bottom:none}.item-info h4{color:#333}.item-info p{color:#666;font-size:13px}.item-price{color:#2e7d32!important;font-weight:600}.total-amount{border-top:2px solid #1976d2;color:#1976d2;font-size:20px;padding-top:12px;text-align:right}.payment-tabs{display:flex;gap:8px;margin-bottom:24px}.tab{background:#fff;border:2px solid #e0e0e0;border-radius:25px;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab:hover{background:#f0f7ff;border-color:#1976d2}.tab.active{background:linear-gradient(135deg,#1976d2,#42a5f5);border-color:#1976d2;color:#fff}.payment-section h3{color:#333;font-size:20px;margin:0 0 8px}.section-description{color:#666;font-size:14px;margin:0 0 20px}.upi-apps{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.upi-app-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-left-width:4px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:20px 16px;position:relative;transition:all .3s ease}.upi-app-btn:hover{border-color:#1976d2;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.upi-app-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.app-icon{font-size:32px;margin-bottom:8px}.app-icon-img{border-radius:4px;height:32px;margin-bottom:8px;object-fit:contain;width:32px}.app-name{color:#333;font-size:14px;font-weight:600}.loading{animation:spin 1s linear infinite;font-size:16px;position:absolute;right:8px;top:8px}.upi-note{background:#e3f2fd;border-left:4px solid #1976d2;border-radius:8px;padding:16px}.upi-note p{color:#1565c0;font-size:14px;margin:0}.other-methods{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.payment-method-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s ease}.payment-method-btn:hover{background:#f8f9fa;border-color:#1976d2;transform:translateX(4px)}.payment-method-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.method-icon{font-size:32px;text-align:center;width:48px}.method-details{flex:1 1;text-align:left}.method-details h4{color:#333;font-size:16px;margin:0 0 4px}.method-details p{color:#666;font-size:13px;margin:0}.security-info{background:#f8f9fa;border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:24px;padding:20px}.security-item{color:#666;flex:1 1;font-size:13px;min-width:150px;text-align:center}.success-content{padding:40px 20px}.success-content h2{color:#2e7d32;font-size:28px;margin:0 0 16px}.success-content>p{color:#666;font-size:16px;margin:0 0 32px}.transaction-details{background:#f8f9fa;border-radius:12px;margin-bottom:32px;padding:24px;text-align:left}.detail-row{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:#666;font-weight:500}.detail-row span:last-child{font-weight:600}.txn-id{background:#e3f2fd;border-radius:4px;color:#1565c0!important;font-family:monospace;padding:4px 8px}.amount{font-size:18px}.amount,.status.success{color:#2e7d32!important}.success-actions{gap:12px}.continue-btn{background:linear-gradient(135deg,#2e7d32,#4caf50);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.continue-btn:hover{box-shadow:0 8px 20px #2e7d324d;transform:translateY(-2px)}.print-btn{background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.print-btn:hover{border-color:#1976d2;color:#1976d2}@media (max-width:768px){.payment-gateway-overlay{padding:10px}.payment-gateway-modal{max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-content{padding:20px}.upi-apps{gap:8px;grid-template-columns:repeat(2,1fr)}.upi-app-btn{padding:16px 12px}.app-icon{font-size:28px}.security-info{flex-direction:column;gap:12px}.security-item{min-width:auto}.success-actions{flex-direction:column}.payment-tabs{gap:4px}.tab{font-size:14px;padding:10px 16px}}@media (max-width:480px){.upi-apps{grid-template-columns:1fr}.method-icon{font-size:28px;width:40px}.payment-method-btn{padding:16px}.success-content{padding:30px 15px}.success-icon{font-size:60px}.success-content h2{font-size:24px}}.checkout-container{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:100px 20px 20px}.checkout-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.checkout-header h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.checkout-header p{color:#6c757d;margin:0}.empty-checkout{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 40px;text-align:center}.empty-checkout-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-checkout h2{color:#2c3e50;font-size:24px;margin:0 0 16px}.empty-checkout p{color:#6c757d;font-size:16px;margin:0 0 30px}.shop-now-btn{background:#4caf50;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.shop-now-btn:hover{background:#45a049}.order-success{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 40px;text-align:center}.success-icon{color:#4caf50;font-size:80px;margin-bottom:20px}.order-success h1{color:#2c3e50;font-size:32px;margin:0 0 30px}.order-details h2{color:#4caf50;font-size:24px;margin:0 0 16px}.order-details p{color:#6c757d;font-size:16px;margin:0 0 20px}.order-summary{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px;text-align:left}.order-summary p{color:#495057;margin:8px 0}.success-actions{gap:16px;margin-top:30px}.continue-shopping-btn,.print-order-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s ease}.continue-shopping-btn{background:#4caf50;color:#fff}.continue-shopping-btn:hover{background:#45a049}.print-order-btn{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d}.print-order-btn:hover{background:#e9ecef;color:#495057}.checkout-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.checkout-main{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.checkout-steps{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;padding:30px}.step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;opacity:.5;position:relative;transition:all .3s ease}.step.active,.step.completed{opacity:1}.step:not(:last-child):after{background:#e9ecef;content:"";height:2px;position:absolute;right:-50%;top:20px;width:100%;z-index:1}.step.completed:not(:last-child):after{background:#4caf50}.step-icon{align-items:center;background:#e9ecef;border-radius:50%;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px;z-index:2}.step.active .step-icon,.step.completed .step-icon{background:#4caf50;color:#fff}.step-title{color:#6c757d;font-size:14px;font-weight:500}.step.active .step-title,.step.completed .step-title{color:#2c3e50}.step-content{padding:40px}.step-content h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 30px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#2c3e50;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #e9ecef;font-size:14px;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.error-text{color:#dc3545;font-size:12px;margin-top:4px}.payment-options{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.payment-option{cursor:pointer}.payment-option input[type=radio]{display:none}.payment-card{align-items:center;border:2px solid #e9ecef;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.payment-option input[type=radio]:checked+.payment-card{background:#f8fff9;border-color:#4caf50}.payment-card:hover{border-color:#4caf50}.payment-icon{font-size:24px;text-align:center;width:40px}.payment-details h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.payment-details p{color:#6c757d;font-size:14px;margin:0}.review-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.review-section{background:#f8f9fa;border-radius:8px;padding:20px}.review-section h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 12px}.review-section p{color:#495057;font-size:14px;margin:4px 0}.checkout-navigation{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:30px 40px}.nav-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.prev-btn{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d}.prev-btn:hover:not(:disabled){background:#e9ecef;color:#495057}.next-btn,.place-order-btn{background:#4caf50;color:#fff;margin-left:auto}.next-btn:hover,.place-order-btn:hover:not(:disabled){background:#45a049}.nav-btn:disabled{cursor:not-allowed;opacity:.6}.order-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.order-summary h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px}.summary-items{border-bottom:1px solid #e9ecef;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:20px}.summary-item{gap:12px}.summary-item img{border-radius:8px;height:60px;object-fit:cover;width:60px}.item-info{flex:1 1}.item-info h4{color:#2c3e50;font-size:14px;font-weight:500;line-height:1.3;margin:0 0 4px}.item-info p{color:#6c757d;font-size:12px;margin:2px 0}.item-price{color:#4caf50!important;font-weight:600!important}.summary-totals{border-bottom:1px solid #e9ecef;margin-bottom:20px;padding-bottom:20px}.total-line{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.final-total{border-top:1px solid #e9ecef;color:#2c3e50;font-size:18px;font-weight:600;margin-top:8px;padding-top:16px}.delivery-info{display:flex;flex-direction:column;gap:8px}.info-item{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:8px}@media (max-width:992px){.checkout-content{grid-template-columns:1fr}.order-summary{order:-1;position:static}.checkout-steps{overflow-x:auto;padding:20px}.step{min-width:100px}.form-grid,.review-sections{grid-template-columns:1fr}}@media (max-width:768px){.checkout-container{padding:16px}.checkout-header{padding:20px}.checkout-header h1{font-size:24px}.step-content{padding:30px 20px}.checkout-navigation{flex-direction:column;gap:12px;padding:20px}.nav-btn{width:100%}.prev-btn{order:1}.next-btn,.place-order-btn{margin-left:0;order:0}.order-summary{padding:20px}.success-actions{flex-direction:column}}@media (max-width:480px){.empty-checkout,.order-success{padding:40px 20px}.empty-checkout-icon,.success-icon{font-size:60px}.checkout-steps{padding:16px}.step-icon{font-size:14px;height:32px;width:32px}.step-title{font-size:12px}.step-content{padding:20px 16px}.payment-card{padding:16px}.summary-item img{height:50px;width:50px}}.sell-products-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.sell-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;padding:3rem 2rem;text-align:center}.sell-header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.sell-header-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.benefits{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.benefit-item{background:#fff3;border-radius:25px;gap:.5rem;padding:.75rem 1.5rem}.benefit-icon{font-size:1.5rem}.sell-main{margin:0 auto;max-width:1200px;padding:2rem}.success-banner{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.success-content{align-items:center;display:flex;gap:1rem}.success-icon{font-size:2.5rem}.success-content h3{font-size:1.5rem;margin:0 0 .25rem}.success-content p{margin:0;opacity:.9}.sell-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;padding:2.5rem}.sell-form{display:flex;flex-direction:column;gap:2rem}.form-section{border-bottom:2px solid #f0f0f0;padding-bottom:2rem}.form-section:last-of-type{border-bottom:none}.form-section h2{align-items:center;color:#667eea;display:flex;font-size:1.5rem;gap:.5rem}.form-group,.form-section h2{margin-bottom:1.5rem}.form-group label{display:block}.required{color:#e74c3c}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.875rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:.5rem}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.image-upload-section{margin-top:1rem}.image-upload-area{background:#f8f9ff;border:3px dashed #667eea;border-radius:12px;cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.image-upload-area:hover{background:#f0f2ff;border-color:#764ba2}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-placeholder{pointer-events:none}.upload-icon{display:block;font-size:3rem;margin-bottom:1rem}.upload-placeholder p{color:#667eea;font-weight:600;margin-bottom:.5rem}.upload-placeholder small{color:#666}.image-preview{margin:0 auto;max-width:400px;position:relative}.image-preview img{border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%}.remove-image{align-items:center;background:#e74c3c;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s ease;width:35px}.remove-image:hover{background:#c0392b;transform:scale(1.1)}.checkbox-group{gap:1rem}.checkbox-label{align-items:center;gap:.75rem}.checkbox-label:hover{background:#f8f9ff;border-color:#667eea}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.checkbox-label span{color:#333;font-weight:500}.earnings-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:1rem;padding:1.5rem}.earnings-summary h3{font-size:1.3rem;margin:0 0 1rem}.earnings-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;padding:1rem}.earnings-row{border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:.5rem 0}.earnings-row:last-child{border-bottom:none}.earnings-row.fee{color:#fffc;font-size:.9rem}.earnings-row.total{border-top:2px solid #ffffff4d;font-size:1.2rem;margin-top:.5rem;padding-top:1rem}.form-actions{gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{box-shadow:0 6px 16px #667eea66}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#f8f9ff}.tips-section{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:2rem}.tips-section h3{color:#667eea;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:linear-gradient(135deg,#f8f9ff,#e8ebff);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.tip-card:hover{box-shadow:0 8px 20px #667eea33;transform:translateY(-5px)}.tip-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.tip-card h4{color:#667eea;font-size:1.1rem;margin-bottom:.5rem}.tip-card p{color:#666;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.sell-header-content h1{font-size:1.8rem}.sell-header-content p{font-size:1rem}.benefits{gap:1rem}.benefit-item{font-size:.9rem;padding:.5rem 1rem}.sell-form-container{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.tips-grid{grid-template-columns:1fr}}.loan-header h2{color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.loan-header p{color:#555;font-size:1rem;margin-bottom:30px;text-align:center}.loan-header{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:40px}.loan-list{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:20px}.loan-card{align-items:center;background:linear-gradient(135deg,#e0eafc,#cfdef3);border-left:6px solid #2196f3;border-radius:18px;box-shadow:0 8px 32px #2c3e501a;display:flex;flex-direction:column;padding:28px 24px 24px;position:relative;transition:transform .3s,box-shadow .3s}.loan-card:hover{box-shadow:0 16px 48px #21cbf32e;transform:translateY(-6px) scale(1.03)}.loan-card-header{justify-content:flex-start;margin-bottom:18px;width:100%}.loan-card-header,.loan-icon{align-items:center;display:flex}.loan-icon{background:linear-gradient(135deg,#2196f3,#21cbf3);border-radius:50%;box-shadow:0 2px 8px #21cbf326;color:#fff;font-size:2.2rem;height:48px;justify-content:center;margin-right:16px;width:48px}.loan-card-header h3{color:#2c3e50;font-size:1.25rem;font-weight:700;margin:0}.loan-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px;width:100%}.loan-detail{background:#f5f7fa;border-radius:8px;box-shadow:0 1px 4px #21cbf312;color:#1976d2;font-size:1rem;font-weight:500;padding:8px 12px}.loan-link{background:linear-gradient(135deg,#2196f3,#21cbf3);border-radius:10px;box-shadow:0 2px 8px #21cbf31a;color:#fff;display:inline-block;font-size:1rem;font-weight:600;margin-top:8px;padding:10px 24px;text-decoration:none;transition:background .3s,transform .3s}.loan-link:hover{background:linear-gradient(135deg,#1976d2,#2196f3);transform:translateY(-2px) scale(1.05)}.loan-disclaimer{margin-top:30px;text-align:center}.loan-disclaimer p{color:#888;font-size:.98rem}.market-and-loan-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:40px;margin:20px auto 0;max-width:1400px;min-height:100vh;padding:20px}@media (max-width:768px){.market-and-loan-dashboard{padding:10px}.loan-list{grid-template-columns:1fr}}.market-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:20px auto 0;max-width:1400px;min-height:100vh;padding:20px}.dashboard-header{background:#fff;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;margin-top:60px;padding:30px;text-align:center}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#45a049);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0 0 10px}.dashboard-header p{color:#666;font-size:1.1rem;margin:0 0 20px}.last-updated{align-items:center;color:#777;display:flex;font-size:.9rem;gap:15px;justify-content:center}.refresh-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.refresh-btn:hover{background:#45a049;transform:translateY(-2px)}.filters-section{align-items:end;background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:25px}.filter-group{flex:1 1;min-width:250px}.filter-group label{color:#2c3e50;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.filter-select{background:#fff;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.filter-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.filter-select optgroup{background:#f8f9fa;color:#4caf50;font-weight:700}.filter-select option{color:#333;font-weight:400;padding:8px}.search-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:-webkit-fit-content;height:fit-content;min-width:150px;padding:12px 30px;transition:all .3s ease}.search-btn:hover:not(:disabled){box-shadow:0 8px 25px #4caf504d;transform:translateY(-2px)}.search-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.loading-section{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;margin:0 auto 20px}.loading-section p{color:#666;font-size:1.1rem;margin:0}.results-section{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.results-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:30px}.results-header h2{font-weight:700;margin:0 0 20px}.summary-stats{display:flex;flex-wrap:wrap;gap:30px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;min-width:120px;padding:15px 20px;text-align:center}.stat-label{display:block;font-size:.9rem;margin-bottom:5px;opacity:.9}.stat-value{display:block;font-size:1.5rem;font-weight:700}.market-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:30px}.market-card{background:#fff;border-left:5px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.market-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.market-card.up{border-left-color:#4caf50}.market-card.down{border-left-color:#f44336}.market-card.stable{border-left-color:#ff9800}.market-header{border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-bottom:15px}.market-header h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0 0 5px}.location{align-items:center;color:#666;display:flex;font-size:.9rem;gap:5px}.location:before{content:"📍"}.price-info{margin-bottom:20px}.main-price{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:15px;text-align:center}.price-label{color:#666;display:block;font-size:.9rem;margin-bottom:5px}.price-value{color:#2c3e50;display:block;font-size:2rem;font-weight:700;margin-bottom:2px}.price-unit{color:#888;font-size:.85rem}.price-range{display:flex;gap:15px;justify-content:space-between}.price-item{background:#f0f8ff;border-radius:6px;flex:1 1;padding:10px;text-align:center}.price-item .label{color:#666;display:block;font-size:.8rem;margin-bottom:3px}.price-item .value{color:#2c3e50;display:block;font-size:1.1rem;font-weight:600}.market-stats{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.stat .label{color:#666;font-size:.9rem;margin-right:5px}.stat .value{color:#2c3e50;font-weight:600}.price-change{align-items:center;border-radius:6px;display:flex;font-size:.9rem;font-weight:600;gap:5px;padding:5px 10px}.price-change.up{background:#e8f5e8;color:#4caf50}.price-change.down{background:#ffeaea;color:#f44336}.price-change.stable{background:#fff3e0;color:#ff9800}.change-icon{font-size:1rem}.market-footer{border-top:1px solid #f0f0f0;padding-top:10px;text-align:center}.updated-time{color:#888;font-size:.8rem}.welcome-section{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:60px 20px;text-align:center}.welcome-content h2{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:15px}.welcome-content p{color:#666;font-size:1.1rem;margin-bottom:30px}.features{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:30px}.feature{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;gap:10px;min-width:120px;padding:20px}.feature .icon{font-size:2rem}.feature span:last-child{color:#2c3e50;font-weight:600}.instruction{color:#4caf50;font-size:1rem;font-weight:600;margin:0}.no-data{background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:60px 20px;text-align:center}.no-data p{color:#666;font-size:1.1rem;margin:0 0 10px}@media (max-width:768px){.market-dashboard{padding:10px}.dashboard-header{padding:20px}.dashboard-header h1{font-size:2rem}.filters-section{flex-direction:column;gap:15px}.filter-group{min-width:auto}.summary-stats{gap:15px}.stat-card{min-width:100px;padding:12px 15px}.market-grid{gap:20px;grid-template-columns:1fr;padding:20px}.market-card{padding:20px}.market-stats{align-items:flex-start;flex-direction:column;gap:10px}.features{gap:20px}.feature{min-width:100px;padding:15px}}@media (max-width:480px){.dashboard-header h1{font-size:1.5rem}.results-header{padding:20px}.results-header h2{font-size:1.4rem}.last-updated,.price-range,.summary-stats{flex-direction:column;gap:10px}}.market-card{animation:fadeInUp .6s ease-out}.market-card:hover .price-value{color:#4caf50;transition:color .3s ease}.filter-select:hover{border-color:#4caf50}.filter-select:focus,.refresh-btn:focus,.search-btn:focus{outline:2px solid #4caf50;outline-offset:2px}.charts-section{grid-gap:30px;background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:30px;margin-top:30px;padding:30px}.charts-header{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:30px;text-align:center}.charts-header h2{font-size:1.8rem;font-weight:700;margin:0 0 10px}.charts-header p{font-size:1.1rem;margin:0;opacity:.9}.charts-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr;padding:30px}.chart-container{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:12px;min-height:350px;padding:25px}.chart-header{margin-bottom:20px;text-align:center}.chart-header h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin:0 0 5px}.chart-subtitle{color:#666;font-size:.95rem;font-style:italic}.chart-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:15px;min-height:280px;overflow:visible;padding:20px;width:100%}.chart-wrapper>div{width:100%!important}.prediction-info{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.info-cards{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.info-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #2196f3;border-radius:8px;flex:1 1;min-width:150px;padding:15px;text-align:center}.info-label{color:#666;display:block;font-size:.9rem;font-weight:500;margin-bottom:5px}.info-value{color:#2c3e50;display:block;font-size:1.3rem;font-weight:700}.prediction-disclaimer{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-top:15px;padding:15px}.prediction-disclaimer p{color:#856404;font-size:.9rem;margin:0;text-align:center}@media (max-width:1024px){.charts-grid{gap:30px;padding:20px}.chart-container{padding:20px}.chart-wrapper{padding:15px}}@media (max-width:768px){.charts-header{padding:20px}.charts-header h2{font-size:1.5rem}.info-cards{flex-direction:column;gap:15px}.info-card{min-width:auto}.chart-header h3{font-size:1.2rem}}@media (max-width:480px){.chart-container,.charts-grid{padding:15px}.chart-wrapper{padding:10px}.prediction-info{padding:15px}}.prediction-confidence{background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:15px}.confidence-badge{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;box-shadow:0 2px 5px #4caf5033;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px;transition:transform .2s ease}.confidence-badge:hover{box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}@media print{.market-dashboard{background:#fff}.filters-section,.refresh-btn{display:none}.market-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.agri-contract-form{background:linear-gradient(135deg,#f0efb4,#336314);min-height:100vh;padding:85px 1rem 2rem}.form-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1000px;overflow:hidden}.form-header{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;padding:5rem;text-align:center}.form-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.form-subtitle{font-size:1.1rem;margin-bottom:1.5rem;opacity:.9}.benefits-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:1.5rem}.benefit-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.benefit-item:before{background:linear-gradient(90deg,#4caf50,#66bb6a,#81c784);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.benefit-item.clickable{animation:pulse 3s infinite;border:2px solid #fff3;cursor:pointer}.benefit-item.clickable:hover{animation:none;background:#ffffff40;border-color:#fff6;box-shadow:0 8px 25px #00000026;transform:translateY(-5px) scale(1.05)}.benefit-item.clickable:hover:before{transform:scaleX(1)}.benefit-item.clickable:hover .benefit-icon{filter:brightness(1.2);transform:scale(1.2) rotate(10deg)}.benefit-item.clickable:hover .benefit-text{color:#fff;font-weight:600;text-shadow:0 2px 4px #0003}.benefit-item.clickable:active{transform:translateY(-2px) scale(1.02);transition:all .1s ease}.benefit-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:50%;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Segoe UI Symbol,sans-serif;font-size:2.5rem;height:3rem;justify-content:center;line-height:1;margin-bottom:.5rem;position:relative;text-rendering:optimizeLegibility;transition:all .4s cubic-bezier(.4,0,.2,1);width:3rem;z-index:1}.benefit-icon:empty:before{content:"💡";font-size:2rem}.benefit-icon[title="Money Bag"]:empty:before{content:"💰"}.benefit-icon[title=Calendar]:empty:before{content:"📅"}.benefit-icon[title="Graduation Cap"]:empty:before{content:"🎓"}.benefit-icon[title=Briefcase]:empty:before{content:"💼"}.benefit-text{color:#ffffffe6;font-size:.9rem;font-weight:500;text-align:center;transition:all .3s ease}.contract-form{padding:2rem}.form-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:2.5rem;padding:1.5rem}.section-title{align-items:center;border-bottom:2px solid #4caf50;color:#2e7d32;display:flex;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.section-icon{font-size:1.8rem;margin-right:.75rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-group input.error,.form-group select.error{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.error-message{color:#f44336;font-size:.85rem;font-weight:500;margin-top:.25rem}.calculation-info{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-left:4px solid #4caf50;border-radius:8px;margin-top:.75rem;padding:1rem}.calculation-info p{color:#2e7d32;font-weight:600;margin:.25rem 0}.agreement-terms{gap:1rem}.agreement-terms,.checkbox-group{display:flex;flex-direction:column}.checkbox-label{align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:1rem;transition:all .3s ease}.checkbox-label:hover{background:#f8f9fa;border-color:#4caf50}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:#fff;border:2px solid #ddd;border-radius:4px;flex-shrink:0;height:20px;margin-right:.75rem;margin-top:.1rem;position:relative;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#4caf50;border-color:#4caf50}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-text{color:#333;font-size:.95rem;line-height:1.4}.form-actions{border-top:1px solid #e0e0e0;display:flex;justify-content:center;margin-top:2rem;padding-top:2rem}.btn-primary{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:50px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#6c757d;border:none;border-radius:50px;box-shadow:0 4px 15px #6c757d4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-right:1rem;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.btn-secondary:hover{background:#5a6268;box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.contract-preview{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:85px 1rem 2rem}.preview-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.preview-header{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;padding:2rem;position:relative;text-align:center}.preview-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.company-logo{position:absolute;right:2rem;top:1rem}.company-logo img{background:#fff;border-radius:50%;height:60px;padding:.5rem;width:60px}.contract-summary{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-bottom:1px solid #e0e0e0;padding:2rem}.contract-summary h2{color:#2e7d32;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:1rem}.summary-item .label{color:#555;font-weight:600}.summary-item .value{color:#2e7d32;font-size:1.1rem;font-weight:700}.banking-details,.farmer-details,.land-details{border-bottom:1px solid #e0e0e0;padding:2rem}.banking-details h3,.farmer-details h3,.land-details h3{align-items:center;color:#2e7d32;display:flex;font-size:1.5rem;margin-bottom:1rem}.details-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.details-grid p{color:#333;font-size:1rem;margin:.5rem 0}.details-grid strong{color:#2e7d32}.contract-terms{padding:2rem}.contract-terms h3{color:#2e7d32;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.terms-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.term-item{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.term-item h4{align-items:center;color:#2e7d32;display:flex;font-size:1.2rem;margin-bottom:.75rem}.term-item p{color:#555;line-height:1.6;margin:.5rem 0}.term-item ul{margin:1rem 0;padding-left:1.5rem}.term-item li{color:#555;margin:.5rem 0}.preview-actions{background:#f8f9fa;display:flex;gap:1rem;justify-content:center;padding:2rem}@media (max-width:768px){.agri-contract-form{padding:85px .5rem 1rem}.form-container{border-radius:8px}.form-header{padding:1.5rem 1rem}.form-header h1{font-size:2rem}.benefits-summary{gap:.75rem;grid-template-columns:repeat(2,1fr)}.benefit-item{padding:.75rem}.benefit-icon{font-size:2rem;height:2.5rem;width:2.5rem}.contract-form{padding:1.5rem 1rem}.form-section{margin-bottom:1.5rem;padding:1rem}.section-title{font-size:1.3rem}.form-row{gap:1rem;grid-template-columns:1fr}.form-group input,.form-group select{font-size:16px;padding:.875rem}.calculation-info,.checkbox-label{padding:.75rem}.btn-primary,.btn-secondary{font-size:1rem;min-width:160px;padding:.875rem 1.5rem}.preview-actions{align-items:center;flex-direction:column}.btn-secondary{margin-bottom:1rem;margin-right:0}.contract-preview{padding:85px .5rem 1rem}.preview-container{border-radius:8px}.preview-header{padding:1.5rem 1rem}.preview-header h1{font-size:2rem}.company-logo{margin-top:1rem;position:static}.contract-summary{padding:1.5rem 1rem}.summary-grid{gap:.75rem;grid-template-columns:1fr}.banking-details,.contract-terms,.farmer-details,.land-details{padding:1.5rem 1rem}.details-grid{gap:.75rem;grid-template-columns:1fr}.term-item{padding:1rem}}@media (max-width:480px){.form-header h1{font-size:1.8rem}.form-subtitle{font-size:1rem}.benefits-summary{grid-template-columns:1fr}.section-title{font-size:1.2rem}.section-icon{font-size:1.5rem}.form-group input,.form-group select{font-size:16px;padding:1rem}.btn-primary,.btn-secondary{max-width:280px;width:100%}.preview-header h1{font-size:1.8rem}.contract-summary h2{font-size:1.5rem}.summary-item{align-items:flex-start;flex-direction:column;gap:.5rem}.summary-item .value{font-size:1.2rem}}@media print{.agri-contract-form,.contract-preview{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.preview-actions{display:none}.form-container,.preview-container{border:1px solid #ddd;box-shadow:none}.preview-header{background:#f8f9fa!important;color:#333!important}.company-logo img{height:40px;width:40px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.form-group input,.form-group select{border-width:3px}.btn-primary,.btn-secondary{border:3px solid #0000}.checkbox-label{border-width:3px}}.benefit-modal-overlay{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.benefit-modal{animation:slideUp .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#fff,#f8fffe);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0003;max-height:85vh;max-width:500px;overflow:hidden;position:relative;width:100%}.benefit-modal:before{background:linear-gradient(90deg,#4caf50,#66bb6a,#81c784);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.benefit-modal-header{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem 2rem;position:relative}.benefit-modal-header:before{animation:shimmer 4s linear infinite;background:linear-gradient(45deg,#ffffff1a 25%,#0000 0,#0000 50%,#ffffff1a 0,#ffffff1a 75%,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.benefit-modal-header h3{font-size:1.25rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0003}.modal-close-btn{border:2px solid #ffffff4d;font-size:1.5rem;font-weight:700;height:35px;transition:all .3s cubic-bezier(.4,0,.2,1);width:35px}.modal-close-btn:hover{border-color:#ffffff80;transform:scale(1.1) rotate(90deg)}.benefit-modal-content{overflow-y:auto;padding:2rem}.benefit-modal-description{color:#4caf50;font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:1.5rem;text-align:center}.benefit-details-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.benefit-details-list li{background:linear-gradient(145deg,#f8fffe,#f0f9f0);border:1px solid #4caf501a;border-radius:12px;box-shadow:0 2px 6px #4caf5014;color:#2c3e50;font-size:.95rem;line-height:1.5;padding:1rem 1.25rem 1rem 2.5rem;position:relative;transition:all .3s ease}.benefit-details-list li:hover{border-color:#4caf5033;box-shadow:0 4px 12px #4caf5026;transform:translateX(5px)}.benefit-details-list li:before{align-items:center;background:linear-gradient(145deg,#e8f5e8,#c8e6c9);border:2px solid #4caf50;border-radius:50%;box-shadow:0 2px 4px #4caf5033;color:#4caf50;content:"✓";display:flex;font-size:1.1rem;font-weight:700;height:20px;justify-content:center;left:.75rem;position:absolute;top:50%;transform:translateY(-50%);width:20px}.benefit-modal-footer{background:linear-gradient(145deg,#f8fffe,#f0f9f0);border-top:1px solid #4caf501a;color:#4caf50;font-weight:600;padding:1.5rem 2rem;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #fff6}50%{box-shadow:0 0 0 8px #fff0}}@media (max-width:768px){.benefit-modal{border-radius:16px;margin:1rem;width:95%}.benefit-modal-header{border-radius:16px 16px 0 0;padding:1rem 1.5rem}.benefit-modal-content{padding:1.5rem}.benefit-modal-footer{padding:1rem 1.5rem}.benefit-details-list li{font-size:.9rem;padding:.875rem 1rem .875rem 2.25rem}}.submission-success{background:linear-gradient(135deg,#f0efb4,#336314);min-height:100vh;padding:85px 1rem 2rem}.success-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1000px;overflow:hidden}.success-header{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.success-header:before{animation:shimmer 8s linear infinite;background:linear-gradient(45deg,#ffffff1a 25%,#0000 0,#0000 50%,#ffffff1a 0,#ffffff1a 75%,#0000 0);background-size:30px 30px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.success-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1rem}.success-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0003}.success-message{font-size:1.2rem;margin:0;opacity:.95}.reference-section{background:linear-gradient(145deg,#e8f5e8,#c8e6c9);border-bottom:1px solid #e0e0e0;padding:2rem}.reference-card{background:#fff;border:2px solid #4caf50;border-radius:16px;box-shadow:0 8px 25px #4caf5026;padding:2rem;text-align:center}.reference-card h2{color:#2e7d32;font-size:1.5rem;margin-bottom:1rem}.reference-number{background:linear-gradient(145deg,#f8fffe,#f0f9f0);border:2px dashed #4caf50;border-radius:12px;color:#4caf50;font-size:2rem;font-weight:700;letter-spacing:2px;margin:1rem 0;padding:1rem 2rem}.reference-note{color:#666;font-style:italic;margin:0}.success-details{border-bottom:1px solid #e0e0e0;padding:2rem}.success-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.success-item{align-items:center;background:linear-gradient(145deg,#f8fffe,#f0f9f0);border:1px solid #4caf5033;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:all .3s ease}.success-item.clickable{border:2px solid #4caf504d;cursor:pointer}.success-item.clickable:hover{background:linear-gradient(145deg,#fff,#f8fffe);border-color:#4caf50;box-shadow:0 8px 20px #4caf5033;transform:translateY(-3px)}.success-label{color:#2e7d32;font-size:1rem;font-weight:600;margin-bottom:.5rem}.success-value{color:#4caf50;font-size:1.1rem;font-weight:700}.next-steps{border-bottom:1px solid #e0e0e0;padding:2rem}.next-steps h3{color:#2e7d32;font-size:1.8rem;margin-bottom:2rem;text-align:center}.steps-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.step-item{align-items:flex-start;background:linear-gradient(145deg,#f8fffe,#f0f9f0);border-left:4px solid #4caf50;border-radius:12px;display:flex;padding:1.5rem}.step-number{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;margin-right:1rem;width:40px}.step-content h4{color:#2e7d32;font-size:1.2rem;margin:0 0 .5rem}.step-content p{color:#666;line-height:1.5;margin:0}.contact-info{border-bottom:1px solid #e0e0e0;padding:2rem}.contact-info h3{color:#2e7d32;font-size:1.8rem;margin-bottom:2rem;text-align:center}.contact-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.contact-item{align-items:center;background:linear-gradient(145deg,#f8fffe,#f0f9f0);border:1px solid #4caf5033;border-radius:12px;display:flex;padding:1.5rem}.contact-icon{font-size:2rem;margin-right:1rem}.contact-details{display:flex;flex-direction:column}.contact-details strong{color:#2e7d32;margin-bottom:.25rem}.contact-details span{color:#666}.success-actions{background:#f8f9fa;display:flex;gap:1rem;justify-content:center;padding:2rem}.print-btn{background:linear-gradient(135deg,#2196f3,#1976d2)}.print-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0)}.success-footer{background:linear-gradient(145deg,#e8f5e8,#c8e6c9);padding:2rem;text-align:center}.success-footer p{color:#2e7d32;font-size:1rem;line-height:1.6;margin:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@media print{.submission-success{background:#fff!important}.success-actions{display:none!important}.success-container{border:1px solid #ddd;box-shadow:none!important}.success-header{background:#f8f9fa!important;color:#333!important}.reference-number{border:2px solid #333!important}}@media (max-width:768px){.submission-success{padding:85px .5rem 1rem}.success-container{border-radius:12px}.success-header{border-radius:12px 12px 0 0;padding:2rem 1rem}.success-header h1{font-size:2rem}.success-icon{font-size:3rem}.reference-section{padding:1.5rem 1rem}.reference-card{padding:1.5rem}.reference-number{font-size:1.5rem;padding:.75rem 1rem}.success-details{padding:1.5rem 1rem}.success-grid{gap:1rem;grid-template-columns:1fr}.next-steps{padding:1.5rem 1rem}.step-item{padding:1rem}.step-number{font-size:1rem;height:35px;width:35px}.contact-info{padding:1.5rem 1rem}.contact-grid{gap:.75rem;grid-template-columns:repeat(3,1fr)}.contact-item{padding:1rem}.success-actions{align-items:center;flex-direction:column;padding:1.5rem 1rem}.btn-primary,.btn-secondary{max-width:280px;width:100%}.success-footer{padding:1.5rem 1rem}}@media (max-width:480px){.contact-grid{gap:1rem;grid-template-columns:1fr}.contact-item{padding:1rem .75rem}.contact-icon{font-size:1.5rem}}.success-modal-overlay{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.success-modal{animation:slideUp .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#fff,#f8fffe);border:1px solid #4caf5033;border-radius:20px;box-shadow:0 20px 40px #0003;max-height:85vh;max-width:600px;overflow-y:auto;width:100%}.success-modal-header{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.success-modal-header h3{font-size:1.5rem;font-weight:600;margin:0}.success-modal-content{padding:2rem}.modal-description{color:#4caf50;font-weight:600;text-align:center}.document-upload-section h4{color:#2e7d32;margin-bottom:1rem}.upload-area{background:linear-gradient(145deg,#f8fffe,#f0f9f0);border:2px dashed #4caf50;border-radius:12px;margin-bottom:1.5rem;padding:2rem;text-align:center}.upload-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.upload-button:hover{box-shadow:0 6px 20px #4caf504d;transform:translateY(-2px)}.upload-note{color:#666;font-size:.9rem;margin-top:.5rem}.uploaded-documents{margin:1.5rem 0}.uploaded-documents h5{color:#2e7d32;margin-bottom:1rem}.document-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.doc-name{color:#333;font-weight:500}.doc-date{color:#666;font-size:.9rem}.document-item button{background:none;border:none;cursor:pointer;padding:.25rem}.required-docs-list{background:linear-gradient(145deg,#e8f5e8,#c8e6c9);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.required-docs-list ul{margin:0;padding-left:1.5rem}.required-docs-list li{color:#2e7d32;font-weight:500;margin:.5rem 0}.contact-timeline{display:flex;flex-direction:column;gap:1rem}.timeline-item{align-items:center;background:linear-gradient(145deg,#e8f5e8,#c8e6c9);border-left:4px solid #4caf50;border-radius:12px;display:flex;justify-content:space-between;padding:1rem 1.5rem}.timeline-day{color:#2e7d32;font-weight:700}.timeline-action{color:#4caf50;font-weight:500}.payment-info{display:flex;flex-direction:column;gap:1rem}.payment-item{background:linear-gradient(145deg,#e8f5e8,#c8e6c9);border-radius:12px;color:#2e7d32;padding:1rem 1.5rem}.payment-item strong{color:#2e7d32}.training-schedule{display:flex;flex-direction:column;gap:1rem}.training-item{background:linear-gradient(145deg,#e8f5e8,#c8e6c9);border-radius:12px;color:#2e7d32;padding:1rem 1.5rem}.training-item strong{color:#2e7d32}.training-allowance{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;color:#fff;font-size:1.1rem;padding:1.5rem;text-align:center}@media (max-width:768px){.success-modal{border-radius:16px;margin:1rem;width:95%}.success-modal-header{border-radius:16px 16px 0 0;padding:1rem 1.5rem}.success-modal-content,.upload-area{padding:1.5rem}.payment-item,.timeline-item,.training-item{align-items:flex-start;flex-direction:column;gap:.5rem}}.contract-admin{background:#f8f9fa;min-height:100vh;padding:2rem}.admin-header{margin-bottom:2rem;text-align:center}.admin-header h1{color:#2e7d32;font-size:2.5rem;margin-bottom:.5rem}.admin-header p{color:#666;font-size:1.1rem}.admin-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #e0e0e0;border-radius:50%;border-top-color:#4caf50;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;padding:1.5rem;transition:transform .2s ease}.stat-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.stat-icon{font-size:3rem;margin-right:1rem;opacity:.8}.stat-content h3{color:#2e7d32;font-size:2rem;font-weight:700;margin:0}.stat-content p{color:#666;font-size:.9rem;margin:.25rem 0 0}.filter-section{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.filter-section label{color:#333;font-weight:600}.status-filter{background:#fff;border:2px solid #ddd;border-radius:6px;font-size:.95rem;padding:.5rem 1rem}.status-filter:focus{border-color:#4caf50;outline:none}.applications-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.applications-section h2{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;font-size:1.5rem;margin:0;padding:1.5rem}.no-applications{color:#666;padding:3rem;text-align:center}.applications-table{overflow-x:auto}.applications-table table{border-collapse:collapse;width:100%}.applications-table td,.applications-table th{border-bottom:1px solid #e0e0e0;padding:1rem;text-align:left}.applications-table th{background:#f8f9fa;color:#333;font-size:.9rem;font-weight:600}.applications-table tr:hover{background:#f8f9fa}.farmer-info strong{color:#2e7d32}.farmer-info small{color:#666;font-size:.85rem}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.action-buttons{align-items:center;display:flex;gap:.5rem}.btn-view{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background .2s ease}.btn-view:hover{background:#1976d2}.status-update{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.status-update:focus{border-color:#4caf50;outline:none}.modal-overlay{background:#00000080;padding:1rem}.modal-content{border-radius:12px;box-shadow:0 20px 40px #0000004d;overflow:hidden}.modal-header{background:linear-gradient(135deg,#4caf50,#2e7d32);justify-content:between;padding:1.5rem}.modal-close,.modal-header h2{font-size:1.5rem}.modal-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:auto;padding:.5rem;transition:background .2s ease}.modal-close:hover{background:#ffffff1a}.modal-body{max-height:60vh;overflow-y:auto}.details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-section{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:8px;padding:1.5rem}.detail-section h3{align-items:center;color:#2e7d32;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1rem}.detail-section p{color:#333;margin:.5rem 0}.detail-section strong{color:#2e7d32}@media (max-width:768px){.contract-admin{padding:1rem}.admin-header h1{font-size:2rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{font-size:2rem}.stat-content h3{font-size:1.5rem}.filter-section{align-items:flex-start;flex-direction:column;gap:.5rem}.applications-table{font-size:.85rem}.applications-table td,.applications-table th{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.btn-view,.status-update{font-size:.8rem;width:100%}.modal-content{margin:.5rem;max-height:95vh}.modal-header{padding:1rem}.modal-header h2{font-size:1.2rem}.modal-body{padding:1rem}.details-grid{gap:1rem;grid-template-columns:1fr}.detail-section{padding:1rem}}@media (max-width:480px){.admin-header h1{font-size:1.8rem}.stat-content h3{font-size:1.2rem}.applications-table{font-size:.8rem}.applications-table td,.applications-table th{padding:.5rem .25rem}.modal-header h2{font-size:1.1rem}.detail-section h3{font-size:1rem}}@media print{.action-buttons,.filter-section,.modal-close{display:none}.modal-overlay{background:none;padding:0;position:static}.modal-content{box-shadow:none;max-height:none;max-width:none}.contract-admin{background:#fff}}@media (prefers-reduced-motion:reduce){.stat-card{transition:none}.loading-spinner{animation:none}}.kheti-saath-page{background:linear-gradient(135deg,#e8f5e8,#b8e6b8 50%,#a8d8a8);min-height:100vh}.kheti-saath-page .page-header{background:linear-gradient(135deg,#1b5e20,#77da7c 50%,#4caf50)!important;color:#fff!important;margin-bottom:2rem;overflow:hidden;padding:5rem 0 4rem;position:relative;text-align:center}.page-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' fill='rgba(255,255,255,0.05)'%3E%3Cpath d='M0 20q250 40 500 20t500-10v70H0Z'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.kheti-saath-page .page-header .header-content{background:#0000!important;margin:0 auto;max-width:800px;padding:0 2rem;position:relative;z-index:1}.kheti-saath-page .page-header .header-content h1{align-items:center;background:#0000!important;color:#fff!important;display:flex;font-size:3.5rem;font-weight:800;gap:1rem;justify-content:center;letter-spacing:-1px;margin-bottom:1.5rem;text-shadow:2px 2px 6px #0000004d}.header-icon{animation:gentle-bounce 3s ease-in-out infinite;display:inline-block;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:4rem}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.header-content p{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff;font-size:1.4rem;font-weight:300;line-height:1.7;max-width:700px;opacity:.95;padding:1.5rem 2rem}.header-actions{margin-top:1.5rem}.favorites-link{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.favorites-link:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 8px 25px #0003;color:#fff;text-decoration:none;transform:translateY(-2px)}.search-filter-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;padding:2rem}.search-container{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.search-bar{flex:1 1;position:relative}.search-input{background-color:#f8f9fa;border:2px solid #e0e6ed;border-radius:50px;font-size:1.1rem;padding:1rem 3rem 1rem 1.5rem;transition:all .3s ease;width:100%}.search-input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-icon{color:#6c757d;font-size:1.2rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.favorites-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.favorites-btn:hover{background:linear-gradient(135deg,#ee5a24,#c44569);box-shadow:0 6px 20px #ff6b6b66;color:#fff;text-decoration:none;transform:translateY(-2px)}.category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{background:#fff;border:2px solid #e0e6ed;border-radius:25px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#f8f9ff;border-color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.results-section{margin-bottom:3rem}.results-header{margin-bottom:2rem}.results-header h2{color:#2d3748;font-size:1.8rem;font-weight:600}.items-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.item-card{background:#fff;border:1px solid #e0e6ed;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.item-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.item-header{background:linear-gradient(135deg,#f093fb,#f5576c)}.favorite-indicator{align-items:center;animation:heartbeat 1.5s ease-in-out infinite;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #0003;display:flex;font-size:1.2rem;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.item-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.item-name{color:#2d3748;margin-bottom:.5rem}.item-description{color:#4a5568}.safety-section,.usage-section{margin-bottom:1.5rem}.safety-section h4,.usage-section h4{align-items:center;color:#2d3748;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.usage-list{list-style:none;margin:0;padding:0}.usage-list li{border-bottom:1px solid #f0f0f0;color:#4a5568;padding:.5rem 0 .5rem 1.5rem;position:relative}.usage-list li:last-child{border-bottom:none}.usage-list li:before{align-items:center;background:#667eea;border-radius:50%;color:#fff;content:counter(list-counter);counter-increment:list-counter;display:flex;font-size:.75rem;font-weight:600;height:1.2rem;justify-content:center;left:0;position:absolute;top:.5rem;width:1.2rem}.usage-list{counter-reset:list-counter}.more-indicator{color:#667eea!important;font-style:italic;font-weight:500}.more-indicator:before{content:"⋯"!important}.safety-tips{background:#fed7d7;border-left:4px solid #e53e3e;border-radius:8px;color:#e53e3e;font-size:.9rem;line-height:1.5;padding:1rem}.item-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding:0 1.5rem 1.5rem}.view-details-btn{border-radius:8px;padding:.75rem 1.5rem}.view-details-btn:hover{box-shadow:0 5px 15px #667eea4d}.favorite-btn{background:#0000;border:2px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease;width:100%}.favorite-btn:hover{border-color:#ff6b6b;color:#ff6b6b;transform:translateY(-1px)}.favorite-btn.favorited{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.favorite-btn.favorited:hover{background:#e55353;border-color:#e55353}.no-results{color:#6c757d;padding:4rem 2rem;text-align:center}.no-results-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-results h3{color:#495057;font-size:1.5rem;margin-bottom:.5rem}.no-results p{font-size:1rem;opacity:.8}@media (max-width:768px){.container{padding:0 1rem}.page-header{padding:3rem 0 2.5rem}.header-content{padding:0 1rem}.header-content h1{flex-direction:column;font-size:2.5rem;gap:.5rem}.header-icon{font-size:3rem}.header-content p{font-size:1.1rem;margin:0 auto 1.5rem;padding:1rem 1.5rem}.search-filter-section{padding:1.5rem}.search-container{flex-direction:column;gap:1rem}.favorites-btn{align-self:center;min-width:200px}.category-filters{justify-content:center}.filter-btn{font-size:.9rem;padding:.6rem 1.2rem}.items-grid{gap:1.5rem;grid-template-columns:1fr}.item-header{padding:1.2rem}.item-image{font-size:2.5rem}.item-category{font-size:.75rem;padding:.4rem .8rem}.item-content{padding:1.2rem}.item-name{font-size:1.2rem}.usage-list li{font-size:.9rem;padding:.4rem 0 .4rem 1.3rem}.usage-list li:before{font-size:.7rem;height:1rem;top:.4rem;width:1rem}.safety-tips{font-size:.85rem;padding:.8rem}}@media (max-width:480px){.page-header{padding:2.5rem 0 2rem}.header-content h1{font-size:2rem}.header-icon{font-size:2.5rem}.header-content p{font-size:1rem;padding:.8rem 1rem}.search-filter-section{margin-bottom:1.5rem;padding:1rem}.search-input{font-size:1rem;padding:.8rem 2.5rem .8rem 1rem}.search-icon{font-size:1rem;right:1rem}.category-filters{gap:.5rem}.filter-btn{font-size:.8rem;padding:.5rem 1rem}.items-grid{gap:1rem}.item-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.item-image{font-size:2rem}.results-header h2{font-size:1.4rem}}.item-card[data-category=Machine] .item-header{background:linear-gradient(135deg,#4facfe,#00f2fe)}.item-card[data-category=Tool] .item-header{background:linear-gradient(135deg,#43e97b,#38f9d7)}.item-card[data-category="Chemical Fertilizer"] .item-header{background:linear-gradient(135deg,#fa709a,#fee140)}.item-card[data-category="Organic Alternative"] .item-header{background:linear-gradient(135deg,#a8edea,#fed6e3)}.item-card[data-category="Homemade Ingredient"] .item-header{background:linear-gradient(135deg,#ffecd2,#fcb69f)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.item-card{animation:fadeInUp .6s ease-out}.item-card:nth-child(2n){animation-delay:.1s}.item-card:nth-child(3n){animation-delay:.2s}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideIn .3s ease-out;box-shadow:0 25px 50px #00000040;max-width:900px;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.modal-title-section{align-items:center;display:flex;gap:1.5rem}.modal-item-image{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.modal-title{font-size:2rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.modal-category{background:#fff3;border-radius:20px;font-size:.9rem;margin-top:.5rem}.modal-close-btn{background:#fff3;height:3rem;width:3rem}.modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-description{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;color:#4a5568;line-height:1.7;margin-bottom:2rem;padding:1.5rem}.modal-section{margin-bottom:2.5rem}.modal-section h3{align-items:center;color:#2d3748;display:flex;font-weight:700;gap:.5rem}.modal-usage-list{counter-reset:instruction-counter;list-style:none;padding:0}.modal-usage-list li{background:#f8f9fa;border-left:4px solid #48bb78;border-radius:12px;color:#2d3748;counter-increment:instruction-counter;margin-bottom:.75rem;padding:1rem 1rem 1rem 3.5rem;position:relative}.modal-usage-list li:before{align-items:center;background:#48bb78;border-radius:50%;color:#fff;content:counter(instruction-counter);display:flex;font-size:.8rem;font-weight:700;height:1.8rem;justify-content:center;left:1rem;position:absolute;top:1rem;width:1.8rem}.modal-safety-tips{background:#fed7d7;border:2px solid #fc8181;border-radius:12px;color:#c53030;font-weight:500;line-height:1.6;padding:1.5rem}.maintenance-schedule{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.maintenance-period{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem}.maintenance-period h4{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.maintenance-period ul{list-style:none;margin:0;padding:0}.maintenance-period li{color:#4a5568;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.maintenance-period li:before{color:#48bb78;content:"✓";font-weight:700;left:0;position:absolute}.specifications-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.spec-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1rem}.spec-item strong{color:#2d3748}.modal-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.price-range{background:#f0fff4;border:2px solid #9ae6b4;border-radius:8px;color:#38a169;font-size:1.2rem;font-weight:600;padding:1rem}.brands-list{display:flex;flex-wrap:wrap;gap:.75rem}.brand-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.video-container{border-radius:12px;box-shadow:0 10px 30px #0000001a;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.additional-info-list{list-style:none;padding:0}.additional-info-list li{background:#fff5cd;border-left:4px solid #f6ad55;border-radius:8px;color:#744210;line-height:1.6;margin-bottom:.75rem;padding:1rem 1rem 1rem 3rem;position:relative}.additional-info-list li:before{content:"💡";left:1rem;position:absolute;top:1rem}.modal-footer{background:#f8f9fa;border-radius:0 0 20px 20px;border-top:1px solid #e2e8f0}.modal-action-btn{border-radius:8px;padding:.75rem 1.5rem}.modal-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-action-btn.primary:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.modal-action-btn.secondary{background:#e2e8f0;color:#4a5568}.modal-action-btn.secondary:hover{background:#cbd5e0}@media (max-width:768px){.modal-overlay{padding:1rem}.modal-content{border-radius:15px;max-height:95vh}.modal-header{border-radius:15px 15px 0 0;padding:1.5rem}.modal-title-section{flex-direction:column;gap:1rem;text-align:center}.modal-item-image{font-size:3rem}.modal-title{font-size:1.5rem}.modal-body{padding:1.5rem}.maintenance-schedule,.modal-info-grid,.specifications-grid{grid-template-columns:1fr}.brands-list{justify-content:center}.modal-footer{flex-direction:column;padding:1rem 1.5rem}.modal-action-btn{width:100%}}@media (max-width:480px){.modal-header{padding:1rem}.modal-title{font-size:1.3rem}.modal-body{padding:1rem}.modal-section{margin-bottom:2rem}.modal-usage-list li{padding:.8rem .8rem .8rem 3rem}.maintenance-period{padding:1rem}}.favorites-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.page-header{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;margin-bottom:2rem;padding:4rem 0 3rem;text-align:center}.header-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.header-content p{font-size:1.2rem;line-height:1.6;margin:0 auto 2rem;max-width:600px;opacity:.9}.back-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:25px;display:inline-block;font-weight:600;padding:12px 24px;transition:all .3s ease}.back-btn,.back-btn:hover{color:#fff;text-decoration:none}.back-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.empty-favorites{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:2rem auto;max-width:500px;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1.5rem}.empty-favorites h2{color:#333;font-size:2rem;margin-bottom:1rem}.empty-favorites p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.browse-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;display:inline-block;font-weight:600;padding:12px 30px;transition:all .3s ease}.browse-btn,.browse-btn:hover{color:#fff;text-decoration:none}.browse-btn:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.favorites-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.favorites-count h2{align-items:center;color:#333;display:flex;gap:12px;margin:0}.count-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;color:#fff;font-size:1rem;font-weight:700;min-width:40px;padding:8px 15px;text-align:center}.clear-all-btn{background:linear-gradient(135deg,#ff4757,#c44569);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.clear-all-btn:hover{box-shadow:0 5px 15px #ff47574d;transform:translateY(-2px)}.favorites-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.favorite-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.favorite-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.item-header{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);display:flex;justify-content:space-between;padding:1.5rem;position:relative}.item-image{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));font-size:3rem}.item-category{background:#ffffffe6;border-radius:20px;color:#333;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.remove-favorite-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.9rem;height:35px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:35px}.remove-favorite-btn:hover{background:#fff;box-shadow:0 2px 8px #0003;transform:scale(1.1)}.item-content{padding:2rem}.item-name{color:#333;font-size:1.4rem;font-weight:700;margin-bottom:.8rem}.item-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.usage-preview h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:1rem}.usage-list{margin-bottom:1rem;padding-left:1.2rem}.usage-list li{color:#555;line-height:1.5;margin-bottom:.5rem}.more-steps{color:#888;font-style:italic;margin-bottom:1.5rem}.card-actions{text-align:center}.view-details-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease;width:100%}.view-details-btn:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;display:flex;justify-content:space-between;padding:2rem}.modal-header h2{font-size:1.8rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.modal-close-btn:hover{background:#fff3}.modal-body{padding:2rem}.modal-item-info{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.modal-item-image{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));font-size:4rem}.modal-category{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:15px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.8rem;padding:.5rem 1rem;text-transform:uppercase}.modal-description{color:#666;font-size:1.1rem;line-height:1.6}.modal-section{margin-bottom:2rem}.modal-section h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.modal-usage-list{padding-left:1.5rem}.modal-usage-list li{color:#555;line-height:1.6;margin-bottom:.8rem}.safety-section{background:#fff3cd;border-left:4px solid #ffc107;border-radius:15px;padding:1.5rem}.safety-tips p{color:#856404;line-height:1.6;margin:0}.modal-footer{border-top:2px solid #f0f0f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.modal-action-btn{border:none;border-radius:25px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.modal-action-btn.danger{background:linear-gradient(135deg,#ff4757,#c44569);color:#fff}.modal-action-btn.danger:hover{box-shadow:0 5px 15px #ff47574d;transform:translateY(-2px)}.modal-action-btn.secondary{background:#f8f9fa;border:2px solid #e9ecef;color:#333}.modal-action-btn.secondary:hover{background:#e9ecef;transform:translateY(-2px)}.favorite-card[data-category=Machine] .item-header{background:linear-gradient(135deg,#667eea,#764ba2)}.favorite-card[data-category=Tool] .item-header{background:linear-gradient(135deg,#f093fb,#f5576c)}.favorite-card[data-category="Chemical Fertilizer"] .item-header{background:linear-gradient(135deg,#4facfe,#00f2fe)}.favorite-card[data-category="Organic Alternative"] .item-header{background:linear-gradient(135deg,#43e97b,#38f9d7)}.favorite-card[data-category="Homemade Ingredient"] .item-header{background:linear-gradient(135deg,#ffecd2,#fcb69f)}@media (max-width:768px){.favorites-grid{gap:1.5rem;grid-template-columns:1fr}.favorites-header{flex-direction:column;gap:1rem;text-align:center}.modal-content{margin:1rem;max-height:85vh}.modal-footer{flex-direction:column}.modal-action-btn{width:100%}}