:root{--color-primary: #2E7D32;--color-primary-light: #4CAF50;--color-primary-dark: #1B5E20;--color-primary-bg: rgba(46, 125, 50, .06);--color-primary-bg-hover: rgba(46, 125, 50, .12);--color-accent: #FF8F00;--color-accent-light: #FFB300;--color-accent-bg: rgba(255, 143, 0, .08);--color-text-primary: #1A1A1A;--color-text-secondary: #5F6368;--color-text-tertiary: #9AA0A6;--color-text-inverse: #FFFFFF;--color-bg-base: #F5F7F6;--color-bg-elevated: #FFFFFF;--color-bg-sunken: #E8EDEA;--color-border: #E0E5E2;--color-border-light: #EEF1EF;--color-divider: #F0F2F1;--color-success: #43A047;--color-warning: #FB8C00;--color-danger: #E53935;--color-info: #1E88E5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-card: 0 2px 8px rgba(46, 125, 50, .06);--shadow-card-hover: 0 8px 24px rgba(46, 125, 50, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--login-gradient-start: #E8F5E9;--login-gradient-mid: #C8E6C9;--login-gradient-end: #A5D6A7;--login-panel-bg: #FFFFFF;--login-hero-bg: linear-gradient(160deg, #1B5E20 0%, #2E7D32 40%, #388E3C 70%, #43A047 100%);--dark-base: #0A0E0A;--dark-elevated: #11160F;--dark-panel: #0E1409;--dark-border: rgba(163, 230, 53, .1);--dark-border-strong: rgba(163, 230, 53, .22);--dark-text: #F2F4EF;--dark-text-dim: rgba(242, 244, 239, .62);--dark-text-faint: rgba(242, 244, 239, .4);--agri-green: #A3E635;--agri-green-soft: #84CC16;--agri-green-glow: rgba(163, 230, 53, .45);--agri-green-bg: rgba(163, 230, 53, .08);--earth-amber: #F59E0B;--earth-amber-dim: rgba(245, 158, 11, .18);--login-shadow-glow: 0 0 0 1px rgba(163, 230, 53, .14), 0 24px 80px -20px rgba(0, 0, 0, .75)}@keyframes loginGridDrift{0%{transform:translateZ(0)}to{transform:translate3d(48px,48px,0)}}@keyframes loginPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}@keyframes loginSignal{0%{transform:scale(.6);opacity:0}40%{opacity:.7}to{transform:scale(2.4);opacity:0}}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes loginBarGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.login-anim-up{animation:loginFadeUp .7s var(--ease-out) both}.login-anim-d1{animation-delay:80ms}.login-anim-d2{animation-delay:.18s}.login-anim-d3{animation-delay:.28s}.login-anim-d4{animation-delay:.38s}.login-anim-d5{animation-delay:.48s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-base);line-height:1.6}#root{min-height:100vh}.surface-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-normal) var(--ease-out)}.surface-card:hover{box-shadow:var(--shadow-card-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-delay-1{animation-delay:80ms}.animate-delay-2{animation-delay:.16s}.animate-delay-3{animation-delay:.24s}.animate-delay-4{animation-delay:.32s}.app-logo{height:64px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--color-divider)}.app-logo--collapsed{justify-content:center;padding:0}.app-logo__mark{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-logo__name{font-size:15px;font-weight:700;color:var(--color-text-primary);white-space:nowrap}.app-collapse-toggle{height:48px;width:100%;display:flex;align-items:center;justify-content:center;border:none;border-top:1px solid var(--color-divider);background:transparent;cursor:pointer;color:var(--color-text-secondary);font-size:16px;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.app-collapse-toggle:hover{color:var(--color-primary);background:var(--color-primary-bg)}.app-collapse-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.app-user-trigger{display:flex;align-items:center;gap:10px;padding:4px 10px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.app-user-trigger:hover{background:var(--color-bg-sunken)}.app-user-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-user-trigger__avatar{background:var(--color-primary)!important}.app-user-trigger__name{font-size:14px;color:var(--color-text-primary);font-weight:500}.stat-card{background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:22px 24px;position:relative;overflow:hidden;cursor:default;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.stat-card__trend{margin-top:4px;font-size:12px;display:flex;align-items:center;gap:2px}.stat-card__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.03),transparent);animation:skeleton-shimmer 1.5s infinite;pointer-events:none}.chart-card{background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:20px 24px}.chart-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-card__title{font-size:15px;color:var(--color-text-primary)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}}.quick-range-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}