@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--col-earth:#2d4a1e;--col-leaf:#4a7c2f;--col-sprout:#7bb84a;--col-soil:#8b5e3c;--col-harvest:#e8a020;--col-sky:#e8f4f0;--col-chalk:#f7f4ee;--col-ink:#1a2410;--col-muted:#6b7660;--col-border:#d4dcc8;--col-white:#fff;--col-farmer:#4a7c2f;--col-investor:#1a4a6b;--col-admin:#5c2d8b;--col-consumer:#8b3a2f;--col-success:#2e7d32;--col-warning:#e8a020;--col-danger:#c0392b;--col-info:#1565c0;--col-primary:var(--col-leaf);--col-primary-dark:var(--col-earth);--col-primary-light:var(--col-sprout);--col-accent:var(--col-harvest);--col-bg:var(--col-chalk);--col-surface:var(--col-white);--col-surface-raised:var(--col-white);--col-text:var(--col-ink);--col-text-muted:var(--col-muted);--col-text-on-primary:var(--col-white);--col-text-inverse:var(--col-white);--col-divider:var(--col-border);--col-input-bg:var(--col-white);--col-input-border:var(--col-border);--col-input-focus:var(--col-leaf);--col-placeholder:var(--col-muted);--col-sidebar-bg:var(--col-earth);--col-sidebar-text:var(--col-white);--col-sidebar-muted:#fff9;--col-sidebar-hover:#ffffff1a;--col-sidebar-active:var(--col-leaf);--col-sidebar-border:#ffffff1f;--col-sidebar-icon:#fffc;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:40px;--sp-2xl:64px;--r-sm:6px;--r-md:12px;--r-lg:20px;--r-pill:999px;--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-pill:var(--r-pill);--shadow-sm:0 1px 3px #1a241014, 0 1px 2px #1a24100a;--shadow-md:0 4px 12px #1a24101a, 0 2px 6px #1a24100f;--shadow-lg:0 10px 32px #1a24101f, 0 4px 12px #1a24100f;--font-display:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-body);background:var(--col-bg);color:var(--col-text);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--col-border);border-radius:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.3s forwards fadeIn}.sidebar{background:var(--col-earth);flex-direction:column;flex-shrink:0;width:240px;min-height:100vh;transition:width .25s;display:flex;position:relative}.sidebar--collapsed{width:64px}.sidebar__logo{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:20px 16px 16px;display:flex}.sidebar__logo-mark{background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar__logo-text{flex-direction:column;flex:1;min-width:0;line-height:1.1;display:flex}.sidebar__logo-name{font-family:var(--font-display);color:var(--col-white);font-size:16px;font-weight:700}.sidebar__logo-sub{color:var(--col-harvest);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.sidebar__mobile-close{color:#ffffffb3;border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:none}.sidebar__mobile-close:hover{background:#ffffff1a}.sidebar__role-badge{background:var(--role-color,var(--col-leaf));border-radius:var(--r-pill);color:#fff;letter-spacing:.04em;text-align:center;opacity:.9;margin:12px 16px 4px;padding:5px 10px;font-size:11px;font-weight:600}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar__link{border-radius:var(--r-sm);color:#ffffffa6;white-space:nowrap;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:400;transition:all .15s;display:flex;overflow:hidden}.sidebar__link:hover{color:#ffffffe6;background:#ffffff14}.sidebar__link--active{background:var(--role-color,var(--col-leaf));color:#fff;font-weight:500}.sidebar__link svg{flex-shrink:0}.sidebar__footer{border-top:1px solid #ffffff14;align-items:center;gap:8px;padding:12px 8px;display:flex}.sidebar__user{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sidebar__avatar{background:var(--col-harvest);width:32px;height:32px;color:var(--col-earth);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar__user-info{flex-direction:column;min-width:0;display:flex}.sidebar__user-name{color:var(--col-white);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.sidebar__user-email{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar__logout{color:#ffffff73;border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.sidebar__logout:hover{color:#ffffffe6;background:#ffffff1a}.sidebar__collapse-btn{background:var(--col-harvest);width:24px;height:24px;color:var(--col-earth);box-shadow:var(--shadow-sm);z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.sidebar__collapse-btn:hover{background:var(--col-sprout)}.sidebar-desktop{display:flex}.mobile-topbar{background:var(--col-earth);z-index:200;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 16px;display:none;position:sticky;top:0}.mobile-topbar__hamburger{color:#ffffffd9;border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.mobile-topbar__hamburger:hover{background:#ffffff1a}.mobile-topbar__brand{flex:1;align-items:center;gap:8px;display:flex}.mobile-topbar__logo-mark{background:0 0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mobile-topbar__name{font-family:var(--font-display);color:var(--col-white);font-size:15px;font-weight:700}.mobile-topbar__avatar{width:32px;height:32px;color:var(--col-earth);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar-overlay{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:none;position:fixed;inset:0}.sidebar-drawer{z-index:400;width:260px;height:100%;transition:transform .28s;display:none;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-drawer .sidebar{width:260px;height:100%;min-height:100%}.sidebar-drawer .sidebar__collapse-btn{display:none}.sidebar-drawer--open{transform:translate(0)}@media (width<=768px){.sidebar-desktop{display:none}.mobile-topbar{display:flex}.sidebar-overlay,.sidebar-drawer{display:block}.sidebar__mobile-close{display:flex}}.app-layout{min-height:100vh;display:flex}.app-layout__main{background:var(--col-chalk);flex:1;min-width:0;overflow-y:auto}.app-layout__content{padding:var(--sp-xl);max-width:1280px}@media (width<=768px){.app-layout{flex-direction:column}.app-layout__main{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.app-layout__content{padding:var(--sp-md)}}.login-page{background:var(--col-bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.login-page__bg{z-index:0;background:linear-gradient(135deg,#0f2f0f 0%,#1a4a1a 40%,#0d3320 100%);position:fixed;inset:0}.login-page__container{z-index:1;background:var(--col-bg);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:2rem 2rem 1.5rem;position:relative;box-shadow:0 20px 60px #00000059}.login-page__header{text-align:center;margin-bottom:1.5rem}.login-page__logo-mark{color:#0000;background:0 0;border-radius:0;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto .6rem;display:flex}.login-page__title{color:var(--col-text);margin:0 0 5px;font-size:22px;font-weight:700}.login-page__tagline{color:var(--col-muted);margin:0;font-size:13px;line-height:1.5}.auth-toggle{border:1px solid var(--col-border);border-radius:var(--radius-sm);margin-bottom:1.5rem;display:flex;overflow:hidden}.auth-toggle__btn{color:var(--col-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:9px;font-size:13px;font-weight:500;transition:all .15s}.auth-toggle__btn--active{background:var(--col-primary);color:#fff}.auth-toggle__btn:not(.auth-toggle__btn--active):hover{background:var(--col-surface)}.login-form{flex-direction:column;gap:1rem;display:flex}.login-form__row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=400px){.login-form__row{grid-template-columns:1fr}}.login-form__field{flex-direction:column;gap:5px;display:flex}.login-form__field label{color:var(--col-text);font-size:13px;font-weight:500}.login-form__field input{border:1px solid var(--col-border);border-radius:var(--radius-sm);background:var(--col-surface);color:var(--col-text);padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.login-form__field input:focus{border-color:var(--col-primary);outline:none}.login-form__field input:disabled{opacity:.6}.role-picker{flex-direction:column;gap:.5rem;display:flex}.role-card{border:1.5px solid var(--col-border);border-radius:var(--radius-sm);background:var(--col-bg);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.role-card:hover{border-color:var(--col-primary)}.role-card--active{border-color:var(--col-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--col-primary) 15%, transparent)}.role-card__label{color:var(--col-text);font-size:13px;font-weight:600}.role-card__desc{color:var(--col-muted);font-size:12px}.login-form__error{color:var(--col-danger);border-radius:var(--radius-sm);background:#fef2f2;padding:8px 12px;font-size:13px}.login-form__success{color:var(--col-success);border-radius:var(--radius-sm);background:#f0fdf4;padding:8px 12px;font-size:13px}.login-form__submit{background:var(--col-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:11px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s}.login-form__submit:hover:not(:disabled){opacity:.88}.login-form__submit:disabled{opacity:.5;cursor:not-allowed}.login-form__switch{color:var(--col-muted);text-align:center;margin:0;font-size:12px}.login-form__switch button{color:var(--col-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.reg-success-card{background:var(--color-background-primary,#fff);border:.5px solid var(--color-border-tertiary,#e5e3dd);border-radius:var(--border-radius-lg,12px);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;display:flex}.reg-success-card__icon{font-size:48px}.reg-success-card__title{color:var(--col-text);margin:0;font-size:20px;font-weight:700}.reg-success-card__body{color:var(--col-muted);max-width:340px;margin:0;font-size:14px;line-height:1.6}.reg-success-card__note{color:var(--col-primary,#4a7c2f);background:#f0f7ec;border-radius:8px;max-width:340px;margin:0;padding:10px 16px;font-size:13px}.card{background:var(--col-white);border:1px solid var(--col-border);border-radius:var(--r-md);padding:var(--sp-lg);box-shadow:var(--shadow-sm)}.badge{border-radius:var(--r-pill);letter-spacing:.02em;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge--success{color:var(--col-success);background:#e8f5e9}.badge--warning{color:#b8860b;background:#fff8e1}.badge--danger{color:var(--col-danger);background:#ffebee}.badge--info{color:var(--col-info);background:#e3f2fd}.badge--neutral{background:var(--col-sky);color:var(--col-muted)}.btn{border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:6px;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:6px 14px;font-size:13px}.btn--md{padding:9px 18px;font-size:14px}.btn--lg{padding:12px 24px;font-size:15px}.btn--primary{background:var(--col-earth);color:#fff}.btn--primary:hover:not(:disabled){background:var(--col-leaf)}.btn--secondary{background:var(--col-sky);color:var(--col-earth);border:1px solid var(--col-border)}.btn--secondary:hover:not(:disabled){background:var(--col-border)}.btn--ghost{color:var(--col-muted)}.btn--ghost:hover:not(:disabled){background:var(--col-sky);color:var(--col-ink)}.btn--danger{background:var(--col-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#a93226}.stat-card{flex-direction:column;gap:6px;display:flex}.stat-card__header{justify-content:space-between;align-items:center;display:flex}.stat-card__label{color:var(--col-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;font-weight:500}.stat-card__icon{border-radius:var(--r-sm);background:var(--col-sky);width:32px;height:32px;color:var(--col-leaf);justify-content:center;align-items:center;display:flex}.stat-card__value{font-family:var(--font-display);color:var(--col-ink);font-size:28px;font-weight:700;line-height:1}.stat-card__sub{color:var(--col-muted);font-size:12px}.page-header{margin-bottom:var(--sp-xl);justify-content:space-between;align-items:flex-start;gap:var(--sp-md);display:flex}.page-header__title{font-family:var(--font-display);color:var(--col-ink);font-size:28px;font-weight:700;line-height:1.2}.page-header__subtitle{color:var(--col-muted);margin-top:4px;font-size:14px}.page-header__action{flex-shrink:0}.section-title{font-family:var(--font-display);color:var(--col-ink);margin-bottom:var(--sp-md);font-size:17px;font-weight:600}.empty-state{padding:var(--sp-2xl) var(--sp-xl);text-align:center;justify-content:center;align-items:center;gap:var(--sp-sm);flex-direction:column;display:flex}.empty-state__icon{background:var(--col-sky);width:56px;height:56px;color:var(--col-muted);margin-bottom:var(--sp-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state__title{color:var(--col-ink);font-size:16px;font-weight:600}.empty-state__desc{color:var(--col-muted);max-width:360px;font-size:13.5px}.empty-state__action{margin-top:var(--sp-sm)}.grid-2{gap:var(--sp-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--sp-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.grid-4{gap:var(--sp-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.grid-4{grid-template-columns:1fr}}.farmer-grid-main{gap:var(--sp-lg);grid-template-columns:1fr 360px;display:grid}@media (width<=860px){.farmer-grid-main{grid-template-columns:1fr}}.farmer-alert{align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-sm);margin-bottom:var(--sp-lg);color:#92400e;background:#fffbeb;border:1px solid #fbbf24;flex-wrap:wrap;font-size:13px;display:flex}.farmer-alert strong{color:#78350f}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead tr{border-bottom:2px solid var(--col-border)}.data-table thead th{text-align:left;color:var(--col-muted);white-space:nowrap;padding:8px 12px;font-size:12px;font-weight:600}.data-table tbody tr{border-bottom:1px solid var(--col-border)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody td{color:var(--col-text);padding:10px 12px}.data-table tbody tr:hover{background:var(--col-surface)}.data-table__mono{color:var(--col-muted);font-family:monospace;font-size:12px}.data-table__muted{color:var(--col-muted);font-size:12px}.repayment-row{border-bottom:1px solid var(--col-border);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.repayment-row:last-child{border-bottom:none}.repayment-progress{background:var(--col-border);height:10px;margin:var(--sp-sm) 0;border-radius:6px}.repayment-progress__bar{background:var(--col-primary);border-radius:6px;height:10px;transition:width .4s}.repayment-note{color:var(--col-muted);font-size:12px}.credit-score-card{align-items:center;gap:var(--sp-lg);padding:var(--sp-md);display:flex}.credit-score__ring{flex-direction:column;flex-shrink:0;align-items:center;width:72px;display:flex}.credit-score__value{color:var(--col-primary);font-size:28px;font-weight:700;line-height:1}.credit-score__label{color:var(--col-muted);font-size:11px}.credit-score__desc{color:var(--col-muted);margin-top:4px;font-size:12px}.stepper{margin-bottom:var(--sp-xl);align-items:center;gap:0;display:flex;overflow-x:auto}.stepper__step{align-items:center;gap:var(--sp-sm);color:var(--col-muted);flex-shrink:0;font-size:13px;display:flex}.stepper__step:not(:last-child):after{content:"→";margin:0 var(--sp-sm);color:var(--col-border)}.stepper__step--active{color:var(--col-primary);font-weight:600}.stepper__step--done{color:var(--col-success)}.stepper__dot{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.stepper__step--active .stepper__dot{background:var(--col-primary);color:#fff;border-color:var(--col-primary)}.stepper__step--done .stepper__dot{background:var(--col-success);color:#fff;border-color:var(--col-success)}.credit-type-grid{gap:var(--sp-md);margin:var(--sp-md) 0;grid-template-columns:repeat(3,1fr);display:grid}@media (width<=580px){.credit-type-grid{grid-template-columns:1fr}}.credit-type-card{padding:var(--sp-md);border:2px solid var(--col-border);border-radius:var(--radius-md);background:var(--col-bg);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:6px;transition:border-color .15s,box-shadow .15s;display:flex}.credit-type-card:hover{border-color:var(--col-primary)}.credit-type-card--selected{border-color:var(--col-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--col-primary) 15%, transparent)}.credit-type-card__emoji{font-size:24px}.credit-type-card__desc{color:var(--col-muted);font-size:12px;font-weight:400}.app-step{gap:var(--sp-md);flex-direction:column;display:flex}.app-step h3{margin:0 0 var(--sp-xs);font-size:16px}.step-actions{gap:var(--sp-sm);margin-top:var(--sp-sm);flex-wrap:wrap;justify-content:flex-end;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--col-text);font-size:13px;font-weight:500}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--col-border);border-radius:var(--radius-sm);background:var(--col-surface);color:var(--col-text);resize:vertical;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--col-primary);outline:none}.form-row{gap:var(--sp-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.required{color:var(--col-danger)}.form-error{color:var(--col-danger);border-radius:var(--radius-sm);margin-bottom:var(--sp-sm);background:#fef2f2;padding:8px 12px;font-size:13px}.form-success{color:var(--col-success);border-radius:var(--radius-sm);margin-bottom:var(--sp-sm);background:#f0fdf4;padding:8px 12px;font-size:13px}.review-block{background:var(--col-surface);border-radius:var(--radius-sm);padding:var(--sp-md);border:1px solid var(--col-border)}.review-row{border-bottom:1px solid var(--col-border);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.review-row:last-child{border-bottom:none}.review-purpose{margin-top:var(--sp-md);padding:var(--sp-md);background:var(--col-surface);border-radius:var(--radius-sm);font-size:13px}.review-purpose strong{margin-bottom:4px;display:block}.admin-grid-main{gap:var(--sp-lg);grid-template-columns:1fr 320px;display:grid}@media (width<=860px){.admin-grid-main{grid-template-columns:1fr}}.health-row{align-items:center;gap:var(--sp-sm);border-bottom:1px solid var(--col-border);padding:9px 0;font-size:13px;display:flex}.health-row:last-child{border-bottom:none}.health-row svg{color:var(--col-muted);flex-shrink:0}.health-row span{color:var(--col-muted);flex:1}.health-row strong{color:var(--col-text)}.investor-grid-main{gap:var(--sp-lg);grid-template-columns:1fr 340px;display:grid}@media (width<=860px){.investor-grid-main{grid-template-columns:1fr}}.farmer-match-card{align-items:center;gap:var(--sp-md);padding:var(--sp-sm) var(--sp-md);border:1px solid var(--col-border);border-radius:var(--radius-sm);margin-bottom:var(--sp-sm);background:var(--col-bg);display:flex}.farmer-match-card__avatar{background:var(--col-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.farmer-match-card__info{flex:1;min-width:0}.farmer-match-card__name{font-size:13px;font-weight:600;display:block}.farmer-match-card__meta{color:var(--col-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.farmer-match-card__ask{color:var(--col-muted);flex-direction:column;flex-shrink:0;align-items:flex-end;font-size:12px;display:flex}.farmer-match-card__ask strong{color:var(--col-text);font-size:14px}.inv-type-bar__item{align-items:center;gap:var(--sp-sm);display:flex}.inv-type-bar__track{background:var(--col-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.inv-type-bar__fill{border-radius:4px;height:8px;transition:width .4s}.consumer-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.produce-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.produce-card__image{aspect-ratio:16/10;object-fit:cover;background:var(--col-surface,#f4f3ef);width:100%;display:block}.produce-card__image-placeholder{aspect-ratio:16/10;background:var(--col-surface,#f4f3ef);width:100%;color:var(--col-muted);justify-content:center;align-items:center;font-size:36px;display:flex}.produce-card__body{gap:var(--sp-xs);padding:var(--sp-md);flex-direction:column;flex:1;display:flex}.produce-card__header{justify-content:space-between;align-items:flex-start;display:flex}.produce-card__name{color:var(--col-text);margin:2px 0;font-size:15px;font-weight:600}.produce-card__farm{color:var(--col-muted);font-size:13px}.produce-card__price-row{margin-top:var(--sp-xs);justify-content:space-between;align-items:flex-end;display:flex}.produce-card__price{color:var(--col-primary,#4a7c2f);font-size:20px;font-weight:700}.produce-card__unit,.produce-card__avail{color:var(--col-muted);font-size:12px}.produce-card__desc{color:var(--col-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.order-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.order-modal{background:var(--color-background-primary,#fff);border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:calc(100vh - 32px);margin:auto;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000038}.order-modal__header{border-bottom:.5px solid var(--color-border-tertiary,#e5e3dd);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.order-modal__title{color:var(--col-text);font-size:16px;font-weight:600}.order-modal__close{cursor:pointer;color:var(--col-muted);background:0 0;border:none;align-items:center;padding:4px;display:flex}.order-modal__body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.order-modal__footer{border-top:.5px solid var(--color-border-tertiary,#e5e3dd);flex-shrink:0;gap:8px;padding:16px 20px;display:flex}.order-modal__produce{background:var(--col-surface,#f8f7f4);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.order-modal__produce-img{object-fit:cover;background:var(--color-border-tertiary);border-radius:6px;flex-shrink:0;width:64px;height:48px}.order-modal__produce-placeholder{background:var(--color-border-tertiary,#e5e3dd);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:48px;font-size:22px;display:flex}.order-modal__produce-info strong{font-size:14px;display:block}.order-modal__produce-info span{color:var(--col-muted);font-size:13px}.delivery-toggle,.payment-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toggle-option{border:1.5px solid var(--color-border-secondary,#d0cec8);cursor:pointer;text-align:center;background:var(--color-background-primary);border-radius:8px;padding:12px;transition:border-color .15s,background .15s}.toggle-option:hover{border-color:var(--col-primary,#4a7c2f)}.toggle-option--active{border-color:var(--col-primary,#4a7c2f);background:#f0f7ec}.toggle-option--pay-active{background:#fdf6e3;border-color:#e8a020}.toggle-option__icon{margin-bottom:4px;font-size:22px}.toggle-option__label{color:var(--col-text);font-size:13px;font-weight:600}.toggle-option__sub{color:var(--col-muted);margin-top:2px;font-size:11px}.payment-panel{background:#fffdf5;border:1.5px solid #e8a020;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.payment-panel__title{color:#b37a00;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.momo-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.momo-option{border:1.5px solid var(--color-border-secondary,#d0cec8);cursor:pointer;text-align:center;background:#fff;border-radius:8px;padding:10px 6px;transition:all .15s}.momo-option:hover{border-color:#e8a020}.momo-option--active{background:#fff8e6;border-color:#e8a020}.momo-option__logo{margin-bottom:3px;font-size:20px}.momo-option__name{color:var(--col-text);font-size:11px;font-weight:600}.order-summary{background:var(--col-surface,#f8f7f4);border-radius:8px;padding:14px}.order-summary__row{color:var(--col-muted);justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.order-summary__total{border-top:.5px solid var(--color-border-tertiary,#e5e3dd);color:var(--col-text);justify-content:space-between;margin-top:6px;padding-top:10px;font-size:15px;font-weight:700;display:flex}.payment-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;display:flex}.payment-success__icon{font-size:52px}.payment-success__title{color:var(--col-text);font-size:18px;font-weight:700}.payment-success__sub{color:var(--col-muted);max-width:320px;font-size:13px}.payment-success__ref{background:var(--col-surface,#f4f3ef);color:var(--col-muted);border-radius:20px;padding:6px 14px;font-family:monospace;font-size:12px}