:root{--gradient-hero:linear-gradient(135deg,#f8fafc,#f1f5f9);--gradient-card:linear-gradient(135deg,#fff,#f9fafb);--bg-not-started:#fef3c7;--bg-in-progress:#fef9c3;--bg-near-premium:#d1fae5;--bg-premium-eligible:#a7f3d0;--shadow-card-rest:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-card-hover:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-card-active:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:150ms;--transition-normal:200ms;--transition-slow:300ms;--easing-smooth:cubic-bezier(0.4,0,0.2,1);--stagger-delay:50ms}.hero-section{margin-bottom:1.5rem}.hero-section-background{background:var(--gradient-hero);border:1px solid #e2e8f0}.hero-card-wrapper{transition:transform var(--transition-normal) var(--easing-smooth);display:flex;flex-direction:column}.hero-card-wrapper:hover{transform:translateY(-2px)}.hero-card-wrapper>div{box-shadow:var(--shadow-card-rest);transition:box-shadow var(--transition-normal) var(--easing-smooth);flex:1;display:flex;flex-direction:column}.hero-card-wrapper:hover>div{box-shadow:var(--shadow-card-hover)}.hero-card-wrapper:active>div{box-shadow:var(--shadow-card-active)}.hero-card-wrapper>div>*{flex-shrink:0}.farmer-dashboard .bg-white.rounded-lg.shadow-sm{display:flex;flex-direction:column}.farmer-dashboard button{min-height:40px}.tabular-nums{font-variant-numeric:tabular-nums}.card-gradient{background:var(--gradient-card)}.progress-bg-not-started{background-color:var(--bg-not-started)}.progress-bg-in-progress{background-color:var(--bg-in-progress)}.progress-bg-near-premium{background-color:var(--bg-near-premium)}.progress-bg-premium-eligible{background-color:var(--bg-premium-eligible)}.hero-card-title{font-size:.875rem;font-weight:500;color:#6b7280;letter-spacing:.025em}.hero-card-value{font-size:2.25rem;font-weight:700;color:#111827}.hero-card-unit{font-size:.875rem;font-weight:400;color:#6b7280}.status-premium{color:#10b981}.status-near-premium{color:#f59e0b}.status-improvement-needed{color:#ef4444}.status-bg-premium{background-color:#d1fae5}.status-bg-near-premium{background-color:#fef3c7}.status-bg-improvement-needed{background-color:#fee2e2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out forwards}.hero-card-wrapper{animation:fadeInUp var(--transition-slow) ease-out forwards}.hero-card-wrapper:first-child{animation-delay:0ms}.hero-card-wrapper:nth-child(2){animation-delay:calc(var(--stagger-delay) * 1.5)}.hero-card-wrapper:nth-child(3){animation-delay:calc(var(--stagger-delay) * 3)}.hero-card-wrapper:nth-child(4){animation-delay:calc(var(--stagger-delay) * 4.5)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-pulse{animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-shimmer{position:relative;overflow:hidden;background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%}.skeleton-shimmer:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);animation:skeleton-shimmer 1.5s infinite}.skeleton-base{background-color:#e5e7eb;border-radius:.375rem}.skeleton-card{background-color:#f3f4f6;border-radius:.5rem;padding:1.5rem}.skeleton-text{height:1rem;background-color:#e5e7eb;border-radius:.25rem}.skeleton-text-sm{height:.75rem}.skeleton-text-lg{height:1.5rem}.skeleton-text-xl{height:2rem}.skeleton-circle{border-radius:50%;background-color:#e5e7eb}@keyframes progress-fill{0%{width:0}}.progress-animated{animation:progress-fill .5s ease-out forwards}@media (prefers-reduced-motion:reduce){.collapsible-content,.collapsible-section svg,.hero-card-wrapper,.hero-card-wrapper>div,.progress-animated,.skeleton-pulse,.skeleton-shimmer:after,.table-row-animated{animation:none!important;transition:none!important}.hero-card-wrapper:hover{transform:none}.hero-card-wrapper{opacity:1}.skeleton-shimmer:after{display:none}}.farmer-dashboard{font-size:1rem;line-height:1.5}.farmer-dashboard label,.farmer-dashboard p,.farmer-dashboard span{font-size:max(1rem,16px)}@media (max-width:767px){.hero-section{margin-bottom:1rem}.hero-section-background{padding:.5rem;border-radius:.5rem}.hero-card-wrapper:hover{transform:none}.farmer-dashboard-grid{grid-template-columns:1fr;gap:1rem}.farmer-dashboard-main,.farmer-dashboard-sidebar{grid-column:span 1}.farmer-dashboard [role=button],.farmer-dashboard a.btn,.farmer-dashboard button{min-height:44px;min-width:44px}.farmer-dashboard-modal{margin:.5rem;max-height:calc(100vh - 1rem);width:calc(100% - 1rem)}.farmer-dashboard h1{font-size:1.5rem}.farmer-dashboard h2{font-size:1.25rem}.farmer-dashboard h3{font-size:1.125rem}.hero-card-value{font-size:1.75rem}.farmer-dashboard-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.farmer-dashboard-card{padding:1rem}.hero-card-wrapper{margin-bottom:0}}@media (max-width:479px){.hero-section-background{padding:.375rem}.hero-card-wrapper>div{padding:1rem}}@media (min-width:768px) and (max-width:1199px){.hero-section-background{padding:.75rem}.farmer-dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.farmer-dashboard-main{grid-column:span 2}.farmer-dashboard-sidebar{grid-column:span 2;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.farmer-dashboard-stats{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (min-width:1200px){.hero-section-background{padding:1rem;border-radius:.75rem}.farmer-dashboard-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.farmer-dashboard-main{grid-column:span 2}.farmer-dashboard-sidebar{grid-column:span 1}.farmer-dashboard-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (min-width:1440px){.farmer-dashboard-grid{gap:2.5rem}.hero-section-background{padding:1.25rem}}.table-row-animated{animation:fadeInUp var(--transition-normal) ease-out forwards;animation-delay:calc(var(--row-index, 0) * var(--stagger-delay));opacity:0}.table-row-stagger-1{animation-delay:calc(var(--stagger-delay) * 1)}.table-row-stagger-2{animation-delay:calc(var(--stagger-delay) * 2)}.table-row-stagger-3{animation-delay:calc(var(--stagger-delay) * 3)}.table-row-stagger-4{animation-delay:calc(var(--stagger-delay) * 4)}.table-row-stagger-5{animation-delay:calc(var(--stagger-delay) * 5)}.table-row-stagger-6{animation-delay:calc(var(--stagger-delay) * 6)}.table-row-stagger-7{animation-delay:calc(var(--stagger-delay) * 7)}.table-row-stagger-8{animation-delay:calc(var(--stagger-delay) * 8)}.table-row-stagger-9{animation-delay:calc(var(--stagger-delay) * 9)}.table-row-stagger-10{animation-delay:calc(var(--stagger-delay) * 10)}.table-row-hover{transition:background-color var(--transition-fast) var(--easing-smooth)}.table-row-hover:hover{background-color:#f9fafb}.collapsible-section{transition:box-shadow .2s ease-in-out}.collapsible-section:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.collapsible-content{transition:height .3s ease-in-out,opacity .2s ease-in-out;overflow:hidden}.collapsible-content.collapsed{max-height:0;opacity:0}.collapsible-content.expanded{max-height:2000px;opacity:1}.collapsible-section svg{transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.collapsible-content,.collapsible-section,.collapsible-section svg{transition:none}}.hero-card-wrapper:focus-within>div{outline:2px solid #10b981;outline-offset:2px;box-shadow:0 0 0 4px rgba(16,185,129,.2)}.farmer-dashboard button:focus-visible,.hero-section button:focus-visible{outline:2px solid #10b981;outline-offset:2px;box-shadow:0 0 0 4px rgba(16,185,129,.2)}.farmer-dashboard a:focus-visible{outline:2px solid #10b981;outline-offset:2px;border-radius:.25rem}.farmer-dashboard [role=button]:focus-visible,.farmer-dashboard [tabindex="0"]:focus-visible{outline:2px solid #10b981;outline-offset:2px}.collapsible-section button:focus-visible{outline:2px solid #10b981;outline-offset:-2px;border-radius:.5rem .5rem 0 0;box-shadow:inset 0 0 0 2px rgba(16,185,129,.2)}.farmer-dashboard [role=progressbar]:focus-visible{outline:2px solid #10b981;outline-offset:2px}.farmer-dashboard .time-range-selector button:focus-visible{outline:2px solid #10b981;outline-offset:1px;border-radius:.375rem}.farmer-dashboard .skip-link{position:absolute;top:-40px;left:0;background:#10b981;color:#fff;padding:8px 16px;z-index:100;border-radius:0 0 .5rem 0;font-weight:500;transition:top .2s ease}.farmer-dashboard .skip-link:focus{top:0}@media (prefers-contrast:high){.collapsible-section button:focus-visible,.farmer-dashboard a:focus-visible,.farmer-dashboard button:focus-visible,.hero-card-wrapper:focus-within>div{outline:3px solid #000;outline-offset:3px;box-shadow:none}}@media print{.hero-section-background{background:#fff;border:1px solid #e5e7eb}.hero-card-wrapper{animation:none;-moz-column-break-inside:avoid;break-inside:avoid}}