:root{--green-800: #2f5c1b;--green-700: #3c7723;--green-600: #509e2f;--green-100: #e3f0da;--green-50: #f1f8ec;--blue-900: #22303f;--blue-800: #3d5166;--blue-700: #53779b;--blue-600: #6b8cad;--blue-100: #dde7f0;--blue-50: #eff4f8;--gray-900: #16202e;--gray-700: #3a4757;--gray-500: #526073;--gray-300: #c8d1dc;--gray-200: #dfe5ec;--gray-100: #eef1f5;--gray-50: #f7f9fb;--red-700: #b3261e;--red-100: #fbe7e6;--color-bg: var(--gray-100);--color-surface: #ffffff;--color-border: var(--gray-200);--color-text: var(--gray-900);--color-text-muted: var(--gray-500);--color-primary: var(--green-700);--color-primary-strong: var(--green-800);--color-accent: var(--blue-700);--color-error: var(--red-700);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--shadow-1: 0 1px 2px rgb(22 32 46 / .06);--shadow-2: 0 8px 24px rgb(22 32 46 / .1);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--weight-medium: 600;--weight-bold: 700;--status-submitted: #7d5a3c;--status-submitted-bg: #f1e7dd;--status-assessed: #1f4d85;--status-assessed-bg: #e2ecf7;--status-approved: #2f6b3a;--status-approved-bg: #e3f1e5;--status-rejected: #b3261e;--status-rejected-bg: #fbe7e6;--status-severe: #b3261e;--status-severe-bg: #fbe7e6;--status-moderate: #a34a0c;--status-moderate-bg: #fdeadd;--green: var(--color-accent);--green-dark: var(--color-accent);--bg: var(--color-bg);--card: var(--color-surface);--border: var(--color-border);--text: var(--color-text);--muted: var(--color-text-muted);--error: var(--color-error)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);background:var(--color-bg);color:var(--color-text);line-height:1.5}.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-5);background:linear-gradient(90deg,var(--green-800),var(--green-600));color:#fff;box-shadow:var(--shadow-1)}.brand{font-weight:var(--weight-bold);letter-spacing:.01em;white-space:nowrap}.portal-nav{display:flex;gap:var(--space-1);flex:1;margin-left:var(--space-4);flex-wrap:wrap}.portal-nav a{color:#ffffffd9;text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background .12s ease}.portal-nav a:hover{background:#ffffff1f;color:#fff}.portal-nav a.active{background:#fff3;color:#fff}.user{font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.logout{color:#fff}.portal-head{max-width:1100px;margin:0 auto;padding:var(--space-5) var(--space-5) 0;width:100%}.portal-head h1{margin:0;font-size:var(--text-xl);color:var(--color-primary-strong)}main{max-width:1100px;margin:0 auto;padding:var(--space-4) var(--space-5) var(--space-6);width:100%}.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}@media(max-width:800px){.grid{grid-template-columns:1fr}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-1)}.grid .card{margin-bottom:0}.card h3{margin-top:0;display:flex;justify-content:space-between;align-items:center}.table-card{padding:var(--space-4);overflow-x:auto}.kpi{display:flex;flex-direction:column;gap:var(--space-1)}.kpi .kpi-value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-primary-strong)}.kpi .kpi-label{font-size:var(--text-sm);color:var(--color-text-muted)}.auth-split{display:grid;grid-template-columns:1fr 1fr;max-width:880px;margin:var(--space-7) auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.auth-aside{background:linear-gradient(160deg,var(--green-800) 0%,var(--green-700) 60%,var(--green-600) 130%);color:#fff;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.auth-brand{font-weight:var(--weight-bold);font-size:1.1rem}.auth-aside h1{font-size:var(--text-xl);margin:var(--space-2) 0 0}.auth-aside p{color:#ffffffd9;margin:0;font-size:var(--text-sm)}.auth-points{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:var(--space-2);font-size:var(--text-sm)}.auth-points li:before{content:"\2713  ";color:#b8e6c0;font-weight:var(--weight-bold)}.auth-panel{padding:var(--space-6)}.auth-panel h2{margin:0 0 var(--space-1);color:var(--color-primary-strong)}@media(max-width:720px){.auth-split{grid-template-columns:1fr}.auth-aside{display:none}}.auth-card{max-width:420px;margin:var(--space-7) auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-2)}.auth-card h1{margin:0 0 var(--space-2);color:var(--color-primary-strong)}.muted{color:var(--color-text-muted)}.hint{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}.hint code{background:var(--gray-100);padding:1px 5px;border-radius:var(--radius-sm)}label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-3);flex:1}.row{display:flex;gap:var(--space-3)}input,select,textarea{width:100%;padding:var(--space-2);margin-top:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;background:var(--gray-50);color:var(--color-text)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}textarea{resize:vertical}button{background:var(--color-primary);color:#fff;border:0;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:background .12s ease}button:hover{background:var(--color-primary-strong)}button:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.alert{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--text-sm)}.alert.error{background:var(--red-100);color:var(--color-error);border:1px solid #f2c8c5}.alert.success{background:var(--green-50);color:var(--green-800);border:1px solid #bfe0c4}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}tbody tr:hover{background:var(--blue-50)}.inline-select{width:auto;margin-left:var(--space-3)}.badge{display:inline-block;padding:.125rem .6rem;border-radius:var(--radius-full);background:var(--gray-200);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap}.badge.submitted,.badge--submitted{background:var(--status-submitted-bg);color:var(--status-submitted)}.badge.assessed,.badge--assessed{background:var(--status-assessed-bg);color:var(--status-assessed)}.badge.approved,.badge--approved{background:var(--status-approved-bg);color:var(--status-approved)}.badge.rejected,.badge--rejected{background:var(--status-rejected-bg);color:var(--status-rejected)}.badge.severe,.badge--severe{background:var(--status-severe-bg);color:var(--status-severe)}.badge.moderate,.badge--moderate{background:var(--status-moderate-bg);color:var(--status-moderate)}.badge.role-farmer{background:var(--green-100);color:var(--green-800)}.badge.role-assessor{background:var(--blue-100);color:var(--blue-800)}.kv{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-4);margin:0}.kv dt{color:var(--color-text-muted);font-size:var(--text-sm)}.kv dd{margin:0;font-weight:var(--weight-medium)}.skeleton{display:block;height:.9em;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.topbar :focus-visible{outline-color:#fff}@media(max-width:480px){.portal-head,main{padding-left:var(--space-3);padding-right:var(--space-3)}.card,.grid .card,.with-side .card{padding:var(--space-3)}.row{flex-direction:column;gap:0}}@media(prefers-reduced-motion:no-preference){.card{animation:card-in .16s ease-out}.badge,.chip{transition:background .12s ease,color .12s ease}}@keyframes card-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.kpi-row .card{margin-bottom:0}@media(max-width:800px){.kpi-row{grid-template-columns:1fr}}.kpi-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.with-side{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-4);align-items:start}@media(max-width:900px){.with-side{grid-template-columns:1fr}}.side-panel{border-top:3px solid var(--color-accent)}@media(min-width:901px){.side-panel{position:sticky;top:var(--space-4)}}.geo{font-variant-numeric:tabular-nums;white-space:nowrap}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;margin-left:var(--space-2);padding:0 0 var(--space-4) var(--space-5);border-left:2px solid var(--color-border)}.timeline li:last-child{padding-bottom:var(--space-1)}.timeline li:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:var(--radius-full);background:var(--gray-300)}.timeline li.tl-submitted:before{background:var(--status-submitted)}.timeline li.tl-under_review:before,.timeline li.tl-assessed:before{background:var(--status-assessed)}.timeline li.tl-approved:before,.timeline li.tl-paid:before{background:var(--status-approved)}.timeline li.tl-rejected:before{background:var(--status-rejected)}.timeline-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.timeline-date{font-size:var(--text-sm);color:var(--color-text-muted)}.timeline-text{margin:var(--space-1) 0 0;font-size:var(--text-sm)}.timeline-payout{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--green-800);font-weight:var(--weight-medium)}.workbench-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.chip-row{display:flex;gap:var(--space-1);flex-wrap:wrap}.chip{background:var(--gray-100);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.125rem .7rem;font-size:var(--text-xs);font-weight:var(--weight-medium)}.chip:hover{background:var(--blue-50);color:var(--color-primary-strong)}.chip.chip-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sort-label{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-2);margin:0}.sort-label select{width:auto;margin-top:0}.badge.light{background:var(--green-50);color:var(--green-800)}.badge.devastating{background:var(--red-700);color:#fff}.empty-state{text-align:center;padding:var(--space-6) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted)}.empty-state p{margin:var(--space-2) 0 0}.empty-icon{font-size:var(--text-xl)}.skeleton-group{display:grid;gap:var(--space-3)}.badge.active{background:var(--blue-100);color:var(--blue-800)}.badge.under_review{background:var(--status-assessed-bg);color:var(--status-assessed)}.badge.paid{background:var(--status-approved-bg);color:var(--status-approved)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.tile{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-1);text-decoration:none;color:var(--color-text);transition:box-shadow .12s ease,transform .12s ease}.tile:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.tile .tile-icon{font-size:1.5rem;line-height:1}.tile .tile-label{font-weight:var(--weight-bold)}.tile .tile-count{color:var(--color-text-muted);font-size:var(--text-sm)}.portal-footer{margin-top:var(--space-7);padding:var(--space-4) var(--space-5);border-top:3px solid var(--color-primary);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);justify-content:space-between}.portal-footer strong{color:var(--color-text)}.user-meta{opacity:.85;margin-left:.25rem}