@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-main:#f0f4f1;--bg-white:#fff;--border-light:#d6e0d9;--border-medium:#b8c9bd;--green-900:#0a2e18;--green-800:#0d3d20;--green-700:#156030;--green-600:#1f7a3d;--green-500:#3b8c5a;--green-400:#4caf50;--green-200:#cce0d2;--green-100:#dff0e4;--green-50:#edf7ef;--text-dark:#0d1a11;--text-medium:#2a3d30;--text-muted:#485c4e;--text-light:#5e7365;--text-sidebar:#f0f7f2;--text-sidebar-muted:#b8d4c0;--text-sidebar-label:#9bbfa5;--blue:#1e5c9e;--blue-bg:#d1e4f5;--purple:#5c359e;--purple-bg:#e4d6f7;--amber:#a8630a;--amber-bg:#fae0c0;--teal:#166b5f;--teal-bg:#c5ede7;--red:#9e1a1a;--red-bg:#fad2d2;--sidebar-width:260px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body,#root{background:var(--bg-main);height:100%;color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:linear-gradient(180deg, var(--green-800) 0%, var(--green-900) 100%);z-index:100;flex-direction:column;flex-shrink:0;padding:1.4rem 1rem;transition:transform .3s;display:flex;overflow-y:auto;box-shadow:4px 0 20px #0000001a}.sidebar-brand{text-align:center;padding:.4rem 0 1.4rem}.sidebar-brand-icon{margin-bottom:.3rem;font-size:2.2rem}.sidebar-brand-name{color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.sidebar-brand-name span{color:var(--green-400)}.sidebar-brand-sub{color:var(--text-sidebar-muted);margin-top:3px;font-size:.85rem;font-weight:500}.sidebar-divider{border:none;border-top:1px solid #ffffff1f;margin:.7rem 0}.sidebar-nav{flex-direction:column;gap:4px;margin-bottom:.6rem;display:flex}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--text-sidebar);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{background:#ffffff1a;transform:translate(4px)}.sidebar-nav-item.active{background:var(--green-600);color:#fff;font-weight:700;box-shadow:0 4px 12px #1f7a3d66}.sidebar-nav-item .nav-icon{text-align:center;width:24px;font-size:1.15rem}.sidebar-info{margin-top:.6rem;padding:0 .5rem}.sidebar-info-title{color:#fff;margin-bottom:.9rem;font-size:1rem;font-weight:700}.sidebar-info-item{margin-bottom:.8rem}.sidebar-info-label{color:var(--text-sidebar-label);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.sidebar-info-value{color:#fff;margin-top:2px;font-size:.95rem;font-weight:600}.sidebar-info-value.accent{color:var(--green-400);font-size:1.05rem;font-weight:800}.sidebar-footer{background:#4caf501f;border:1px solid #4caf504d;border-radius:12px;margin-top:auto;padding:1.1rem .8rem}.sidebar-footer-label{color:var(--text-sidebar-label);font-size:.8rem;font-weight:600}.sidebar-footer-text{color:#fff;margin-top:3px;font-size:.9rem;font-weight:600}.sidebar-overlay{z-index:99;background:#0009;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}.mobile-header{z-index:50;background:var(--green-800);align-items:center;gap:14px;padding:14px 18px;display:none;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.hamburger-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.6rem;display:flex}.mobile-brand{color:#fff;font-size:1.2rem;font-weight:800}.mobile-brand span{color:var(--green-400)}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.main-content-inner{width:100%;padding:1.8rem 2.5rem 3.5rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:1.6rem;display:flex}.page-header-left{align-items:center;gap:16px;display:flex}.page-header-icon{filter:drop-shadow(0 4px 6px #0000001a);font-size:2.4rem}.page-header-title{color:var(--text-dark);letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.2}.page-header-subtitle{color:var(--text-muted);margin-top:4px;font-size:1.05rem;font-weight:500}.page-header-right{align-items:center;gap:12px;display:flex}.date-pill{background:var(--bg-white);border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-dark);align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #00000008}.btn-refresh{background:var(--bg-white);border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-dark);cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00000008}.btn-refresh:hover{background:var(--green-100);border-color:var(--green-600);color:var(--green-700);transform:translateY(-2px);box-shadow:0 4px 12px #1f7a3d26}.kpi-row{grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:2rem;display:grid}.kpi-card{background:var(--bg-white);border-radius:var(--radius-lg);border:1.5px solid var(--border-light);align-items:center;gap:16px;min-height:96px;padding:1.25rem 1.4rem;transition:all .25s;display:flex;box-shadow:0 4px 12px #0000000a}.kpi-card:hover{border-color:var(--border-medium);transform:translateY(-5px);box-shadow:0 12px 30px #0000001a}.kpi-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.5rem;display:flex;box-shadow:0 4px 10px #0000000f}.kpi-icon.green{background:var(--green-100);color:var(--green-700)}.kpi-icon.teal{background:var(--teal-bg);color:var(--teal)}.kpi-icon.purple{background:var(--purple-bg);color:var(--purple)}.kpi-icon.amber{background:var(--amber-bg);color:var(--amber)}.kpi-icon.blue{background:var(--blue-bg);color:var(--blue)}.kpi-content{flex:1;min-width:0}.kpi-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.8rem;font-weight:700}.kpi-value{color:var(--text-dark);letter-spacing:-.01em;font-size:1.7rem;font-weight:800;line-height:1.15}.kpi-sub{color:var(--text-muted);margin-top:4px;font-size:.85rem;font-weight:500}.main-grid{grid-template-columns:1.1fr .9fr;gap:24px;margin-bottom:2rem;display:grid}.section-card{background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-light);flex-direction:column;padding:1.8rem 2rem;transition:box-shadow .3s;display:flex;box-shadow:0 6px 16px #0000000a}.section-card:hover{box-shadow:0 12px 36px #00000014}.section-title{color:var(--text-dark);align-items:center;gap:12px;margin-bottom:1.4rem;font-size:1.25rem;font-weight:800;display:flex}.input-tabs{border-bottom:2px solid var(--border-medium);gap:8px;margin-bottom:1.6rem;display:flex;overflow-x:auto}.input-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:4px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 20px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.input-tab:hover{color:var(--green-700);background:var(--green-50);border-radius:8px 8px 0 0}.input-tab.active{color:var(--green-700);border-bottom-color:var(--green-600);background:var(--green-100);border-radius:8px 8px 0 0}.tab-content{animation:.25s fadeIn}.input-row{gap:18px;margin-bottom:18px;display:grid}.input-row.cols-2{grid-template-columns:1fr 1fr}.input-row.cols-3{grid-template-columns:1fr 1fr 1fr}.form-field{flex-direction:column;display:flex}.form-field label{color:var(--text-dark);margin-bottom:8px;font-size:.92rem;font-weight:700}.form-field input,.form-field select{border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-dark);background:#f8faf9;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:inset 0 2px 4px #00000005}.form-field input:hover,.form-field select:hover{background:var(--bg-white);border-color:var(--green-400)}.form-field input:focus,.form-field select:focus{background:var(--bg-white);border-color:var(--green-600);box-shadow:0 0 0 4px #1f7a3d26}.form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230a2e18' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.fertility-preview{align-items:center;gap:12px;margin-top:4px;display:flex}.fertility-preview-label{color:var(--text-dark);margin-bottom:8px;font-size:.92rem;font-weight:700}.fertility-value{background:var(--bg-white);border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-dark);flex:1;padding:12px 16px;font-size:1rem;font-weight:700;box-shadow:0 2px 6px #00000008}.fertility-badge{border-radius:var(--radius-sm);white-space:nowrap;letter-spacing:.03em;padding:10px 20px;font-size:.9rem;font-weight:800}.tab-helper{color:var(--text-dark);background:var(--green-50);border-radius:var(--radius-sm);border-left:4px solid var(--green-500);margin-bottom:20px;padding:12px 18px;font-size:.95rem;font-weight:500;line-height:1.6;box-shadow:0 2px 8px #1f7a3d14}.btn-predict{background:linear-gradient(135deg, var(--green-600) 0%, var(--green-700) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:24px;padding:16px 32px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 6px 18px #1f7a3d4d}.btn-predict:hover{background:linear-gradient(135deg, var(--green-700) 0%, #0a3819 100%);transform:translateY(-3px);box-shadow:0 10px 24px #1f7a3d66}.btn-predict:active{transform:translateY(0);box-shadow:0 2px 8px #1f7a3d4d}.btn-predict:disabled{opacity:.7;cursor:not-allowed;transform:none}.update-hint{text-align:center;color:var(--amber);margin-top:10px;font-size:.9rem;font-weight:700;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.result-section{flex-direction:column;gap:24px;display:flex}.predict-card{text-align:center;flex-direction:column;flex:1;align-items:center;padding:1rem 0;display:flex}.predict-label{color:var(--text-medium);margin-bottom:10px;font-size:1.1rem;font-weight:700}.predict-value-row{justify-content:center;align-items:center;gap:18px;margin:.5rem 0;display:flex}.predict-value{color:var(--green-700);text-shadow:0 4px 12px #1f7a3d26;font-size:4.8rem;font-weight:800;line-height:1}.predict-plant-icon{filter:drop-shadow(0 4px 8px #0000001a);font-size:3.5rem}.predict-unit{color:var(--text-medium);margin-bottom:1.5rem;font-size:1.15rem;font-weight:700}.predict-badge{border-radius:var(--radius-xl);letter-spacing:.05em;margin-bottom:1.8rem;padding:12px 28px;font-size:.95rem;font-weight:800;display:inline-block;box-shadow:0 4px 12px #0000000f}.predict-badge.high{background:var(--green-100);color:var(--green-800);border:1.5px solid var(--green-400)}.predict-badge.normal{background:var(--amber-bg);color:var(--amber);border:1.5px solid var(--amber)}.predict-badge.low{background:var(--red-bg);color:var(--red);border:1.5px solid var(--red)}.compare-box{background:var(--green-50);border:1.5px solid var(--green-200);border-radius:16px;width:100%;margin-top:.5rem;padding:1.4rem 1.8rem;box-shadow:inset 0 2px 10px #00000005}.compare-label{color:var(--text-muted);font-size:.95rem;font-weight:700}.compare-value{color:var(--green-700);margin:.4rem 0;font-size:2rem;font-weight:800}.compare-value.negative{color:var(--red)}.compare-sub{color:var(--text-muted);font-size:.9rem;font-weight:600}.confidence-row{color:var(--text-dark);justify-content:space-between;align-items:center;width:100%;margin-top:1.8rem;font-size:1rem;font-weight:700;display:flex}.confidence-value{color:var(--green-700);font-size:1.1rem;font-weight:800}.confidence-bar{background:var(--border-medium);border-radius:6px;width:100%;height:12px;margin-top:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.confidence-bar-fill{background:linear-gradient(90deg, var(--green-600), var(--green-400));border-radius:6px;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1)}.chart-card{background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:1.8rem 2rem;transition:box-shadow .3s;box-shadow:0 6px 16px #0000000a}.chart-card:hover{box-shadow:0 12px 36px #00000014}.chart-controls{align-items:center;gap:16px;margin-bottom:16px;display:flex}.chart-control-group{flex-direction:column;gap:4px;display:flex}.chart-control-label{color:var(--text-dark);font-size:.85rem;font-weight:700}.chart-control-select{border:1.5px solid var(--border-medium);color:var(--text-dark);background:var(--bg-white);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230a2e18' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:8px 32px 8px 14px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.chart-summary{background:var(--green-50);border:1.5px solid var(--green-200);border-radius:var(--radius-sm);color:var(--text-dark);margin-top:16px;padding:14px 20px;font-size:.95rem;font-weight:600}.chart-summary b{color:var(--green-700);font-weight:800}.gauges-row{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:2rem;display:grid}.gauge-card{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);text-align:center;padding:1.8rem 1.4rem;transition:all .3s;box-shadow:0 4px 14px #0000000d}.gauge-card:hover{border-color:var(--green-400);transform:translateY(-6px);box-shadow:0 16px 40px #0000001f}.gauge-card-title{color:var(--text-dark);justify-content:center;align-items:center;gap:8px;margin-bottom:1rem;font-size:1.05rem;font-weight:800;display:flex}.gauge-circle{width:140px;height:140px;margin:0 auto;position:relative}.gauge-circle svg{filter:drop-shadow(0 4px 6px #0000000f);transform:rotate(-90deg)}.gauge-center-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge-score-value{color:var(--text-dark);font-size:2.2rem;font-weight:800;line-height:1}.gauge-score-max{color:var(--text-muted);font-size:.9rem;font-weight:600}.gauge-rating{margin-top:.8rem;font-size:1.1rem;font-weight:800}.gauge-desc{color:var(--text-medium);margin-top:.5rem;font-size:.9rem;font-weight:500;line-height:1.5}.recs-card{background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:1.8rem 2rem;position:relative;overflow:hidden;box-shadow:0 6px 16px #0000000a}.recs-card:hover{box-shadow:0 12px 36px #00000014}.recs-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.rec-item{background:var(--bg-main);border-radius:var(--radius-md);border:1px solid var(--border-light);align-items:flex-start;gap:16px;padding:12px;transition:transform .2s;display:flex}.rec-item:hover{border-color:var(--green-200);transform:translateY(-3px);box-shadow:0 6px 12px #0000000d}.rec-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 8px #00000014}.rec-icon.ok{background:var(--green-100);color:var(--green-700)}.rec-icon.warn{background:var(--amber-bg);color:var(--amber)}.rec-icon.info{background:var(--blue-bg);color:var(--blue)}.rec-title{margin-bottom:4px;font-size:1.05rem;font-weight:700}.rec-title.ok{color:var(--green-800)}.rec-title.warn{color:var(--amber)}.rec-title.info{color:var(--blue)}.rec-desc{color:var(--text-medium);font-size:.95rem;font-weight:500;line-height:1.5}.recs-farmer{opacity:.95;pointer-events:none;filter:drop-shadow(0 8px 16px #00000026);width:150px;position:absolute;bottom:-10px;right:16px}.empty-state{color:var(--text-medium);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:4rem 1rem;display:flex}.empty-state-icon{filter:drop-shadow(0 4px 6px #0000001a);margin-bottom:8px;font-size:3.5rem}.empty-state-text{font-size:1.15rem;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.2,.8,.2,1) forwards fadeInUp}.fade-in-delay-1{opacity:0;animation-delay:50ms}.fade-in-delay-2{opacity:0;animation-delay:.1s}.fade-in-delay-3{opacity:0;animation-delay:.15s}.fade-in-delay-4{opacity:0;animation-delay:.2s}.fade-in-delay-5{opacity:0;animation-delay:.25s}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:var(--border-medium);border:2px solid var(--bg-main);border-radius:4px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@media (width<=1400px){.main-grid{grid-template-columns:1fr 1fr}}@media (width<=1200px){:root{--sidebar-width:240px}.kpi-row{grid-template-columns:repeat(3,1fr)}.gauges-row{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.sidebar{z-index:1000;width:280px;min-width:280px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{z-index:999;display:block}.mobile-header{display:flex}.main-content-inner{padding:1.4rem 1.6rem 2.5rem}.page-header{flex-direction:column}.kpi-row{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.gauges-row{grid-template-columns:repeat(2,1fr)}.recs-farmer{display:none}}@media (width<=600px){html{font-size:15px}.main-content-inner{padding:1rem 1.2rem 2.5rem}.kpi-row{grid-template-columns:1fr 1fr;gap:12px}.kpi-card{min-height:80px;padding:1rem 1.1rem}.kpi-icon{width:44px;height:44px;font-size:1.2rem}.kpi-value{font-size:1.4rem}.section-card{padding:1.2rem 1.4rem}.section-title{font-size:1.1rem}.input-tabs{gap:4px}.input-tab{padding:10px 14px;font-size:.88rem}.input-row.cols-2,.input-row.cols-3{grid-template-columns:1fr}.predict-value{font-size:3.5rem}.predict-plant-icon{font-size:2.5rem}.gauges-row{grid-template-columns:1fr 1fr;gap:12px}.gauge-circle{width:110px;height:110px}.gauge-score-value{font-size:1.7rem}.recs-grid{grid-template-columns:1fr}.page-header-title{font-size:1.6rem}.page-header-right{width:100%}.date-pill{flex:1;justify-content:center}}