:root{--color-primary-50: #f0f9f0;--color-primary-100: #dcf2dc;--color-primary-500: #2E7D32;--color-primary-600: #246628;--color-primary-700: #1f5322;--color-secondary-50: #fff7ed;--color-secondary-100: #ffedd5;--color-secondary-500: #FF7900;--color-secondary-600: #ea580c;--color-accent: #FFB300;--color-success: #2E7D32;--color-warning: #FFB300;--color-error: #d32f2f;--color-info: #1565C0;--color-white: #FFFFFF;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.role-selector{min-height:100dvh;background:linear-gradient(160deg,var(--color-primary-700) 0%,var(--color-primary-600) 55%,#1a6b2e 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);padding-top:max(var(--spacing-lg),env(safe-area-inset-top));padding-bottom:max(var(--spacing-lg),env(safe-area-inset-bottom))}.role-selector-content{width:100%;max-width:420px}.role-selector-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:var(--spacing-md);padding:0 var(--spacing-xs)}.role-toolbar-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:#fff3;color:var(--color-white);border:1px solid rgba(255,255,255,.3);cursor:pointer;-webkit-tap-highlight-color:transparent}.role-toolbar-btn:hover{background:#ffffff4d}.role-toolbar-lang{display:flex;gap:2px;background:#ffffff26;border-radius:var(--radius-md);padding:4px;border:1px solid rgba(255,255,255,.25)}.role-lang-btn{padding:6px 14px;border:none;border-radius:6px;background:transparent;color:#ffffffd9;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.role-lang-btn.role-lang-active{background:#fffffff2;color:var(--color-primary-700)}.role-selector-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--spacing-xl);gap:16px}.rs-logo-lockup{display:flex;align-items:center;gap:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:8px 14px 8px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rs-logo-img{width:40px;height:40px;object-fit:contain;border-radius:10px;background:#ffffff26;padding:3px}.rs-logo-text{display:flex;flex-direction:column;align-items:flex-start}.rs-brand-name{font-size:1rem;font-weight:800;color:var(--color-white);letter-spacing:-.3px;line-height:1.1}.rs-brand-sup{font-size:.75em;vertical-align:super;line-height:1}.rs-tagline{font-size:.65rem;color:#ffffffd9;font-weight:500;letter-spacing:.03em;margin-top:1px}.rs-tagline-by{font-size:.6rem;color:#ffffffa6;font-weight:400}.role-selector-subtitle{font-size:var(--font-size-sm);color:#ffffffbf;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.role-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.role-button{width:100%;background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:none;display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);min-height:80px;text-align:left}.role-button:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.role-button-icon-wrapper{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-50)}.role-button-ermits .role-button-icon-wrapper{background-color:var(--color-primary-50);color:var(--color-primary-600)}.role-button-coop .role-button-icon-wrapper{background-color:var(--color-secondary-50);color:var(--color-secondary-600)}.role-button-farmer .role-button-icon-wrapper{background-color:#2e7d321a;color:var(--color-primary-600)}.role-button-icon{width:24px;height:24px}.role-button-content{flex:1;min-width:0}.role-button-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.role-button-desc{font-size:.8125rem;color:var(--color-gray-600);line-height:1.25}.role-button-arrow{width:20px;height:20px;color:var(--color-gray-400);flex-shrink:0}.role-selector-platform-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:#ffffffe6;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent}.role-selector-platform-link:hover{background:#ffffff1a;color:var(--color-white)}.role-selector-platform-icon{width:16px;height:16px}.dashboard-container{min-height:100dvh;background-color:var(--color-gray-50);display:flex;flex-direction:column;width:100%}header{width:100%;padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top));padding-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);color:var(--color-white);box-shadow:var(--shadow-md);min-height:62px;position:sticky;top:0;z-index:50;box-sizing:border-box}.header-ermits{background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-600) 100%)}.header-coop{background:linear-gradient(135deg,#c2410c 0%,var(--color-secondary-500) 100%)}.header-farmer{background:linear-gradient(135deg,var(--color-primary-600) 0%,#3a9f40 100%)}.header-back-btn{left:unset;top:unset}.header-brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.header-brand-logo{width:48px;height:48px;object-fit:contain;object-position:center;border-radius:10px;background:#fff3;padding:4px;flex-shrink:0;display:block;vertical-align:middle}.header-brand-text{display:flex;flex-direction:column;min-width:0}.header-brand-name{font-size:1.05rem;font-weight:800;color:var(--color-white);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-brand-tagline{font-size:.7rem;color:#ffffffe6;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-brand-sub{font-size:.68rem;color:#ffffffc7;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-brand-three-lines .header-brand-name{font-size:1.12rem}.header-brand-three-lines .header-brand-tagline{display:block}.header-content{flex:1;min-width:0}.header-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-white);margin:0 0 2px;letter-spacing:-.3px}.header-subtitle{font-size:var(--font-size-xs);color:#ffffffd9;margin:0;font-weight:500}.header-badge{display:flex;align-items:center;gap:var(--spacing-xs);background-color:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 10px;border-radius:var(--radius-md);font-size:.68rem;font-weight:600;color:var(--color-white);border:1px solid rgba(255,255,255,.3);white-space:nowrap}.badge-success{background-color:#2e7d3259}.header-badge-icon{width:12px;height:12px}.live-badge-bar{display:flex;align-items:center;justify-content:flex-start;padding:4px var(--spacing-lg);padding-bottom:6px;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}html.dark .live-badge-bar{background:var(--color-gray-100);border-bottom-color:var(--color-gray-200)}.live-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:600;color:var(--color-primary-700);background:#2e7d321f;border:1px solid rgba(46,125,50,.25);white-space:nowrap}.live-badge-icon{width:8px;height:8px;color:var(--color-success)}.header-actions-row{display:flex;align-items:center;gap:4px}.header-icon-btn{min-width:32px;min-height:32px;width:32px;height:32px;border-radius:var(--radius-md);background:#fff3;border:none;color:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.header-icon-btn:hover{background:#ffffff4d}.header-lang-row{display:flex;align-items:center}.header-lang-btn{min-width:44px;height:36px;padding:0 12px;border:none;border-radius:6px;background:#fff3;color:#fffffff2;font-size:.75rem;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.header-lang-btn:hover{background:#ffffff4d}.header-lang-btn.active{background:#fffffff2;color:var(--color-primary-700)}.header-lang-btn-icon{min-width:32px;min-height:32px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.header-action-btn{width:40px;height:40px;border-radius:50%;background-color:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:var(--color-white);cursor:pointer;transition:all .18s ease;flex-shrink:0}.header-action-btn:hover{background-color:#ffffff47}.header-action-btn:active{transform:scale(.95)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:var(--color-white);border-top:1px solid var(--color-gray-200);box-shadow:0 -4px 20px #00000014;z-index:100}.bnav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;padding:6px 4px;cursor:pointer;color:var(--color-gray-400);transition:color .15s ease;-webkit-tap-highlight-color:transparent;position:relative;min-width:0}.bnav-tab:active{transform:scale(.9)}.bnav-tab.bnav-tab-active{color:var(--color-primary-600)}.bnav-tab.bnav-tab-active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:var(--color-primary-600);border-radius:0 0 4px 4px}.bnav-coop .bnav-tab.bnav-tab-active{color:var(--color-secondary-500)}.bnav-coop .bnav-tab.bnav-tab-active:before{background:var(--color-secondary-500)}.bnav-icon{width:22px;height:22px;flex-shrink:0}.bnav-label{font-size:.62rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.tab-bar{display:flex;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);overflow-x:auto}.tab{flex:1;min-width:80px;padding:var(--spacing-md) var(--spacing-sm);text-align:center;background:none;border:none;border-bottom:3px solid transparent;font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-600);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-height:64px}.tab-active{border-bottom-color:var(--color-primary-600);color:var(--color-primary-600)}.tab-icon{width:20px;height:20px}.farmer-nav{display:flex;background-color:var(--color-white);padding:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200);gap:var(--spacing-xs)}.farmer-tab{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-md);background:none;border:none;cursor:pointer;transition:all .2s ease;min-height:70px;gap:var(--spacing-xs)}.farmer-tab-active{background-color:var(--color-primary-50);color:var(--color-primary-600)}.farmer-tab-icon{width:24px;height:24px}.farmer-tab-label{font-size:var(--font-size-xs);font-weight:600;color:inherit}.dashboard-content{flex:1;padding:var(--spacing-md);overflow-y:auto;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.metric-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all .2s ease}.metric-card:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.metric-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.metric-icon{width:20px;height:20px;color:inherit}.metric-primary{border-left:4px solid var(--color-primary-600)}.metric-primary .metric-icon{color:var(--color-primary-600)}.metric-success{border-left:4px solid var(--color-success)}.metric-success .metric-icon{color:var(--color-success)}.metric-info{border-left:4px solid var(--color-info)}.metric-info .metric-icon{color:var(--color-info)}.metric-warning{border-left:4px solid var(--color-warning)}.metric-warning .metric-icon{color:var(--color-warning)}.metric-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--spacing-xs);letter-spacing:-.5px}.metric-trend{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:500}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-error)}.section-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gray-900);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.section-title-icon{width:20px;height:20px;color:var(--color-primary-600)}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-primary-600);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:none;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.btn-primary:active{background-color:var(--color-primary-700);transform:scale(.98)}.btn-primary.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);min-height:36px}.btn-icon{width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-gray-700)}.btn-icon:active{background-color:var(--color-gray-200);transform:scale(.95)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.status-compliant{background-color:var(--color-primary-50);color:var(--color-primary-700)}.status-warning{background-color:#ffb3001a;color:#b8860b}.status-good{background-color:#2e7d321a;color:var(--color-success)}.status-excellent{background-color:var(--color-primary-50);color:var(--color-primary-700)}.status-active{background-color:var(--color-info);color:var(--color-white)}.status-completed{background-color:var(--color-success);color:var(--color-white)}.status-pending{background-color:var(--color-gray-200);color:var(--color-gray-700)}.status-in_progress{background-color:var(--color-warning);color:var(--color-white)}.cooperative-list,.member-list,.assessment-list,.training-list,.declaration-list,.remediation-list,.alert-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.coop-card,.member-card,.assessment-item,.training-item,.declaration-item,.remediation-item,.alert-card{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all .2s ease}.coop-card:active,.member-card:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.coop-header,.member-card{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.coop-info,.member-info{flex:1;min-width:0}.coop-name,.member-name{font-size:var(--font-size-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.coop-meta,.member-details{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-600)}.coop-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-600)}.coop-stat{display:flex;align-items:center;gap:var(--spacing-xs)}.coop-action,.member-action{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;padding:var(--spacing-xs);min-height:44px}.search-bar{margin-bottom:var(--spacing-md)}.search-input{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-gray-300);font-size:var(--font-size-base);font-family:var(--font-sans);background-color:var(--color-white);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px #2e7d321a}.overview-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.overview-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.overview-stat-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:500}.overview-stat-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gray-900)}.compliance-metrics{display:flex;flex-direction:column;gap:var(--spacing-md)}.compliance-metric{padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.compliance-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.compliance-metric-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700)}.compliance-metric-value{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.compliance-metric-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.compliance-status-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.status-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);border-left:4px solid}.status-card.status-good{border-left-color:var(--color-success)}.status-card.status-excellent{border-left-color:var(--color-primary-600)}.status-icon{width:32px;height:32px;color:var(--color-primary-600);flex-shrink:0}.status-content{flex:1}.status-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-xs)}.status-value{font-size:var(--font-size-xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.status-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500)}.assessment-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.assessment-info{flex:1;min-width:0}.assessment-coop,.assessment-date{font-size:var(--font-size-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.assessment-assessor{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-sm)}.assessment-meta,.assessment-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-600)}.assessment-detail{display:flex;align-items:center;gap:var(--spacing-xs)}.assessment-scores,.assessment-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.score-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;background-color:var(--color-primary-50);color:var(--color-primary-700)}.score-good{background-color:var(--color-primary-50);color:var(--color-primary-700)}.violation-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;background-color:#d32f2f1a;color:var(--color-error)}.remediation-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.remediation-info{flex:1;min-width:0}.remediation-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.remediation-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-600);flex-wrap:wrap}.remediation-separator{color:var(--color-gray-400)}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);cursor:pointer;transition:all .2s ease;min-height:100px}.action-card:active{background-color:var(--color-gray-200);transform:scale(.98)}.action-icon{width:32px;height:32px;color:var(--color-primary-600)}.action-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700);text-align:center}.training-card{padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-md)}.training-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.training-card-icon{width:24px;height:24px;color:var(--color-primary-600)}.training-card-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.training-card-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-md);line-height:1.5}.training-card-footer{display:flex;justify-content:space-between;align-items:center}.training-card-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray-500)}.impact-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.impact-metric{text-align:center;padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.impact-metric-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--spacing-xs);font-weight:500}.impact-metric-value{font-size:var(--font-size-xl);font-weight:800;color:var(--color-gray-900)}.farmer-home-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.welcome-card{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg);color:var(--color-white);text-align:center}.welcome-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs)}.welcome-subtitle{font-size:var(--font-size-sm);opacity:.9}.farmer-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.farmer-stat{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.farmer-stat-icon{width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--color-primary-50);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.farmer-stat-content{flex:1}.farmer-stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.farmer-stat-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gray-900)}.help-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.help-action-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);cursor:pointer;transition:all .2s ease;text-align:left;min-height:70px}.help-action-card:active{background-color:var(--color-gray-200);transform:scale(.98)}.help-action-icon{width:32px;height:32px;color:var(--color-primary-600);flex-shrink:0}.help-action-content{flex:1;min-width:0}.help-action-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.help-action-desc{font-size:var(--font-size-sm);color:var(--color-gray-600)}.language-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.language-button{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:2px solid transparent;font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .2s ease;min-height:52px}.language-button-active{background-color:var(--color-primary-50);border-color:var(--color-primary-600);color:var(--color-primary-700)}.alert-card{border-left:4px solid}.alert-high{border-left-color:var(--color-error)}.alert-medium{border-left-color:var(--color-warning)}.alert-low{border-left-color:var(--color-info)}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.alert-type-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;background-color:var(--color-gray-100);color:var(--color-gray-700)}.alert-priority{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--color-gray-600)}.alert-coop{font-size:var(--font-size-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.alert-message{font-size:var(--font-size-sm);color:var(--color-gray-700);margin-bottom:var(--spacing-md);line-height:1.5}.alert-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-gray-500)}.alert-action{background:none;border:none;color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;padding:var(--spacing-xs)}.compliance-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.compliance-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.compliance-item-header{display:flex;align-items:center;gap:var(--spacing-sm)}.compliance-item-label,.compliance-item-status{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700)}@media(max-width:360px){.role-selector-title{font-size:var(--font-size-2xl)}.header-title{font-size:var(--font-size-lg)}.metrics-grid,.action-grid,.impact-metrics{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-content{padding:var(--spacing-sm)}.section-card{padding:var(--spacing-md)}.role-button{padding:var(--spacing-md);min-height:70px}.role-button-icon-wrapper{width:40px;height:40px}}@supports (padding: max(0px)){.role-selector{padding-left:max(var(--spacing-lg),env(safe-area-inset-left));padding-right:max(var(--spacing-lg),env(safe-area-inset-right))}.dashboard-container{padding-left:0;padding-right:0}header{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.live-badge-bar{padding-left:max(var(--spacing-lg),env(safe-area-inset-left));padding-right:max(var(--spacing-lg),env(safe-area-inset-right))}.dashboard-content{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,.role-button:focus-visible,.tab:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:2px}.tab-bar-5 .tab,.tab-bar-6 .tab{padding:8px 2px 6px}.tab-bar-5 .tab span,.tab-bar-6 .tab span{font-size:.62rem}.tab-bar-5 .tab-icon,.tab-bar-6 .tab-icon{width:16px;height:16px}.trends-content{display:flex;flex-direction:column;gap:16px}.trends-updated{font-size:.72rem;color:var(--color-gray-400)}.trends-list{display:flex;flex-direction:column;gap:12px}.trend-card{background:var(--color-white);border-radius:var(--radius-lg);padding:16px;border-left:4px solid var(--color-gray-300);box-shadow:var(--shadow-sm)}.trend-market{border-left-color:#f59e0b}.trend-compliance{border-left-color:#2563eb}.trend-climate{border-left-color:#0ea5e9}.trend-social{border-left-color:#8b5cf6}.trend-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.trend-icon{width:14px;height:14px;color:var(--color-gray-400)}.trend-type{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-500)}.trend-title{font-size:.9rem;font-weight:700;color:var(--color-gray-900);margin-bottom:4px}.trend-impact{font-size:.8rem;color:var(--color-gray-600);margin-bottom:8px}.trend-action-row{background:#fef9c3;border-radius:8px;padding:8px 10px;font-size:.78rem}.trend-action-label{font-weight:600;color:#713f12;margin-right:4px}.trend-action-text{color:#78350f}.target-list{display:flex;flex-direction:column;gap:12px}.target-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.target-label{font-size:.8rem;color:var(--color-gray-700)}.target-value{font-size:.8rem;font-weight:600;color:var(--color-gray-900)}.target-bar{width:100%;height:6px;background:var(--color-gray-200);border-radius:99px;overflow:hidden}.target-bar-fill{height:100%;background:var(--color-primary-600);border-radius:99px;transition:width .4s ease}.target-bar-fill.width-pct-0{width:0%}.target-bar-fill.width-pct-1{width:1%}.target-bar-fill.width-pct-2{width:2%}.target-bar-fill.width-pct-3{width:3%}.target-bar-fill.width-pct-4{width:4%}.target-bar-fill.width-pct-5{width:5%}.target-bar-fill.width-pct-6{width:6%}.target-bar-fill.width-pct-7{width:7%}.target-bar-fill.width-pct-8{width:8%}.target-bar-fill.width-pct-9{width:9%}.target-bar-fill.width-pct-10{width:10%}.target-bar-fill.width-pct-11{width:11%}.target-bar-fill.width-pct-12{width:12%}.target-bar-fill.width-pct-13{width:13%}.target-bar-fill.width-pct-14{width:14%}.target-bar-fill.width-pct-15{width:15%}.target-bar-fill.width-pct-16{width:16%}.target-bar-fill.width-pct-17{width:17%}.target-bar-fill.width-pct-18{width:18%}.target-bar-fill.width-pct-19{width:19%}.target-bar-fill.width-pct-20{width:20%}.target-bar-fill.width-pct-21{width:21%}.target-bar-fill.width-pct-22{width:22%}.target-bar-fill.width-pct-23{width:23%}.target-bar-fill.width-pct-24{width:24%}.target-bar-fill.width-pct-25{width:25%}.target-bar-fill.width-pct-26{width:26%}.target-bar-fill.width-pct-27{width:27%}.target-bar-fill.width-pct-28{width:28%}.target-bar-fill.width-pct-29{width:29%}.target-bar-fill.width-pct-30{width:30%}.target-bar-fill.width-pct-31{width:31%}.target-bar-fill.width-pct-32{width:32%}.target-bar-fill.width-pct-33{width:33%}.target-bar-fill.width-pct-34{width:34%}.target-bar-fill.width-pct-35{width:35%}.target-bar-fill.width-pct-36{width:36%}.target-bar-fill.width-pct-37{width:37%}.target-bar-fill.width-pct-38{width:38%}.target-bar-fill.width-pct-39{width:39%}.target-bar-fill.width-pct-40{width:40%}.target-bar-fill.width-pct-41{width:41%}.target-bar-fill.width-pct-42{width:42%}.target-bar-fill.width-pct-43{width:43%}.target-bar-fill.width-pct-44{width:44%}.target-bar-fill.width-pct-45{width:45%}.target-bar-fill.width-pct-46{width:46%}.target-bar-fill.width-pct-47{width:47%}.target-bar-fill.width-pct-48{width:48%}.target-bar-fill.width-pct-49{width:49%}.target-bar-fill.width-pct-50{width:50%}.target-bar-fill.width-pct-51{width:51%}.target-bar-fill.width-pct-52{width:52%}.target-bar-fill.width-pct-53{width:53%}.target-bar-fill.width-pct-54{width:54%}.target-bar-fill.width-pct-55{width:55%}.target-bar-fill.width-pct-56{width:56%}.target-bar-fill.width-pct-57{width:57%}.target-bar-fill.width-pct-58{width:58%}.target-bar-fill.width-pct-59{width:59%}.target-bar-fill.width-pct-60{width:60%}.target-bar-fill.width-pct-61{width:61%}.target-bar-fill.width-pct-62{width:62%}.target-bar-fill.width-pct-63{width:63%}.target-bar-fill.width-pct-64{width:64%}.target-bar-fill.width-pct-65{width:65%}.target-bar-fill.width-pct-66{width:66%}.target-bar-fill.width-pct-67{width:67%}.target-bar-fill.width-pct-68{width:68%}.target-bar-fill.width-pct-69{width:69%}.target-bar-fill.width-pct-70{width:70%}.target-bar-fill.width-pct-71{width:71%}.target-bar-fill.width-pct-72{width:72%}.target-bar-fill.width-pct-73{width:73%}.target-bar-fill.width-pct-74{width:74%}.target-bar-fill.width-pct-75{width:75%}.target-bar-fill.width-pct-76{width:76%}.target-bar-fill.width-pct-77{width:77%}.target-bar-fill.width-pct-78{width:78%}.target-bar-fill.width-pct-79{width:79%}.target-bar-fill.width-pct-80{width:80%}.target-bar-fill.width-pct-81{width:81%}.target-bar-fill.width-pct-82{width:82%}.target-bar-fill.width-pct-83{width:83%}.target-bar-fill.width-pct-84{width:84%}.target-bar-fill.width-pct-85{width:85%}.target-bar-fill.width-pct-86{width:86%}.target-bar-fill.width-pct-87{width:87%}.target-bar-fill.width-pct-88{width:88%}.target-bar-fill.width-pct-89{width:89%}.target-bar-fill.width-pct-90{width:90%}.target-bar-fill.width-pct-91{width:91%}.target-bar-fill.width-pct-92{width:92%}.target-bar-fill.width-pct-93{width:93%}.target-bar-fill.width-pct-94{width:94%}.target-bar-fill.width-pct-95{width:95%}.target-bar-fill.width-pct-96{width:96%}.target-bar-fill.width-pct-97{width:97%}.target-bar-fill.width-pct-98{width:98%}.target-bar-fill.width-pct-99{width:99%}.target-bar-fill.width-pct-100{width:100%}.sales-content{display:flex;flex-direction:column;gap:16px}.sales-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-list{display:flex;flex-direction:column;gap:12px}.order-card{background:var(--color-white);border-radius:var(--radius-lg);padding:14px;border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.order-header{display:flex;justify-content:space-between;align-items:flex-start}.order-buyer{font-size:.9rem;font-weight:700;color:var(--color-gray-900);flex:1}.order-details{display:flex;flex-direction:column;gap:4px}.order-detail{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-gray-600)}.section-desc{font-size:.8rem;color:var(--color-gray-500);margin-bottom:8px}.btn-full-primary{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:var(--color-primary-600);color:var(--color-white);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;border:none}.btn-full-primary:hover{background:var(--color-primary-700)}.onboarding-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef3c7;border-bottom:1px solid #fde68a;cursor:pointer;text-decoration:none}.onboarding-banner:hover{background:#fde68a}.onboarding-banner-icon{width:20px;height:20px;color:#d97706;flex-shrink:0}.onboarding-banner-content{flex:1}.onboarding-banner-title{font-size:.85rem;font-weight:600;color:#78350f}.onboarding-banner-sub{font-size:.75rem;color:#92400e}.onboarding-banner-arrow{width:16px;height:16px;color:#d97706}.target-bar-fill-dynamic{width:var(--bar-pct, 0%)}.mob-progress-fill-dynamic{width:var(--mob-prog-pct, 0%)}.status-text-warning{color:#d97706}.overview-stat-value-sm{font-size:.875rem;font-weight:600;color:var(--color-gray-900)}html.dark{--color-white: #1f2937;--color-gray-50: #111827;--color-gray-100: #1f2937;--color-gray-200: #374151;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #9ca3af;--color-gray-700: #d1d5db;--color-gray-800: #e5e7eb;--color-gray-900: #f9fafb}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#212121;overflow-x:hidden}#root{min-height:100vh;width:100%}:root{--primary: #2E7D32;--primary-text: #246628;--secondary: #FF7900;--accent: #FFB300;--success: #2E7D32;--warning: #FFB300;--error: #d32f2f;--background: #FFFFFF;--text-primary: #212121;--text-secondary: #616161}button,a,[role=button]{min-height:44px;min-width:44px;touch-action:manipulation}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}#root{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overscroll-behavior-y:contain}button{-webkit-appearance:none;appearance:none;border:none;background:none;font-family:inherit}input,textarea,select{-webkit-appearance:none;appearance:none;border-radius:0}input[type=text],input[type=search],input[type=email],input[type=tel],input[type=number]{font-size:16px}html.dark body{background-color:#111827;color:#f9fafb}