@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#f8f9f8f2;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);z-index:-1}body.menu-open{overflow:hidden}.navbar.scrolled:before{background:#f8f9f84d}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:70px}.navbar-logo{display:flex;align-items:center;text-decoration:none;color:var(--primary);font-weight:600;font-size:1.25rem;transition:color var(--transition-fast) ease}.navbar-logo:hover{color:var(--primary-dark)}.logo-icon{width:150px;height:150px;margin-right:8px}.navbar-links{display:flex;align-items:center}.nav-link{display:flex;align-items:center;margin:0 var(--spacing-2);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast) ease}.nav-link span{margin-left:var(--spacing-1)}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);font-weight:600}.logout-btn{margin-left:var(--spacing-2)}.mobile-nav-toggle{display:none}.toggle-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.mobile-nav{position:fixed;top:70px;left:0;right:0;background-color:#f8f9f8f2;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 4px 6px #0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,border-radius .3s ease-in-out;z-index:1000}.mobile-nav.open{max-height:100vh;overflow-y:auto;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.mobile-nav-links{padding:1rem 1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.mobile-nav-link{display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;transition:background-color .2s,color .2s;text-decoration:none;color:var(--text-secondary);font-weight:500;position:relative}.mobile-nav-link:not(:last-child):not(.logout-mobile):after{content:"";position:absolute;bottom:-.5rem;left:1rem;right:1rem;height:1px;background-color:var(--border, rgba(0, 0, 0, .1))}.mobile-nav-link span{margin-left:var(--spacing-2)}.mobile-nav-link svg{margin-right:.75rem}.mobile-nav-link:hover,.mobile-nav-link:focus{background-color:#0000000d;color:var(--primary)}.mobile-nav-link.login-button{background-color:transparent;border:1px solid var(--primary);color:var(--primary);font-weight:600;padding:.5rem 1rem;margin:0rem auto;border-radius:12px;display:flex;justify-content:center;align-items:center;transition:all .3s ease;box-shadow:0 4px 12px #8bc34a4d;width:calc(100% - 1rem)}.mobile-nav-link.login-button:hover,.mobile-nav-link.login-button:focus{background-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #2e8b5766}.mobile-nav-link.login-button svg{margin-right:.5rem;font-size:1.1rem}.mobile-nav-link.login-button span{font-size:1rem;letter-spacing:.02em;margin-left:.25rem}.admin-link{color:var(--primary);font-weight:600}.logout-mobile{margin-top:var(--spacing-2);border-top:1px solid var(--border, rgba(0, 0, 0, .1));padding-top:1rem;color:var(--error);background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;font-size:1rem}@media (max-width: 768px){.desktop-nav{display:none}.mobile-nav,.mobile-nav-toggle{display:block}}.btn,.navbar-links .btn,.mobile-nav-links .mobile-nav-link{text-decoration:none}.mobile-nav-link.active{color:var(--primary);font-weight:600}.landing-page{position:relative;overflow-x:hidden}.three-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-content{padding:var(--spacing-6) 0;max-width:700px;animation:fadeIn 1s ease-out}.hero-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-3);color:var(--text-primary);line-height:1.2}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-4);line-height:1.6}.hero-cta{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-4)}.hero-btn{padding:var(--spacing-2) var(--spacing-4);font-size:1rem;font-weight:600}.hero-btn-secondary{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.features-section{padding:var(--spacing-6) 0;background-color:#ffffffe6}.section-title{font-size:2.25rem;text-align:center;margin-bottom:3rem;font-weight:700;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.feature-card{background-color:var(--card-bg);padding:var(--spacing-4);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease;text-align:center}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background-color:#4caf8e1a;border-radius:50%;margin-bottom:var(--spacing-3);color:var(--primary)}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-2);color:var(--text-primary)}.feature-desc{color:var(--text-secondary);line-height:1.6}.how-it-works{padding:4rem 0;background-color:var(--background)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.steps-container{display:flex;justify-content:space-between;position:relative;margin-top:8rem}.step-wrapper{display:flex;align-items:center;flex:1}.step{text-align:center;padding:1rem;flex:1}.step:after{content:"";position:absolute;top:30px;right:-10px;width:20px;height:2px;background-color:var(--primary-light);display:none}.step:last-child:after{display:none}.step-number{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#4caf8e;color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%;margin:0 auto 1rem;position:relative;z-index:2}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#333}.step-desc{color:#666;font-size:1rem}.step-connector{flex:0 0 40px;position:relative;height:60px;display:flex;align-items:center}.connector-line{width:100%;height:2px;background-color:#4caf8e;position:relative}.connector-line:before,.connector-line:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:#4caf8e;top:-2px}.connector-line:before{left:0}.connector-line:after{right:0}.footer{background-color:var(--primary-dark);color:#fff;padding:var(--spacing-5) 0}.footer-content{text-align:center}.footer-logo{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-2)}.footer-tagline{margin-bottom:var(--spacing-3);font-size:1.1rem}.copyright{opacity:.8;font-size:.9rem}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-cta{flex-direction:column}.features-grid{grid-template-columns:1fr}.step:after{display:none}.steps-container{flex-direction:column}.step-wrapper{flex-direction:column;margin-bottom:1rem}.step-connector{flex:0 0 20px;width:2px;height:20px}.connector-line{width:2px;height:100%}.connector-line:before,.connector-line:after{left:-2px;width:6px;height:6px}.connector-line:before{top:0}.connector-line:after{top:auto;bottom:0}}@media (min-width: 769px) and (max-width: 1024px){.hero-title{font-size:2.75rem}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-container{flex-wrap:wrap}.step-wrapper{flex:0 0 calc(50% - 1rem);margin-bottom:2rem}.step-connector{display:none}}@media (min-width: 1025px){.step:not(:last-child):after{display:block}}.steps-horizontal{display:flex;justify-content:center;align-items:flex-start;margin:3rem 0 2rem;gap:0;position:relative}.step-horizontal{display:flex;flex-direction:column;align-items:center;position:relative;flex:1 1 0;min-width:180px;max-width:260px;z-index:1}.step-circle{width:48px;height:48px;background:#4caf8e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1rem;z-index:2;border:4px solid #e0e0e0}.step-info{text-align:center;margin-bottom:0}.step-title{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:#222}.step-desc{font-size:1rem;color:#555;margin:0}.step-horizontal-connector{position:absolute;top:24px;left:50%;width:100%;height:4px;background:#4caf8e;z-index:0;transform:translate(0)}.step-horizontal:not(:last-child) .step-horizontal-connector{display:block}.step-horizontal:last-child .step-horizontal-connector{display:none}.steps-horizontal .step-horizontal:not(:last-child):after{content:"";position:absolute;top:24px;left:50%;width:calc(100% + 24px);height:4px;background:#4caf8e;z-index:0;transform:translate(0);border-radius:2px}@media (max-width: 900px){.steps-horizontal{flex-direction:column;align-items:flex-start;gap:2.5rem}.step-horizontal{flex-direction:row;align-items:flex-start;min-width:unset;max-width:unset;margin-bottom:0;position:relative}.step-circle{margin-bottom:0;margin-right:1.5rem;margin-left:.5rem}.step-info{text-align:left;margin-top:.2rem}.steps-horizontal .step-horizontal:not(:last-child):after{content:"";position:absolute;left:32px;top:56px;width:4px;height:calc(100% - 56px);background:#4caf8e;z-index:0;border-radius:2px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3);background-color:var(--background)}.auth-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:450px;padding:var(--spacing-4);transition:transform var(--transition-normal) ease;animation:fadeIn .5s ease-out}.auth-header{text-align:center;margin-bottom:var(--spacing-4)}.auth-logo{display:inline-flex;align-items:center;gap:var(--spacing-1);color:var(--primary);text-decoration:none;font-weight:600;font-size:1.25rem;margin-bottom:var(--spacing-3)}.auth-title{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-2);color:var(--text-primary)}.auth-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-3)}.auth-error{display:flex;align-items:center;gap:var(--spacing-1);background-color:#d32f2f1a;color:var(--error);padding:var(--spacing-2);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-3);animation:shake .4s linear}.auth-form{margin-bottom:var(--spacing-4)}.auth-submit{width:100%;margin-top:var(--spacing-3);padding:var(--spacing-2);font-weight:600}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border);padding-top:var(--spacing-3)}.auth-footer p{margin-bottom:var(--spacing-1)}.auth-link{color:var(--primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast) ease}.auth-link:hover{color:var(--primary-dark);text-decoration:underline}.auth-logo-icon{width:50px;height:50px;margin-right:8px}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 480px){.auth-card{padding:var(--spacing-3)}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.dashboard-container{padding:var(--spacing-4) 0;margin-top:5rem}.dashboard-header{margin-bottom:var(--spacing-4)}.dashboard-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-1)}.dashboard-subtitle{color:var(--text-secondary);font-size:1.1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.dashboard-card{background-color:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-3);height:100%;transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease}.dashboard-card.activity-card{height:370px!important;display:flex;flex-direction:column}.activity-card .activity-list{flex:1;min-height:0}.dashboard-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-1);border-bottom:1px solid var(--border)}.show-more-button{width:100%;padding:8px;margin-top:12px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#666;font-size:14px;transition:background-color .2s}.show-more-button:hover{background-color:#e4e4e4}.pagination-controls{margin-top:16px;display:flex;justify-content:center}.load-more-button,.reset-button{padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.load-more-button{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057}.load-more-button:hover:not(:disabled){background-color:#e9ecef}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.reset-button{background-color:#e9ecef;border:1px solid #dee2e6;color:#495057}.reset-button:hover{background-color:#dee2e6}.loading-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quick-actions{grid-column:span 2}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.quick-action-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-3);background-color:var(--background);border-radius:var(--border-radius-md);text-decoration:none;color:var(--text-primary);transition:transform var(--transition-fast) ease,background-color var(--transition-fast) ease}.quick-action-item:hover{transform:translateY(-5px);background-color:#4caf8e1a}.quick-action-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:var(--primary);color:#fff;border-radius:50%;margin-bottom:var(--spacing-2)}.weather-card{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff}.weather-card .card-title{color:#fff;border-bottom-color:#fff3}.weather-content{padding:var(--spacing-2) 0}.weather-location{font-weight:500;margin-bottom:var(--spacing-2);font-size:1.1rem}.weather-main{display:flex;align-items:center;margin-bottom:var(--spacing-3)}.weather-icon{margin-right:var(--spacing-2)}.weather-temp{font-size:2.5rem;font-weight:700}.weather-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.weather-detail-item{display:flex;flex-direction:column}.detail-label{font-size:.9rem;opacity:.8}.detail-value{font-weight:600}.activity-list{max-height:350px;overflow-y:auto;padding-right:10px;margin-bottom:-20px}.activity-list::-webkit-scrollbar,.tips-list::-webkit-scrollbar{width:6px;background:transparent}.activity-list::-webkit-scrollbar-track,.tips-list::-webkit-scrollbar-track{background:transparent}.activity-list::-webkit-scrollbar-thumb,.tips-list::-webkit-scrollbar-thumb{background-color:#d1d1d180;border-radius:4px}.activity-list:hover::-webkit-scrollbar-thumb,.tips-list:hover::-webkit-scrollbar-thumb{background-color:#d1d1d1;border-radius:4px}.activity-list,.tips-list{scrollbar-width:thin;scrollbar-color:#d1d1d1 transparent}.activity-item{padding:1rem;border-bottom:1px solid #eee;display:flex;gap:1rem;align-items:flex-start}.activity-item:last-child{border-bottom:none}.activity-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#4caf8e1a;color:var(--primary);border-radius:50%;margin-right:var(--spacing-2)}.activity-details{flex:1}.activity-title{font-weight:500}.activity-meta{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-tertiary);margin-top:var(--spacing-1)}.activity-status{color:var(--success);font-weight:500}.activity-result{margin-top:1rem;background:#f8f9fa;border-radius:8px;padding:1rem;transition:all .3s ease}.result-summary{color:#2c3e50;font-weight:500;margin-bottom:.75rem}.toggle-details-btn{width:100%;background:transparent;border:none;color:#6c757d;font-size:.875rem;padding:8px;margin-top:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;border-top:1px solid #dee2e6}.toggle-details-btn:hover{color:#495057;background-color:#f1f3f5}.toggle-details-btn.expanded{border-bottom:1px solid #dee2e6}.activity-details-expanded{margin-top:1rem;padding-top:1rem;animation:slideDown .3s ease}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label-activity{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.detail-value-activity{font-size:1rem;color:#2c3e50;font-weight:500}.recommendations,.treatment-steps{margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6;font-size:.9375rem;line-height:1.6;color:#495057}.status-completed{color:#2e7d32;background:#e8f5e9;padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.tips-card{height:370px!important;overflow:hidden}.tips-list{flex:1;max-height:300px;overflow-y:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:#d1d1d1 transparent}.tips-skeleton{display:flex;flex-direction:column;gap:20px}.skeleton-tip-item{padding:12px;border-bottom:1px solid #eee}.tip-item{padding:.75rem;border-bottom:1px solid #e8e8e8}.tip-item:last-child{border-bottom:none}.tip-title{font-size:1rem;font-weight:600;color:#2e7d32;margin:0 0 .5rem}.tip-content a{color:#2e7d32;text-decoration:none;font-weight:500;transition:all .2s ease}.tip-content a:hover{color:#1b5e20;text-decoration:underline}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4) 0;color:var(--text-tertiary)}.empty-state svg{margin-bottom:var(--spacing-2);opacity:.6}.activity-skeleton{padding:.5rem;max-height:calc(100% - 60px);overflow:hidden}.skeleton-activity-item{padding:.75rem .5rem;margin-bottom:.75rem;border-bottom:1px solid #f0f0f0;height:auto}.skeleton-activity-header{display:flex;gap:.75rem;margin-bottom:.5rem}.skeleton-icon{flex-shrink:0}.skeleton-content{flex:1}.skeleton-meta{display:flex;justify-content:space-between;margin-top:.5rem}.skeleton-result{margin-top:.5rem;padding:.5rem 0}.weather-skeleton{padding:.75rem;display:flex;flex-direction:column;gap:.75rem;height:100%;max-height:225px}.weather-skeleton-location{display:flex;justify-content:flex-start;margin-bottom:.25rem}.weather-skeleton-main{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.weather-skeleton-details{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.weather-skeleton-item{display:flex;flex-direction:column}.chatbot-card{height:400px!important}.chatbot-container{display:flex;flex-direction:column;height:300px}.chat-messages{flex:1;overflow-y:auto;padding:10px;background-color:#f9f9f9;border-radius:8px;margin-bottom:10px}.bot-message{display:flex;align-items:flex-start;background-color:#e3f2fd;padding:10px;border-radius:8px;margin-bottom:8px}.bot-message svg{margin-right:8px;color:#2196f3}.user-message{display:flex;flex-direction:row-reverse;background-color:#e8f5e9;padding:10px;border-radius:8px;text-align:right;margin-bottom:8px}.chat-input{display:flex;gap:10px}.chat-input input{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.chat-input input::placeholder{color:#99abac;opacity:.8}.send-button{display:flex;align-items:center;justify-content:center;background-color:#2e8659;color:#fff;border:none;border-radius:8px;padding:0 15px;cursor:pointer;transition:background-color .2s}.send-button:hover{background-color:#388e3c}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.alternative-crops-section{margin-top:16px;padding-top:12px;border-top:1px solid #e0e0e0}.alternatives-title{font-size:14px;font-weight:600;margin-bottom:8px;color:#333}.alternatives-text{color:#2e7d32;font-weight:500;margin-top:6px;line-height:1.5}.alternatives-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.alternative-crop-item{background-color:#f9f9f9;border-radius:6px;padding:8px 12px}.crop-name{font-weight:500;font-size:14px;color:#2e7d32}.crop-confidence{font-size:12px;color:#666;margin-top:2px}.weather-error{display:flex;align-items:center;gap:8px;color:#666;font-size:.9rem}.weather-error svg{color:#f59e0b}@media (max-width: 768px){.activity-list::-webkit-scrollbar{width:6px;background:transparent}.activity-list::-webkit-scrollbar-thumb{background-color:#d1d1d180;border-radius:4px}.activity-item{padding:.75rem 0;border-bottom:1px solid #eee}.activity-item:last-child{border-bottom:none}.container{padding:0 var(--spacing-3)}.quick-actions{grid-column:1}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.tips-list{max-height:250px}.quick-actions-grid{gap:1rem}.quick-action-item{padding:.75rem}.quick-action-icon{width:42px;height:42px;margin-bottom:.5rem}.quick-action-icon svg{width:20px;height:20px}.quick-action-item span{font-size:.85rem}.weather-details{grid-template-columns:repeat(3,1fr)}.dashboard-card.activity-card,.dashboard-card.tips-card{height:auto!important;max-height:450px}.dashboard-container{padding:1rem 0;overflow-x:hidden}.activity-card .card-title{margin-bottom:.5rem}.activity-details{width:100%}.activity-details-expanded{width:100%;overflow:hidden}.activity-list{max-height:calc(100% - 80px);overflow-y:auto;padding:0;margin-bottom:-30px}.activity-item{padding:.5rem 0;margin:0}.activity-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.activity-status{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.7rem;white-space:nowrap;text-align:center;min-width:70px;margin-left:auto}.status-completed{color:#2e7d32;background:#e8f5e9;padding:2px 6px;border-radius:4px;font-size:.7rem}.activity-result{margin-top:.5rem;padding:.75rem;width:100%}.activity-card .activity-list{max-height:calc(100% - 50px);overflow-y:auto;flex:1;padding-right:5px;-webkit-overflow-scrolling:touch}.toggle-details-btn{width:100%;padding:12px;margin:8px 0;text-align:center;justify-content:center}.details-grid{grid-template-columns:1fr}.dashboard-card{height:auto;overflow:visible;margin-bottom:1rem}.dashboard-card.chatbot-card{height:auto!important;max-height:450px}.result-summary{word-break:break-word;width:100%}.pagination-controls{margin-top:1rem;padding-bottom:.5rem}}@media (max-width: 480px){.quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.quick-action-item{padding:.5rem}.quick-action-icon{width:48px;height:48px}.quick-action-icon svg{width:22px;height:22px}.quick-action-item span{font-size:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}.form-page{padding:var(--spacing-4) 0;margin-top:5rem}.form-header{margin-bottom:var(--spacing-4);text-align:center}.form-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-2)}.form-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto}.form-error{display:flex;align-items:center;gap:var(--spacing-1);background-color:#d32f2f1a;color:var(--error);padding:var(--spacing-2);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-3);max-width:800px;margin-left:auto;margin-right:auto}.form-content-wrapper{display:flex;justify-content:center}.form-card,.result-card{background-color:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-4);width:100%;max-width:800px;margin:0 auto;transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease;animation:fadeIn .5s ease-out}.form-card:hover,.result-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.input-help{display:block;margin-top:var(--spacing-1);font-size:.8rem;color:var(--text-tertiary)}.form-actions{margin-top:var(--spacing-4);display:flex;justify-content:center}.result-card{max-width:800px}.result-header{text-align:center;margin-bottom:var(--spacing-4);display:flex;flex-direction:column;align-items:center}.result-icon{color:var(--primary);margin-bottom:var(--spacing-2)}.result-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.result-main{display:flex;flex-direction:column;gap:var(--spacing-4)}.recommended-crop,.alternative-crops,.soil-health{background-color:var(--background);padding:var(--spacing-3);border-radius:var(--border-radius-md)}.recommended-crop h3,.alternative-crops h3,.soil-health h3{font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-2);color:var(--text-primary)}.crop-recommendation-primary{display:flex;flex-direction:column;gap:var(--spacing-2)}.crop-name{font-size:1.5rem;font-weight:700;color:var(--primary)}.crop-confidence{display:flex;align-items:center;gap:var(--spacing-2)}.confidence-bar{flex:1;height:8px;background-color:#0000001a;border-radius:4px;overflow:hidden}.confidence-fill{height:100%;background-color:var(--primary);border-radius:4px}.crop-description,.soil-description{color:var(--text-secondary);line-height:1.6}.alternatives-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.alternative-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;margin-bottom:1rem;transition:transform .2s,box-shadow .2s}.alternative-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.alternative-item:last-child{border-bottom:none;padding-bottom:0}.alternative-name{font-size:1.25rem;font-weight:600;color:#1a1a1a}.alternative-confidence{display:flex;align-items:center;gap:var(--spacing-1);min-width:150px}.confidence-tag{background:#f0f7f0;color:#2e7d32;padding:.25rem .75rem;border-radius:16px;font-size:.875rem;font-weight:500}.confidence-progress{margin:.75rem 0}.confidence-bar{height:8px;width:100%;border-radius:4px;transition:background .3s ease}.alternative-reason{color:#666;font-size:.95rem;line-height:1.5;margin:.5rem 0 0}.alternatives-list{display:grid;gap:1rem;margin-top:1rem}.soil-health-rating{display:flex;align-items:center;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.health-label{font-weight:500}.health-value{font-weight:700;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm)}.health-good{background-color:#2e7d321a;color:var(--success)}.health-moderate{background-color:#ed6c021a;color:var(--warning)}.health-poor{background-color:#d32f2f1a;color:var(--error)}.result-actions{margin-top:var(--spacing-4);display:flex;justify-content:center}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-card,.result-card{padding:var(--spacing-3)}.alternative-confidence{min-width:100px}.alternatives-list{grid-template-columns:repeat(2,1fr)}}.recommendation-content{padding:1.5rem;background:#f8f9fa;border-radius:8px;line-height:1.6}.highlight-text{color:#2c3e50;font-weight:600;display:block;margin-bottom:1rem}.emphasis-text{color:#4caf50;font-style:italic}.recommendation-content br{margin-bottom:.5rem}.recommendation-content br+br{margin-bottom:1rem}.image-upload-area{width:100%;min-height:300px;border:2px dashed var(--border);border-radius:var(--border-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;margin-bottom:var(--spacing-3);position:relative;overflow:hidden;transition:border-color var(--transition-fast) ease}.image-upload-area:hover{border-color:var(--primary)}.image-upload-area.has-image{border-style:solid;padding:0}.upload-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-4)}.upload-icon{color:var(--primary);margin-bottom:var(--spacing-2);opacity:.8}.upload-placeholder h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-1);color:var(--text-primary)}.upload-placeholder p{color:var(--text-secondary);margin-bottom:var(--spacing-1)}.file-requirements{font-size:.8rem;color:var(--text-tertiary)}.file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.image-preview-container{width:100%;height:100%;position:relative}.image-preview{width:100%;height:300px;object-fit:contain;display:block}.remove-image-btn{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background-color:#00000080;color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast) ease}.remove-image-btn:hover{background-color:#000000b3}.form-instructions{margin-bottom:var(--spacing-3);padding:var(--spacing-3);background-color:#4caf8e1a;border-radius:var(--border-radius-md)}.form-instructions h3{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-2);color:var(--primary)}.instructions-list{list-style-type:disc;padding-left:var(--spacing-3)}.instructions-list li{margin-bottom:var(--spacing-1);color:var(--text-secondary)}.result-image-container{width:100%;margin-bottom:var(--spacing-3);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.result-image{width:100%;height:auto;display:block}.disease-header{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.disease-name{font-size:1.5rem;font-weight:700;color:var(--error)}.disease-description{margin-bottom:var(--spacing-3);line-height:1.6;color:var(--text-secondary)}.disease-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3)}.detail-section{background-color:var(--background);padding:var(--spacing-3);border-radius:var(--border-radius-md)}.detail-section h4{font-weight:600;margin-bottom:var(--spacing-2);color:var(--text-primary);padding-bottom:var(--spacing-1);border-bottom:1px solid var(--border)}.detail-list{list-style-type:disc;padding-left:var(--spacing-3)}.detail-list li{margin-bottom:var(--spacing-1);color:var(--text-secondary)}@media (max-width: 768px){.image-upload-area{min-height:200px}.image-preview{height:200px}.disease-details{grid-template-columns:1fr}}:root{--primary: #2d8659;--primary-dark: #1e5c3a;--primary-light: #4caf8e;--secondary: #d9a760;--accent: #ef6c00;--background: #f7f9f8;--card-bg: #ffffff;--text-primary: #1a2825;--text-secondary: #555e5c;--text-tertiary: #747f7c;--error: #d32f2f;--success: #2e7d32;--warning: #ed6c02;--info: #0288d1;--border: #e1e5e3;--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 32px;--spacing-5: 48px;--spacing-6: 64px;--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .06);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-2)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast) ease;border:none;outline:none;font-size:1rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary);color:var(--text-primary)}.btn-secondary:hover{background-color:#c4983b}.btn-outline{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:var(--primary);color:#fff}.card{background-color:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-3);transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:var(--spacing-3)}.form-label{display:block;margin-bottom:var(--spacing-1);font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:1rem;transition:border-color var(--transition-fast) ease}.form-input:focus{border-color:var(--primary);outline:none}.form-select{width:100%;padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:1rem;transition:border-color var(--transition-fast) ease;background-color:#fff}.form-select:focus{border-color:var(--primary);outline:none}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn var(--transition-normal) ease-in}.slide-up{animation:slideUp var(--transition-normal) ease-out}.pulse{animation:pulse 2s infinite}@media (max-width: 768px){.container{padding:0 var(--spacing-1)}.card{padding:var(--spacing-2)}}