*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--earth-900: #1A1208;--earth-800: #2E1F0A;--earth-700: #4A3215;--earth-600: #6B4A23;--leaf-700: #2D5A0E;--leaf-600: #3D7A14;--leaf-500: #52A31D;--leaf-400: #73C240;--leaf-100: #E8F5DC;--leaf-50: #F4FAF0;--amber-600: #C17B1A;--amber-400: #E8A030;--amber-100: #FEF0D6;--teal-600: #0D5C48;--teal-400: #19A882;--teal-100: #D4F2EA;--sand-200: #E8E0D0;--sand-100: #F5F1EB;--sand-50: #FAF8F5;--neutral-900: #111820;--neutral-700: #374151;--neutral-500: #6B7280;--neutral-300: #D1D5DB;--neutral-100: #F3F4F6;--white: #FFFFFF;--error: #DC2626;--sidebar-bg: #0F1A09;--sidebar-border: #1E3010;--sidebar-text: #A8C490;--sidebar-active: #52A31D;--sidebar-hover: rgba(82,163,29,.08);--surface-0: var(--white);--surface-1: var(--sand-50);--surface-2: var(--sand-100);--font-display: "DM Serif Display", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--ease: cubic-bezier(.16, 1, .3, 1)}html,body,#root{height:100%;font-family:var(--font-body);background:var(--surface-1);color:var(--neutral-900);-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sand-200);border-radius:99px}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;overflow-y:auto;position:relative}.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(82,163,29,.06) 0%,transparent 70%);pointer-events:none}.sidebar-logo{padding:28px 24px 20px;border-bottom:1px solid var(--sidebar-border)}.sidebar-logo .logo-mark{display:flex;align-items:center;gap:12px}.sidebar-logo .logo-icon{width:52px;height:52px;border-radius:var(--radius-md);object-fit:contain;flex-shrink:0}.sidebar-logo .logo-text{font-family:var(--font-display);font-size:20px;color:var(--white);letter-spacing:.01em}.sidebar-logo .logo-sub{font-size:10px;color:var(--sidebar-text);margin-top:3px;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{padding:16px 12px;flex:1}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--earth-600);padding:12px 12px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);color:var(--sidebar-text);text-decoration:none;font-size:14px;font-weight:400;transition:all .15s var(--ease);cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--sidebar-hover);color:var(--white)}.nav-item.active{background:#52a31d1f;color:var(--leaf-400);font-weight:500}.nav-item .nav-icon{font-size:16px;opacity:.8;flex-shrink:0}.nav-item.active .nav-icon{opacity:1}.nav-item .nav-badge{margin-left:auto;background:var(--leaf-500);color:#fff;font-size:10px;font-weight:600;padding:1px 7px;border-radius:99px}.sidebar-footer{padding:16px 12px;border-top:1px solid var(--sidebar-border)}.main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.page-header{background:var(--surface-0);border-bottom:1px solid var(--sand-200);padding:20px 32px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:10}.page-title{font-family:var(--font-display);font-size:24px;color:var(--neutral-900);font-weight:400}.page-subtitle{font-size:13px;color:var(--neutral-500);margin-top:2px}.page-body{padding:28px 32px;flex:1}.card{background:var(--surface-0);border:1px solid var(--sand-200);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-family:var(--font-display);font-size:17px;color:var(--neutral-900);font-weight:400}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.kpi-card{background:var(--surface-0);border:1px solid var(--sand-200);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color, var(--leaf-500));border-radius:99px 99px 0 0}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--neutral-500);margin-bottom:10px}.kpi-value{font-family:var(--font-mono);font-size:28px;font-weight:500;color:var(--neutral-900);line-height:1}.kpi-sub{font-size:12px;color:var(--neutral-500);margin-top:6px}.supply-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}.supply-card{background:var(--surface-0);border:1px solid var(--sand-200);border-radius:var(--radius-lg);padding:18px;cursor:pointer;transition:all .2s var(--ease);position:relative;overflow:hidden}.supply-card:hover{border-color:var(--leaf-400);box-shadow:var(--shadow-md)}.supply-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.supply-crop-name{font-family:var(--font-display);font-size:19px;color:var(--neutral-900);font-weight:400;line-height:1.2}.supply-crop-darija{font-size:13px;color:var(--neutral-500);margin-top:2px}.supply-month-badge{font-family:var(--font-mono);font-size:10px;background:var(--sand-100);color:var(--neutral-600);padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--sand-200);white-space:nowrap;flex-shrink:0}.supply-tons{font-family:var(--font-mono);font-size:32px;font-weight:500;color:var(--leaf-600);line-height:1;margin-bottom:4px}.supply-tons span{font-size:14px;font-weight:400;color:var(--neutral-500);margin-left:4px}.supply-meta{display:flex;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--sand-100)}.supply-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--neutral-500)}.supply-price{font-family:var(--font-body);font-size:13px;font-weight:600;color:#1e293b;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.supply-regions{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.region-tag{font-size:11px;background:var(--leaf-50, #EAF3DE);color:var(--leaf-700);padding:2px 8px;border-radius:99px;border:1px solid var(--leaf-100, #C0DD97);white-space:nowrap;font-family:var(--font-mono)}.confidence-bar{height:3px;background:var(--sand-200);border-radius:99px;margin-top:10px;overflow:hidden}.confidence-bar-fill{height:100%;background:linear-gradient(90deg,var(--leaf-500),var(--teal-400));border-radius:99px;transition:width .6s var(--ease)}.filters-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:16px 0}.filter-select{appearance:none;background:var(--surface-0);border:1px solid var(--sand-200);border-radius:var(--radius-md);padding:8px 32px 8px 12px;font-family:var(--font-body);font-size:13px;color:var(--neutral-700);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s}.filter-select:focus{outline:none;border-color:var(--leaf-500)}.filter-btn{padding:8px 16px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s var(--ease);border:1px solid var(--sand-200);background:var(--surface-0);color:var(--neutral-700)}.filter-btn:hover{border-color:var(--leaf-400);color:var(--leaf-600)}.filter-btn.active{background:var(--leaf-500);color:#fff;border-color:var(--leaf-500)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s var(--ease)}.btn-primary{background:var(--leaf-500);color:#fff;box-shadow:0 2px 8px #52a31d40}.btn-primary:hover{background:var(--leaf-600);box-shadow:0 4px 14px #52a31d59;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--neutral-700);border:1px solid var(--sand-200)}.btn-outline:hover{border-color:var(--leaf-400);color:var(--leaf-600)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em}.badge-green{background:var(--leaf-100);color:var(--leaf-700)}.badge-amber{background:var(--amber-100);color:var(--amber-600)}.badge-teal{background:var(--teal-100);color:var(--teal-600)}.badge-gray{background:var(--neutral-100);color:var(--neutral-500)}.badge-red{background:#fee2e2;color:var(--error)}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--neutral-500);padding:10px 16px;text-align:left;border-bottom:1px solid var(--sand-200)}.data-table td{padding:13px 16px;font-size:14px;border-bottom:1px solid var(--sand-100);color:var(--neutral-700)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--sand-50)}.data-table .mono{font-family:var(--font-mono);font-size:13px}.map-container{width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--sand-200);position:relative}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(2px);z-index:1200;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s var(--ease)}.modal{background:var(--surface-0);border-radius:var(--radius-xl);padding:28px;max-width:520px;width:calc(100% - 48px);box-shadow:var(--shadow-lg);animation:slideUp .2s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.input{width:100%;padding:9px 13px;background:var(--surface-0);border:1px solid var(--sand-200);border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;color:var(--neutral-900);transition:border-color .15s}.input:focus{outline:none;border-color:var(--leaf-500)}.input-label{font-size:12px;font-weight:500;color:var(--neutral-700);margin-bottom:5px;display:block}.spinner{width:24px;height:24px;border:2px solid var(--sand-200);border-top-color:var(--leaf-500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;min-height:200px}.empty-state{text-align:center;padding:48px 32px;color:var(--neutral-500)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.3}.empty-state-title{font-family:var(--font-display);font-size:20px;color:var(--neutral-700);margin-bottom:8px}.empty-state-sub{font-size:14px}.fade-in{animation:fadeIn .3s var(--ease)}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-body{padding:20px 16px}}.mahsooli-tooltip{background:#fff!important;border:1px solid var(--sand-200)!important;border-radius:10px!important;box-shadow:0 4px 16px #0000001f!important;padding:8px 12px!important;font-family:var(--font-body)!important;pointer-events:none}.mahsooli-tooltip:before{border-top-color:var(--sand-200)!important}.leaflet-tooltip.mahsooli-tooltip{background:#fff;color:var(--neutral-900);border-radius:10px}.parcel-photo{display:block;width:100%;height:100%;object-fit:cover;background:var(--sand-100)}.parcel-photo-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--leaf-50, #EAF3DE),var(--sand-100))}.parcel-photo-emoji{font-size:clamp(28px,8vw,44px);opacity:.55;filter:saturate(.85)}.supply-card-media{position:relative;margin:-18px -18px 14px;height:148px;overflow:hidden;background:var(--sand-100)}.supply-card-img{transition:transform .35s var(--ease)}.supply-card:hover .supply-card-img{transform:scale(1.04)}.supply-verified-badge,.supply-unverified-badge,.supply-soldout-badge,.supply-ready-badge{position:absolute;inset-block-start:10px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;backdrop-filter:blur(6px);white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.supply-verified-badge{inset-inline-start:10px;background:#ffffffed;color:var(--leaf-700);border:1px solid var(--leaf-300, #A7C97F);box-shadow:0 2px 8px #0000001a}.supply-unverified-badge{inset-inline-start:10px;background:#ffffffed;color:#92400e;border:1px solid #FCD34D;box-shadow:0 2px 8px #0000001a}.supply-soldout-badge{inset-inline-end:10px;background:#b91c1cf0;color:#fff;border:1px solid rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.04em}.supply-ready-badge{inset-inline-end:10px;background:#f59e0bf0;color:#fff;border:1px solid rgba(180,110,5,.35)}.parcel-decl-card{border:1px solid var(--sand-200);border-radius:var(--radius-md, 10px);padding:12px;background:var(--surface-0, #fff)}.parcel-decl-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.parcel-decl-crop{font-size:14px;font-weight:600}.parcel-decl-meta{font-size:12px;color:var(--neutral-500)}.parcel-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--neutral-500)}.parcel-verified-chip{font-size:11px;font-weight:600;color:var(--leaf-700);background:var(--leaf-50, #EAF3DE);border:1px solid var(--leaf-100);padding:2px 8px;border-radius:999px;white-space:nowrap}.parcel-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.parcel-thumb{position:relative;aspect-ratio:4 / 3;padding:0;border:1px solid var(--sand-200);border-radius:8px;overflow:hidden;cursor:zoom-in;background:var(--sand-100);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.parcel-thumb:hover,.parcel-thumb:focus-visible{border-color:var(--leaf-400);box-shadow:0 0 0 3px #52a31d24;outline:none}.parcel-thumb-zoom{position:absolute;inset-block-end:4px;inset-inline-end:4px;font-size:11px;background:#0000008c;border-radius:5px;padding:1px 4px;opacity:0;transition:opacity .2s var(--ease)}.parcel-thumb:hover .parcel-thumb-zoom{opacity:1}.parcel-empty{display:flex;align-items:center;gap:12px;padding:10px;border:1px dashed var(--sand-300, #DDD3C0);border-radius:10px;background:var(--sand-50)}.parcel-empty-visual{width:64px;height:48px;flex-shrink:0;border-radius:8px}.parcel-empty-title{font-size:13px;font-weight:600;color:var(--neutral-700)}.parcel-empty-sub{font-size:12px;color:var(--neutral-500);margin-top:2px}.parcel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.parcel-actions-hint{font-size:11px;color:var(--neutral-500)}.lightbox-overlay{position:fixed;inset:0;z-index:1000;background:#0c0c0ced;display:flex;flex-direction:column;animation:fadeIn .2s var(--ease)}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;color:#fff;flex-shrink:0}.lightbox-caption{display:flex;align-items:center;gap:10px;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-counter{font-family:var(--font-mono);font-size:12px;opacity:.7}.lightbox-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.lightbox-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;font-size:17px;line-height:1;color:#fff;text-decoration:none;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:8px;cursor:pointer;transition:background .15s var(--ease)}.lightbox-btn:hover:not(:disabled){background:#ffffff3d}.lightbox-btn:disabled{opacity:.35;cursor:default}.lightbox-close{font-size:22px}.lightbox-zoom-level{font-family:var(--font-mono);font-size:11px;color:#ffffffb3;min-width:42px;text-align:center}.lightbox-stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 16px;min-height:0}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .18s var(--ease);user-select:none}.lightbox-nav{position:absolute;inset-block-start:50%;transform:translateY(-50%);width:44px;height:64px;font-size:30px;line-height:1;color:#fff;background:#ffffff1a;border:none;border-radius:10px;cursor:pointer}.lightbox-nav:hover{background:#ffffff38}.lightbox-nav-prev{inset-inline-start:12px}.lightbox-nav-next{inset-inline-end:12px}.lightbox-thumbs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;flex-shrink:0;justify-content:center}.lightbox-thumb{width:64px;height:48px;flex-shrink:0;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;opacity:.55;background:none;transition:opacity .15s var(--ease),border-color .15s var(--ease)}.lightbox-thumb.active,.lightbox-thumb:hover{opacity:1;border-color:var(--leaf-400)}.lightbox-thumb img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.supply-card-media{height:128px}.lightbox-nav{width:38px;height:52px;font-size:24px}.lightbox-thumbs{justify-content:flex-start}.lightbox-caption{font-size:12px}.parcel-thumbs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.parcel-empty{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.supply-card-media{height:112px}.supply-verified-badge,.supply-unverified-badge,.supply-soldout-badge,.supply-ready-badge{font-size:10px;padding:3px 7px}}@media (prefers-reduced-motion: reduce){.supply-card:hover .supply-card-img{transform:none}.lightbox-img{transition:none}.lightbox-overlay{animation:none}}