.portal-shell{background:#f4f6f8;grid-template-columns:260px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s;display:grid}.portal-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.portal-sidebar{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-right:1px solid #e8ecf0;flex-direction:column;height:100vh;padding:20px 16px;transition:opacity .2s,transform .2s;display:flex;position:sticky;top:0;overflow:hidden auto}.portal-sidebar::-webkit-scrollbar{display:none}.portal-shell.sidebar-collapsed .portal-sidebar{opacity:0;pointer-events:none;border-right:none}.portal-sidebar-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.portal-brand{flex:1;align-items:center;min-width:0;padding:4px 0 12px;display:flex}.portal-brand-logo{object-fit:contain;max-width:132px;max-height:44px;width:auto!important;height:auto!important}.portal-sidebar-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:none}.portal-sidebar-close:hover{border-color:var(--primary);color:var(--primary)}.portal-sidebar-backdrop{z-index:199;cursor:pointer;background:#0f172a59;border:none;padding:0;position:fixed;inset:0}.portal-nav{flex-direction:column;flex:1;gap:4px;display:flex}.portal-nav-section{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:16px 12px 6px;font-size:.68rem;font-weight:700}.portal-nav-group{flex-direction:column;gap:2px;display:flex}.portal-nav-group-toggle{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.88rem;font-weight:600;transition:background .15s,color .15s;display:flex}.portal-nav-group-toggle:hover,.portal-nav-group-toggle.active{color:var(--primary-dark);background:#fff3e8}.portal-nav-group-label{flex:1}.portal-nav-group-chevron{color:#94a3b8;align-items:center;transition:transform .15s;display:flex}.portal-nav-group-chevron.expanded{transform:rotate(180deg)}.portal-nav-sub{border-left:1px solid #e8ecf0;flex-direction:column;gap:2px;margin-left:10px;padding-left:8px;display:flex}.portal-nav-sublink{color:#64748b;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.84rem;font-weight:600;transition:background .15s,color .15s;display:flex}.portal-nav-sublink:hover{color:var(--primary-dark);background:#fff3e8}.portal-nav-sublink.active{color:var(--primary);background:#fff3e8}.portal-nav-link{color:#64748b;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;font-weight:600;transition:background .15s,color .15s;display:flex}.portal-nav-link:hover{color:var(--primary-dark);background:#fff3e8}.portal-nav-link.active{color:var(--primary);background:#fff3e8}.portal-nav-icon{width:20px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-help-box{background:linear-gradient(135deg,#fff3e8,#ffe8d6);border:1px solid #ffd4b3;border-radius:14px;margin-top:auto;padding:16px}.portal-help-box strong{color:var(--primary-dark);margin-bottom:4px;font-size:.9rem;display:block}.portal-help-box p{color:#78716c;margin:0 0 10px;font-size:.78rem;line-height:1.4}.portal-help-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.portal-sidebar-footer{margin-top:12px}.portal-logout-btn{color:#64748b;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 12px;font-size:.85rem;font-weight:600}.portal-logout-btn:hover{color:var(--danger);background:#fef2f2;border-color:#fecaca}.portal-main-wrap{flex-direction:column;min-width:0;display:flex}.portal-topbar{z-index:50;background:#fff;border-bottom:1px solid #e8ecf0;justify-content:space-between;align-items:center;gap:16px;padding:12px 28px;display:flex;position:sticky;top:0}.portal-topbar-left{align-items:center;gap:12px;display:flex}.portal-sidebar-toggle{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.portal-sidebar-toggle:hover{border-color:var(--primary);color:var(--primary)}.portal-topbar-right{align-items:center;gap:16px;margin-left:auto;display:flex}.portal-notif-btn{cursor:pointer;color:#64748b;background:0 0;border:none;place-items:center;padding:6px;display:grid;position:relative}.portal-notif-badge{background:var(--primary);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:.65rem;font-weight:800;display:grid;position:absolute;top:0;right:0}.portal-user-chip{align-items:center;gap:10px;display:flex}.portal-user-avatar{background:linear-gradient(135deg, var(--primary), #ff8533);color:#fff;border-radius:999px;place-items:center;width:38px;height:38px;font-size:.85rem;font-weight:800;display:grid}.portal-user-info{text-align:right}.portal-user-info strong{color:var(--text);font-size:.85rem;display:block}.portal-user-info span{color:var(--muted);font-size:.72rem}.portal-content{flex:1;padding:24px 28px 32px}.portal-page-head{margin-bottom:20px}.portal-page-head h1{color:var(--text);margin:0;font-size:1.65rem;font-weight:800}.portal-page-head p{color:var(--muted);margin:6px 0 0;font-size:.9rem}.portal-page-banner{border:1px solid #e8ecf0;border-radius:14px;margin:-4px 0 20px;overflow:hidden;box-shadow:0 2px 12px #0f172a0a}.portal-page-banner img{object-fit:cover;width:100%;height:auto;display:block}.portal-farmer-hero{background:#fff;border:1px solid #e8ecf0;border-radius:14px;align-items:stretch;min-height:168px;margin-bottom:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0f172a0a}.portal-farmer-hero-body{z-index:2;flex:1;min-width:0;max-width:720px;position:relative}.portal-farmer-hero-title{color:#1e3a2f;letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:800}.portal-farmer-hero-desc{color:#64748b;max-width:520px;margin:8px 0 0;font-size:.92rem;line-height:1.5}.portal-farmer-hero-tabs{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.portal-farmer-hero-art{pointer-events:none;width:min(48%,520px);position:absolute;top:0;bottom:0;right:0}.portal-farmer-hero-art:before{content:"";z-index:1;background:linear-gradient(90deg,#fff 0%,#ffffffd9 28%,#fff0 72%);position:absolute;inset:0}.portal-farmer-hero-art img{object-fit:cover;object-position:right center;opacity:.92;width:100%;height:100%;display:block}.portal-farmer-hero .portal-tab{color:#334155;border-radius:8px;padding:9px 16px;font-size:.82rem}.portal-farmer-hero .portal-tab:hover:not(.active){color:#1e293b;border-color:#cbd5e1}.portal-farmer-hero .portal-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.portal-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.portal-tab{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.portal-tab:hover{color:var(--primary);border-color:#ffd4b3}.portal-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.portal-panel{background:#fff;border:1px solid #e8ecf0;border-radius:14px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 12px #0f172a0a}.portal-filters{border-bottom:1px solid #e8ecf0;padding:16px 20px 20px}.portal-panel-toolbar{border-bottom:1px solid #e8ecf0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.portal-panel-toolbar-start,.portal-panel-toolbar-actions{align-items:center;gap:10px;display:flex}.portal-panel-toolbar-actions{margin-left:auto}.portal-clear-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.portal-clear-btn:hover{border-color:var(--primary);color:var(--primary);background:#fff3e8}.portal-panel-body{padding:0}.portal-panel-body .fd-grid{padding-top:0}.portal-panel-body .md-table-card{box-shadow:none;border:none;border-radius:0;margin-bottom:0}.portal-filters .md-filter-group,.portal-filters .portal-field{flex-direction:column;gap:6px;min-width:0;display:flex}.portal-filters .md-filter-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:0;font-size:.72rem;font-weight:700;display:block}.portal-filters .md-filter-input,.portal-filters .md-filter-select{width:100%;color:var(--text);background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 12px;font-size:.875rem}.portal-filters .md-filter-input:focus,.portal-filters .md-filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff65001f}.portal-filters .fd-toolbar-group{flex-direction:column;gap:6px;min-width:0;display:flex}.portal-filters .fd-toolbar-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:.72rem;font-weight:700}.portal-filter-toggle{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.portal-filter-toggle:hover,.portal-filter-toggle.active{border-color:var(--primary);color:var(--primary);background:#fff3e8}.portal-filters-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.portal-filters-head h3,.portal-filters-title{margin:0;font-size:1rem;font-weight:700}.portal-filters-title{color:var(--text);align-items:center;gap:8px;display:inline-flex}.portal-filters-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.portal-field label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:6px;font-size:.72rem;font-weight:700;display:block}.portal-field select,.portal-field input{width:100%;color:var(--text);background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 12px;font-size:.875rem}.portal-field select:focus,.portal-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff65001f}.portal-date-field{position:relative}.portal-date-field input{padding-right:36px}.portal-date-field svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.portal-export-btn{color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.portal-export-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.portal-export-btn:disabled{opacity:.55;cursor:not-allowed}.portal-table-scroll{width:100%;overflow-x:auto}.portal-table{border-collapse:collapse;width:100%;min-width:1100px}.portal-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e8ecf0;padding:12px 16px;font-size:.72rem;font-weight:700}.portal-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.875rem}.portal-table tbody tr:hover td{background:#fafbfc}.portal-farmer-cell{align-items:flex-start;gap:12px;min-width:200px;display:flex}.portal-farmer-avatar{width:40px;height:40px;color:var(--primary);background:#fff3e8;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.portal-farmer-name{color:var(--text);margin-bottom:6px;font-weight:700}.portal-crop-badges{flex-wrap:wrap;gap:6px;display:flex}.portal-crop-badge{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.portal-crop-badge.wheat{color:#854d0e;background:#fef9c3}.portal-crop-badge.rice{color:#166534;background:#dcfce7}.portal-crop-badge.cotton{color:#0369a1;background:#e0f2fe}.portal-crop-icon{flex-shrink:0}.portal-phone-cell{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.portal-phone-circle{width:28px;height:28px;color:var(--primary);background:#fff3e8;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.portal-status{text-transform:capitalize;border-radius:999px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-block}.portal-status.submitted{color:#c2410c;background:#fff3e8}.portal-status.approved{color:#15803d;background:#dcfce7}.portal-status.rejected{color:#b91c1c;background:#fee2e2}.portal-status.draft{color:#64748b;background:#f1f5f9}.portal-action-menu{display:inline-block;position:relative}.portal-action-trigger{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.portal-action-trigger:hover{border-color:var(--primary);color:var(--primary)}.portal-action-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:160px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px #0f172a1f}.portal-action-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:#fff;border:none;padding:10px 14px;font-size:.82rem;font-weight:600;display:block}.portal-action-item:hover{background:#f8fafc}.portal-action-item.success{color:#15803d}.portal-action-item.danger{color:#b91c1c}.portal-action-item.warning{color:#b45309}.portal-pagination{background:#fafbfc;border-top:1px solid #e8ecf0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.portal-pagination-info{color:#64748b;font-size:.85rem;font-weight:600}.portal-pagination-controls{align-items:center;gap:8px;display:flex}.portal-page-size{color:#64748b;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.portal-page-size select{border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-size:.85rem}.portal-page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;min-width:36px;height:36px;font-size:.85rem;font-weight:600;display:inline-grid}.portal-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.portal-page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.portal-page-btn:disabled{opacity:.4;cursor:not-allowed}.portal-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;margin-bottom:20px;display:grid}.portal-stat-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;align-items:center;gap:14px;padding:18px 20px;display:flex;box-shadow:0 2px 8px #0f172a08}.portal-stat-icon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.portal-stat-icon-svg.orange{color:#ea580c}.portal-stat-icon-svg.blue{color:#2563eb}.portal-stat-icon-svg.green{color:#16a34a}.portal-stat-icon-svg.red{color:#dc2626}.portal-stat-icon.orange{background:#fff3e8}.portal-stat-icon.blue{background:#eff6ff}.portal-stat-icon.green{background:#dcfce7}.portal-stat-icon.red{background:#fee2e2}.portal-stat-label{color:#64748b;margin-bottom:2px;font-size:.78rem;font-weight:600}.portal-stat-value{color:var(--text);font-size:1.5rem;font-weight:800}.portal-alert{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:.875rem;font-weight:600}.portal-empty{text-align:center;color:#64748b;padding:48px 24px}@media (max-width:1100px){.portal-filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:901px){.portal-sidebar-close{display:grid}.portal-sidebar-backdrop{display:none}}@media (max-width:900px){.portal-shell,.portal-shell.sidebar-collapsed{grid-template-columns:1fr}.portal-shell.sidebar-collapsed .portal-sidebar{opacity:1;pointer-events:auto}.portal-sidebar{z-index:200;width:260px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001a}.portal-sidebar.open{transform:translate(0)}.portal-user-info{display:none}.portal-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-farmer-hero-art{width:min(42%,360px)}}@media (max-width:600px){.portal-content{padding:16px}.portal-filters-grid,.portal-stats{grid-template-columns:1fr}.portal-farmer-hero{min-height:0;padding:20px 18px}.portal-farmer-hero-title{font-size:1.45rem}.portal-farmer-hero-art{opacity:.75;width:38%}}