:root{--color-primary:#1565c0;--color-primary-light:#1e88e5;--color-primary-dark:#0d47a1;--color-primary-bg:#1565c00f;--color-primary-bg-hover:#1565c01f;--color-accent:#00acc1;--color-accent-light:#26c6da;--color-accent-bg:#00acc114;--color-text-primary:#1a1a2e;--color-text-secondary:#546e7a;--color-text-tertiary:#90a4ae;--color-text-inverse:#fff;--color-bg-base:#f0f2f5;--color-bg-elevated:#fff;--color-bg-sunken:#e3e7ed;--color-border:#dde2e8;--color-border-light:#e8ecf0;--color-divider:#f0f2f5;--color-success:#2e7d32;--color-warning:#ef6c00;--color-danger:#c62828;--color-info:#1565c0;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000012;--shadow-md:0 4px 14px #00000012, 0 2px 6px #0000000a;--shadow-lg:0 14px 44px #0000001a, 0 5px 14px #0000000d;--shadow-card:0 2px 8px #1565c00d;--shadow-card-hover:0 8px 28px #1565c01a;--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-hero-bg:linear-gradient(160deg, #0d47a1 0%, #1565c0 40%, #1976d2 70%, #1e88e5 100%);--dark-base:#0a0e0a;--dark-elevated:#11160f;--dark-panel:#0e1409;--dark-border:#a3e6351a;--dark-border-strong:#a3e63538;--dark-text:#f2f4ef;--dark-text-dim:#f2f4ef9e;--dark-text-faint:#f2f4ef66;--agri-green:#a3e635;--agri-green-soft:#84cc16;--agri-green-glow:#a3e63573;--agri-green-bg:#a3e63514;--earth-amber:#f59e0b;--earth-amber-dim:#f59e0b2e;--login-shadow-glow:0 0 0 1px #a3e63524, 0 24px 80px -20px #000000bf}@keyframes loginGridDrift{0%{transform:translate(0,0)}to{transform:translate(48px,48px)}}@keyframes loginPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}@keyframes loginSignal{0%{opacity:0;transform:scale(.6)}40%{opacity:.7}to{opacity:0;transform:scale(2.4)}}@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{box-sizing:border-box;margin:0;padding:0}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-user-trigger{border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;padding:4px 10px;display:flex}.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}.stat-card{background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);cursor:default;transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);padding:22px 24px;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-card__shimmer{pointer-events:none;background:linear-gradient(90deg,#0000,#00000008,#0000);animation:1.5s infinite skeleton-shimmer;position:absolute;inset:0}.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{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-card__title{color:var(--color-text-primary);font-size:15px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}