@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--color-bg-primary:#0a0f1e;--color-bg-secondary:#0d1526;--color-bg-card:#ffffff0a;--color-bg-card-hover:#ffffff12;--color-accent-green:#22c55e;--color-accent-green-dim:#22c55e26;--color-accent-blue:#3b82f6;--color-accent-blue-dim:#3b82f626;--color-accent-teal:#14b8a6;--color-accent-amber:#f59e0b;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#475569;--color-border:#ffffff14;--color-border-focus:#22c55e80;--gradient-brand:linear-gradient(135deg,#22c55e,#14b8a6);--gradient-card:linear-gradient(135deg,#22c55e0d,#14b8a60d);--gradient-hero:linear-gradient(135deg,#0a0f1e,#0d1a2d 50%,#0a1628);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 24px #0006;--shadow-card-hover:0 8px 40px #00000080;--shadow-glow-green:0 0 30px #22c55e33;--shadow-glow-blue:0 0 30px #3b82f633;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0f1e;background-color:var(--color-bg-primary);color:#f1f5f9;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;outline:none}button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family)}img{display:block;max-width:100%}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #22c55e33;border-radius:50%;border-top:3px solid var(--color-accent-green);height:40px;margin:0 auto 1rem;width:40px}.loading-spinner.large{height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.btn-primary{align-items:center;background:linear-gradient(135deg,#22c55e,#14b8a6);background:var(--gradient-brand);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.02em;padding:.75rem 1.5rem;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.btn-primary:hover:not(:disabled){box-shadow:0 0 30px #22c55e33;box-shadow:var(--shadow-glow-green);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;background:#ffffff0a;background:var(--color-bg-card);border:1px solid #ffffff14;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);color:#f1f5f9;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:.6rem 1.2rem;transition:all .15s ease;transition:all var(--transition-fast)}.btn-secondary:hover:not(:disabled){background:#ffffff12;background:var(--color-bg-card-hover);border-color:#ffffff26}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.error-banner{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.error-banner,.form-message{border-radius:8px;border-radius:var(--radius-sm);font-size:.875rem;margin-top:1rem;padding:.75rem 1rem}.form-message{font-weight:500}.form-message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#86efac}.form-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.page-layout{background:var(--gradient-hero);display:flex;flex-direction:column;min-height:100vh}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0f1ed9;border-bottom:1px solid var(--color-border);height:64px;justify-content:space-between;padding:0 var(--space-xl);position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:10px}.navbar-logo{font-size:1.5rem}.navbar-name{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.navbar-links{display:flex;gap:var(--space-sm)}.nav-link{border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding:.4rem .9rem;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.nav-link.active{background:var(--color-accent-green-dim);color:var(--color-accent-green)}.navbar-right{align-items:center;display:flex;gap:var(--space-md)}.lang-select{appearance:none;-webkit-appearance:none;background:var(--color-bg-card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.35rem 28px .35rem .7rem;transition:border-color var(--transition-fast)}.lang-select:focus,.lang-select:hover{border-color:var(--color-accent-green);outline:none}.user-menu{align-items:center;display:flex;gap:10px}.user-avatar{border:2px solid var(--color-accent-green);border-radius:50%;height:34px;object-fit:cover;width:34px}.user-name{font-size:.875rem}.logout-btn,.user-name{color:var(--color-text-secondary);font-weight:500}.logout-btn{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;padding:.35rem .8rem;transition:all var(--transition-fast)}.logout-btn:hover{background:#ef444414;border-color:#ef444466;color:#fca5a5}.login-page{align-items:center;background:var(--gradient-hero);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-xl);position:relative}.login-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.bg-circle{animation:float 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.circle-1{background:var(--color-accent-green);height:500px;left:-100px;top:-200px;width:500px}.circle-2{animation-delay:-3s;background:var(--color-accent-blue);bottom:-150px;height:400px;right:-100px;width:400px}.circle-3{animation-delay:-5s;background:var(--color-accent-teal);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.login-container{grid-gap:var(--space-2xl);align-items:center;display:grid;gap:var(--space-2xl);grid-template-columns:1fr 1fr;max-width:960px;position:relative;width:100%;z-index:1}.login-left{padding:var(--space-xl)}.login-logo{animation:pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(34,197,94,.4));font-size:4rem;margin-bottom:var(--space-lg)}@keyframes pulse{0%,to{filter:drop-shadow(0 0 20px rgba(34,197,94,.4))}50%{filter:drop-shadow(0 0 35px rgba(34,197,94,.7))}}.login-title{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;line-height:1.2;margin-bottom:var(--space-md)}.login-subtitle{color:var(--color-text-secondary);font-size:1rem;line-height:1.7;margin-bottom:var(--space-xl)}.feature-list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none}.feature-item{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:.95rem;gap:12px;padding:.75rem 1rem;transition:all var(--transition-base)}.feature-item:hover{background:var(--color-accent-green-dim);border-color:#22c55e33;color:var(--color-text-primary)}.login-right{display:flex;justify-content:center}.login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);max-width:400px;padding:var(--space-2xl);width:100%}.login-card-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.login-card-subtitle{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--space-xl)}.google-signin-btn{align-items:center;background:#fff;border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000004d;color:#1f2937;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:12px;justify-content:center;padding:.875rem 1.5rem;transition:all var(--transition-fast);width:100%}.google-signin-btn:hover:not(:disabled){background:#f3f4f6;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.google-signin-btn:disabled{cursor:not-allowed;opacity:.7}.google-icon{flex-shrink:0}.btn-loading{align-items:center;display:flex}.login-terms{color:var(--color-text-muted);font-size:.75rem;line-height:1.6;margin-top:var(--space-lg);text-align:center}.dashboard-main{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;min-width:0;padding:var(--space-xl) var(--space-2xl);width:100%}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-xl)}.dashboard-welcome{color:var(--color-text-primary);font-size:1.75rem;font-weight:700}.dashboard-updated{color:var(--color-text-muted);font-size:.8rem;margin-top:4px}.dashboard-grid{grid-gap:var(--space-xl);align-items:start;display:grid;gap:var(--space-xl);grid-template-columns:minmax(0,1fr) 380px;min-width:0;width:100%}.dashboard-col-main{max-width:100%}.dashboard-col-main,.dashboard-col-side{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}.loading-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:var(--space-2xl);text-align:center}.error-card{align-items:center;background:#ef444412;border:1px solid #ef444433;border-radius:var(--radius-lg);color:#fca5a5;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);text-align:center}.weather-dashboard-container{display:flex;flex-direction:column;gap:1.25rem;max-width:100%;min-width:0;width:100%}.weather-location-bar{align-items:center;display:flex;justify-content:space-between;padding:.25rem .5rem}.location-info{align-items:center;display:flex;gap:8px}.location-pin{filter:drop-shadow(0 2px 8px rgba(239,68,68,.5));font-size:1.4rem}.location-name{color:#f8fafc;font-size:1.4rem;font-weight:700;letter-spacing:-.01em}.live-badge{align-items:center;background:#22c55e26;border:1px solid #22c55e59;border-radius:9999px;color:#4ade80;display:inline-flex;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.05em;padding:4px 10px}.live-dot{animation:pulse-green 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#22c55e;border-radius:50%;height:7px;width:7px}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.main-weather-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#1a1b2d,#121320);border:1px solid #ffffff14;border-radius:22px;box-shadow:0 20px 40px #00000073;padding:1.75rem;transition:border-color var(--transition-base)}.main-weather-card:hover{border-color:#ffffff24}.current-weather-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.75rem}.current-temp-block{align-items:flex-start;display:flex}.current-temp-num{color:#fff;font-size:4.5rem;font-weight:800;letter-spacing:-.04em;line-height:.95}.current-temp-degree{color:#94a3b8;font-size:1.85rem;font-weight:600;margin-left:2px;margin-top:4px}.current-condition-block{text-align:right}.current-condition-title{color:#f8fafc;font-size:1.3rem;font-weight:700;margin-bottom:4px}.current-feels-like{color:#94a3b8;font-size:.9rem;font-weight:500}.track-header{align-items:center;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;margin-bottom:.85rem;padding-top:1rem}.track-title{color:#94a3b8;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.track-controls{display:flex;gap:6px}.scroll-arrow-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#f8fafc;cursor:pointer;display:flex;font-size:1.15rem;height:28px;justify-content:center;line-height:1;transition:all .2s ease;width:28px}.scroll-arrow-btn:hover{background:#ffffff26;transform:scale(1.08)}.hourly-forecast-track{box-sizing:border-box;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-behavior:smooth;scrollbar-color:#fff3 #0000;scrollbar-width:thin;width:100%}.hourly-forecast-track::-webkit-scrollbar{height:5px}.hourly-forecast-track::-webkit-scrollbar-track{background:#0000}.hourly-forecast-track::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.hourly-item{align-items:center;background:hsla(0,0%,100%,.025);border:1px solid #ffffff0f;border-radius:14px;box-sizing:border-box;display:flex;flex-basis:calc(10% - 7.2px);flex-direction:column;flex-grow:0;flex-shrink:0;gap:8px;max-width:calc(10% - 7.2px);min-width:calc(10% - 7.2px);padding:.75rem .25rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.hourly-item:hover{background:#ffffff0f;border-color:#ffffff24;transform:translateY(-2px)}.hourly-item-now{background:#3b82f61f;border-color:#3b82f659}.hourly-time{color:#94a3b8;font-size:.75rem;font-weight:500;white-space:nowrap}.hourly-icon-wrap{align-items:center;display:flex;height:32px;justify-content:center}.hourly-temp{color:#f8fafc;font-size:.95rem;font-weight:700}.icon-glow{display:inline-block;transition:transform .2s ease}.icon-glow:hover{transform:scale(1.15)}.sun-glow{filter:drop-shadow(0 0 10px rgba(250,204,21,.55))}.moon-glow{filter:drop-shadow(0 0 10px rgba(251,191,36,.65))}.cloud-glow{filter:drop-shadow(0 0 8px rgba(148,163,184,.45))}.rain-glow{filter:drop-shadow(0 0 10px rgba(56,189,248,.55))}.forecast-section{box-sizing:border-box;margin-top:.5rem;max-width:100%;min-width:0;width:100%}.section-heading{color:#f8fafc;font-size:1.15rem;font-weight:700;margin-bottom:.85rem}.daily-forecast-grid{box-sizing:border-box;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-behavior:smooth;scrollbar-color:#fff3 #0000;scrollbar-width:thin;width:100%}.daily-forecast-grid::-webkit-scrollbar{height:5px}.daily-forecast-grid::-webkit-scrollbar-track{background:#0000}.daily-forecast-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.daily-card{align-items:center;background:linear-gradient(150deg,#191b2e,#131422);border:1px solid #ffffff0f;border-radius:16px;box-sizing:border-box;display:flex;flex-basis:calc(33.33333% - 8px);flex-direction:column;flex-grow:0;flex-shrink:0;gap:10px;max-width:calc(33.33333% - 8px);min-width:calc(33.33333% - 8px);padding:1.1rem .75rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.daily-card:hover{border-color:#3b82f659;box-shadow:0 10px 24px #0000004d;transform:translateY(-3px)}.daily-card-today{background:linear-gradient(150deg,#1e2344,#14172c);border-color:#3b82f666}.daily-name{color:#cbd5e1;font-size:.95rem;font-weight:600}.daily-icon-wrap{align-items:center;display:flex;height:38px;justify-content:center}.daily-temps{color:#f8fafc;font-size:1.05rem;font-weight:700}.daily-min-temp{color:#94a3b8;font-size:.88rem;font-weight:500}.precipitation-card{background:linear-gradient(150deg,#18192a,#11121e);border:1px solid #ffffff14;border-radius:22px;box-shadow:0 15px 35px #00000059;box-sizing:border-box;max-width:100%;min-width:0;padding:1.5rem;width:100%}.precip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.precip-title-wrap{align-items:center;display:flex;gap:8px}.precip-icon{font-size:1.3rem}.precip-title{color:#f8fafc;font-size:1.05rem;font-weight:700}.precip-forecast-track{box-sizing:border-box;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scroll-behavior:smooth;scrollbar-color:#38bdf840 #0000;scrollbar-width:thin;width:100%}.precip-forecast-track::-webkit-scrollbar{height:4px}.precip-forecast-track::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:4px}.precip-item{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;box-sizing:border-box;display:flex;flex-basis:calc(10% - 7.2px);flex-direction:column;flex-grow:0;flex-shrink:0;gap:8px;max-width:calc(10% - 7.2px);min-width:calc(10% - 7.2px);padding:.65rem .25rem;-webkit-user-select:none;user-select:none}.precip-pct{color:#38bdf8;font-size:.8rem;font-weight:600}.precip-bar-slot{display:flex;justify-content:center;margin:4px 0;width:100%}.precip-bar-fill{background:#38bdf8;box-shadow:0 0 10px #38bdf899;transition:width .3s ease}.precip-time{color:#94a3b8;font-size:.72rem;font-weight:500;white-space:nowrap}.irrigation-card{border-radius:20px;padding:1.25rem 1.5rem;transition:all .25s ease}.irrigation-good{background:linear-gradient(135deg,#22c55e1f,#10b9810a);border:1px solid #22c55e59;box-shadow:0 8px 24px #22c55e1f}.irrigation-caution{background:linear-gradient(135deg,#f59e0b1f,#d977060a);border:1px solid #f59e0b59;box-shadow:0 8px 24px #f59e0b1f}.irrigation-warning{background:linear-gradient(135deg,#ef44441f,#dc26260a);border:1px solid #ef444459;box-shadow:0 8px 24px #ef44441f}.irrigation-header{align-items:flex-start;display:flex;gap:14px}.irrigation-badge-icon{filter:drop-shadow(0 2px 8px rgba(34,197,94,.4));font-size:2rem}.irrigation-title{color:#f8fafc;font-size:1.05rem;font-weight:700;margin-bottom:4px}.irrigation-message{color:#cbd5e1;font-size:.85rem;line-height:1.5}.weather-actions-wrap{align-items:center;display:flex;flex-direction:column;gap:14px;margin-top:.5rem}.satellite-status{align-items:center;color:#22c55e;display:flex;font-size:.88rem;font-weight:500;gap:8px;text-align:center}.satellite-icon{font-size:1.1rem}.btn-refresh-forecast{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:9999px;box-shadow:0 10px 28px #2563eb66;color:#fff;cursor:pointer;display:flex;font-size:.98rem;font-weight:600;gap:10px;height:50px;justify-content:center;max-width:480px;transition:all .25s ease;width:100%}.btn-refresh-forecast:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 14px 34px #2563eb8c;transform:translateY(-2px)}.btn-refresh-forecast:disabled{cursor:not-allowed;opacity:.65;transform:none}.settings-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-xl)}.settings-title{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:1.1rem;font-weight:700;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.settings-form{gap:var(--space-lg)}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.form-input{background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9rem;padding:.75rem 1rem;transition:border-color var(--transition-fast),background var(--transition-fast);width:100%}.form-input:focus{background:#22c55e0d;border-color:var(--color-accent-green);box-shadow:0 0 0 3px #22c55e1a;outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5)}.settings-info{background:#3b82f60d;border:1px solid #3b82f626;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.8rem;line-height:1.6;margin-top:var(--space-md);padding:var(--space-md)}.predict-main{flex:1 1;margin:0 auto;max-width:1200px;padding:var(--space-xl) var(--space-2xl);width:100%}.predict-header{margin-bottom:var(--space-2xl);text-align:center}.predict-title{-webkit-text-fill-color:#0000;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:var(--space-sm)}.predict-subtitle{color:var(--color-text-secondary);font-size:1rem}.predict-grid{grid-gap:var(--space-xl);align-items:start;display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr}.upload-section{display:flex;flex-direction:column;gap:var(--space-lg)}.drop-zone{align-items:center;aspect-ratio:4/3;background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-xl);cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-base);width:100%}.drop-zone:hover{background:var(--color-accent-green-dim);border-color:var(--color-accent-green)}.drop-zone.has-image{border-color:#22c55e4d;border-style:solid}.drop-zone-placeholder{padding:var(--space-xl);pointer-events:none;text-align:center}.drop-icon{font-size:3rem;margin-bottom:var(--space-md)}.drop-text{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:var(--space-sm)}.drop-subtext{color:var(--color-text-muted);font-size:.75rem}.preview-image{height:100%;object-fit:cover;width:100%}.selected-file-info{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:8px;padding:.5rem 1rem}.file-size{color:var(--color-text-muted)}.analyze-btn{font-size:1rem;padding:1rem;width:100%}.results-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:var(--space-xl)}.results-placeholder{color:var(--color-text-muted);text-align:center}.results-placeholder-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.4}.results-loading{color:var(--color-text-secondary);text-align:center}.prediction-result{width:100%}.result-title{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:1.1rem;font-weight:700;margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.top-prediction{background:var(--gradient-card);border:1px solid #22c55e33;border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}.prediction-name{color:var(--color-accent-green);font-size:1.1rem;font-weight:700;margin-bottom:var(--space-md);text-transform:capitalize}.confidence-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500;margin-bottom:8px}.confidence-bar-bg{background:#ffffff14;border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.confidence-bar-fill{border-radius:var(--radius-full);height:100%;transition:width 1s ease}.all-predictions h3{color:var(--color-text-muted);font-size:.85rem;letter-spacing:.05em;margin-bottom:var(--space-md);text-transform:uppercase}.prediction-row{align-items:center;border-radius:var(--radius-sm);display:flex;gap:var(--space-md);padding:.6rem .75rem;transition:background var(--transition-fast)}.prediction-row:hover{background:#ffffff08}.pred-rank{color:var(--color-text-muted);flex-shrink:0;font-size:.75rem;width:24px}.pred-label{color:var(--color-text-secondary);flex:1 1;font-size:.875rem;text-transform:capitalize}.pred-score{color:var(--color-text-primary);font-size:.875rem;font-weight:600}@media (max-width:1024px){.dashboard-grid,.login-container,.predict-grid{grid-template-columns:1fr}.login-left{text-align:center}.weather-stats-grid{grid-template-columns:repeat(2,1fr)}.hourly-item,.precip-item{flex-basis:calc(20% - 6.4px);flex-grow:0;flex-shrink:0;max-width:calc(20% - 6.4px);min-width:calc(20% - 6.4px)}.daily-card{flex-basis:calc(50% - 6px);flex-grow:0;flex-shrink:0;max-width:calc(50% - 6px);min-width:calc(50% - 6px)}}@media (max-width:768px){.navbar{flex-wrap:wrap;gap:.5rem;height:auto;padding:0 var(--space-md);padding-bottom:.75rem;padding-top:.75rem}.navbar-links{justify-content:center;order:3;width:100%}.dashboard-main,.login-page,.predict-main{padding:var(--space-md)}.login-title{font-size:1.6rem}.dashboard-welcome{font-size:1.3rem}.weather-temp-big{font-size:3.5rem}.weather-stats-grid{grid-template-columns:repeat(2,1fr)}.hourly-item,.precip-item{flex-basis:calc(20% - 6.4px);flex-grow:0;flex-shrink:0;max-width:calc(20% - 6.4px);min-width:calc(20% - 6.4px)}.daily-card{flex-basis:calc(50% - 6px);flex-grow:0;flex-shrink:0;max-width:calc(50% - 6px);min-width:calc(50% - 6px)}}@media (max-width:480px){.weather-stats-grid{grid-template-columns:1fr 1fr}.user-name{display:none}.dashboard-header{align-items:flex-start;flex-direction:column}}.crop-selector-wrap{margin-bottom:1rem}.crop-selector-label{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem}.crop-optional{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:.78rem;font-weight:400}.crop-selector-dropdown{appearance:none;-webkit-appearance:none;background:#ffffff0f;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239ca3af'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.168l3.71-3.938a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.1rem;border:1px solid #ffffff1f;border-radius:10px;color:#f9fafb;color:var(--color-text-primary,#f9fafb);cursor:pointer;font-size:.9rem;padding:.55rem 2.5rem .55rem .9rem;transition:border-color .2s;width:100%}.crop-selector-dropdown:focus{border-color:#22c55e;border-color:var(--color-primary,#22c55e);box-shadow:0 0 0 2px #22c55e26;outline:none}.crop-selector-dropdown option{background:#1a2035;color:#f9fafb}.crop-used-badge{background:#22c55e1f;border:1px solid #22c55e4d;border-radius:999px;color:#4ade80;display:inline-block;font-size:.8rem;font-weight:500;margin-bottom:.75rem;padding:.25rem .75rem}.results-placeholder-sub{font-size:.78rem}.results-loading-sub,.results-placeholder-sub{color:#6b7280;color:var(--color-text-muted,#6b7280);margin-top:.3rem}.results-loading-sub{font-size:.82rem}