@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap";:root{--primary:#1b7d3f;--primary-rgb:27, 125, 63;--primary-dark:#135e2f;--primary-darker:#0c3e1f;--primary-light:#eaf5ee;--primary-subtle:#f3f9f5;--accent:#e86a17;--accent-rgb:232, 106, 23;--accent-dark:#b84d06;--accent-light:#fff3eb;--accent-subtle:#fff8f2;--earth-brown:#5a381e;--earth-brown-light:#7d4e2a;--earth-light:#f7f2eb;--earth-subtle:#faf6f0;--lime:#65a30d;--lime-dark:#4d7c0f;--lime-light:#f7fee7;--lime-subtle:#ecfccb;--lime-border:#65a30d40;--sage:#447b59;--sage-dark:#325b42;--sage-light:#eff6f1;--sage-subtle:#e2ece5;--sage-border:#447b5938;--cream:#faf7f0;--cream-subtle:#fdfbf7;--cream-border:#efe9dc;--surface-warm:#faf8f4;--surface-cream:#f5efeb;--gold:#d97706;--gold-dark:#b45309;--gold-light:#fef3c7;--gold-subtle:#fffbeb;--gold-border:#d9770638;--terracotta:#c2542d;--terracotta-dark:#9f3f1d;--terracotta-light:#fdf2ec;--terracotta-subtle:#fbe6dc;--terracotta-border:#c2542d38;--clay:#8c532b;--clay-light:#f8efe8;--gradient-hero:linear-gradient(175deg, #f2f7f3 0%, #faf8f2 60%, #fff 100%);--gradient-warm:linear-gradient(135deg, #faf7f0 0%, #f5f9f4 100%);--gradient-meadow:linear-gradient(135deg, #f0f7f2 0%, #e8f3eb 100%);--gradient-harvest:linear-gradient(135deg, #fff9f2 0%, #fef3c7 100%);--gradient-flash:linear-gradient(135deg, #fff6ee 0%, #fffdf9 50%, #f5fbf6 100%);--bg:#fff;--bg-soft:#f9faf7;--bg-subtle:#f0f4ed;--surface-card:#fff;--dark:#16241b;--dark-surface:#1d2e23;--text:#1f2e24;--text-secondary:#4a5a51;--muted:#6e7e74;--text-inverse:#fff;--border:#e1e7df;--border-mid:#cfdacc;--border-focus:var(--primary);--danger:#d92d20;--danger-light:#fef3f2;--success:#0e8345;--success-light:#ecfdf3;--warning:#e86a17;--warning-light:#fff3eb;--info:#175cd3;--info-light:#eff8ff;--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-md:16px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #16241b0f, 0 1px 2px #16241b0a;--shadow:0 4px 14px -2px #16241b14, 0 2px 6px -2px #16241b0a;--shadow-md:0 8px 24px -4px #16241b1a, 0 4px 10px -2px #16241b0a;--shadow-lg:0 16px 36px -6px #16241b1f, 0 6px 14px -3px #16241b0f;--transition:all .18s cubic-bezier(.16, 1, .3, 1);--transition-slow:all .3s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:15px}body{background-color:var(--bg-soft);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text);font-weight:700;line-height:1.25}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.app-layout-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content-area{flex:1;padding-bottom:30px}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px rgba(var(--primary-rgb), .28);transform:translateY(-1px)}.btn-secondary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}.btn-secondary:hover{background:var(--accent-dark);box-shadow:0 4px 12px rgba(var(--accent-rgb), .28);transform:translateY(-1px)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:8px;padding:9.5px 20px;font-size:13px;font-weight:700;display:inline-flex}.btn-outline:hover{background:var(--primary-light);color:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline-accent{color:var(--accent-dark);border:1.5px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:8px;padding:9.5px 20px;font-size:13px;font-weight:700;display:inline-flex}.btn-outline-accent:hover{background:var(--accent-light);color:var(--accent-dark);border-color:var(--accent-dark)}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}.btn-danger:hover{background:#b42318}.btn-sm{padding:6px 14px;font-size:12px}.btn-inline{width:auto}.form-group{margin-bottom:18px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}input[type=checkbox],input[type=radio]{accent-color:var(--primary);cursor:pointer}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=number],input[type=file],select,textarea{border:1.5px solid var(--border-mid);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:var(--transition);background:#fff;outline:none;padding:10px 14px;font-size:13.5px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12)}textarea{resize:vertical;min-height:100px}.breadcrumb{background:0 0;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-size:12px;display:flex}.breadcrumb-item a{color:var(--primary);font-weight:600}.breadcrumb-item.active{color:var(--muted)}.breadcrumb-item+.breadcrumb-item:before{content:"/";color:var(--border-mid);margin-right:8px}.row{flex-wrap:wrap;margin-left:-12px;margin-right:-12px;display:flex}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-left:12px;padding-right:12px}.g-2{row-gap:12px;margin-left:-6px;margin-right:-6px}.g-2>*{padding-left:6px;padding-right:6px}.g-3{row-gap:16px;margin-left:-10px;margin-right:-10px}.g-3>*{padding-left:10px;padding-right:10px}.g-4{row-gap:24px;margin-left:-14px;margin-right:-14px}.g-4>*{padding-left:14px;padding-right:14px}.col-12{flex:0 0 100%;max-width:100%}@media (width>=768px){.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-5{flex:0 0 41.6667%;max-width:41.6667%}.col-md-6{flex:0 0 50%;max-width:50%}}@media (width>=992px){.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}}.w-100{width:100%!important}.mb-5{margin-bottom:3rem!important}.text-center{text-align:center!important}.text-muted{color:var(--muted)!important}.text-primary{color:var(--primary)!important}.text-accent{color:var(--accent)!important}.table{border-collapse:collapse;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.table th{background:var(--bg-soft);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border);padding:12px 14px;font-size:11.5px;font-weight:700}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px;font-size:13px}.table tr:last-child td{border-bottom:none}.top-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 20px;display:flex}.top-links{align-items:center;gap:16px;list-style:none;display:flex}.top-links a{color:var(--muted);transition:var(--transition);font-size:12px;text-decoration:none}.top-links a:hover{color:var(--primary)}.site-header{z-index:1000;transition:var(--transition);background:#fff;border-bottom:1px solid #e2e8e0d9;position:sticky;top:0;box-shadow:0 1px 3px #00000005,0 6px 20px #00000004}.header-container{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.navbar-brand{letter-spacing:-.04em;color:var(--primary);flex-shrink:0;align-items:center;gap:9px;height:48px;font-size:21px;font-weight:800;text-decoration:none;transition:opacity .15s;display:inline-flex}.navbar-brand:hover{opacity:.92}.navbar-brand-logo-img{object-fit:contain;width:auto;max-width:150px;height:42px;display:block}@media (width<=768px){.navbar-brand-logo-img{max-width:120px;height:34px}}.navbar-brand .brand-leaf{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;width:32px;height:32px;box-shadow:0 2px 6px rgba(var(--primary-rgb), .28);border-radius:9px;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.navbar-brand .brand-text{color:var(--primary);font-weight:800}.navbar-brand .brand-accent{color:var(--accent);font-weight:800}.desktop-nav-links{background:#00000008;border:1px solid #e2e8e0b3;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:4px;display:flex}.desktop-nav-link{color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s}.desktop-nav-link:hover{color:var(--primary);background:var(--primary-light)}.desktop-nav-link.active{color:var(--primary);border:1px solid rgba(var(--primary-rgb), .2);background:#fff;font-weight:700;box-shadow:0 1px 4px #1b7d3f1f}.header-search-wrap{background:var(--bg-soft);border:1.5px solid var(--border);border-radius:999px;flex:1;align-items:center;gap:8px;max-width:380px;height:40px;padding:0 6px 0 14px;transition:all .2s;display:flex;position:relative}.header-search-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12);background:#fff}.header-search-wrap .search-icon{color:var(--muted);flex-shrink:0;font-size:13px}.header-search-wrap input{color:var(--text);background:0 0;border:none;outline:none;flex:1;width:100%;padding:8px 0;font-size:13px}.header-search-wrap input::placeholder{color:var(--muted);font-size:12.5px}.search-submit-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:all .18s;display:flex}.search-submit-btn:hover{background:var(--primary-dark);transform:scale(1.06)}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.quick-post-btn{background:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .28);border-radius:999px;align-items:center;gap:6px;padding:7px 15px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.quick-post-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb), .25)}.guest-actions{align-items:center;gap:8px;display:flex}.btn-nav-login{color:var(--text);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s}.btn-nav-login:hover{color:var(--primary);background:#0000000a}.btn-nav-join{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb), .25);white-space:nowrap;border-radius:999px;padding:8px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .18s}.btn-nav-join:hover{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-darker) 100%);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #176b3a52}.user-nav-actions{align-items:center;gap:4px;display:flex}.nav-action-icon{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.nav-action-icon:hover{background:var(--bg-soft);color:var(--primary)}button.nav-action-icon{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.nav-counter-badge{background:var(--accent);color:#fff;border:2px solid var(--bg);border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 3px;font-size:9px;font-weight:800;display:flex;position:absolute;top:3px;right:3px}.user-dropdown-container{margin-left:4px;position:relative}.user-avatar-trigger{border:1px solid var(--border-mid);background:var(--bg);cursor:pointer;transition:var(--transition);border-radius:999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.user-avatar-trigger:hover{border-color:var(--primary);background:var(--bg-soft)}.user-avatar-initial{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:flex}.user-avatar-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:12.5px;font-weight:600;overflow:hidden}.user-chevron{color:var(--muted);margin-right:2px;font-size:10px}.user-dropdown-menu{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);width:250px;box-shadow:var(--shadow-lg);z-index:1050;padding:8px;animation:.16s ease-out dropdownFade;position:absolute;top:calc(100% + 8px);right:0}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:10px 12px 8px}.user-full-name{color:var(--text);font-size:13.5px;font-weight:700}.user-email-text{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.user-role-badge{background:var(--primary-light);color:var(--primary);text-transform:capitalize;border-radius:999px;align-items:center;gap:5px;margin-top:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.user-dropdown-divider{background:var(--border);height:1px;margin:6px 0}.user-dropdown-item{color:var(--text-secondary);border-radius:var(--radius-sm);text-align:left;width:100%;transition:var(--transition);align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;font-weight:600;text-decoration:none;display:flex}.user-dropdown-item:hover{background:var(--bg-soft);color:var(--primary)}.user-dropdown-item i{color:var(--muted);text-align:center;width:16px;font-size:13px}.user-dropdown-item:hover i{color:var(--primary)}.user-dropdown-item.admin-link{color:var(--earth-brown)}.user-dropdown-item.text-danger{color:var(--danger)}.user-dropdown-item.text-danger:hover{background:var(--danger-light);color:var(--danger)}.user-dropdown-item.text-danger i{color:var(--danger)}.notification-bell-wrapper{align-items:center;display:flex;position:relative}.notification-dropdown{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);width:360px;max-width:calc(100vw - 24px);max-height:440px;box-shadow:var(--shadow-lg);z-index:1050;animation:.16s ease-out dropdownFade;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.notification-dropdown-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.notification-mark-all-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px;font-weight:600}.notification-mark-all-btn:hover{text-decoration:underline}.notification-dropdown-empty{text-align:center;color:var(--muted);padding:24px 16px;font-size:12px}.notification-dropdown-item{border-bottom:1px solid var(--border);cursor:pointer;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.notification-dropdown-item:hover{background:var(--bg-soft)}.notification-dropdown-item.is-unread{background:var(--primary-light)}.notification-dropdown-item.is-unread:hover{background:#1e7e341f}.notification-item-icon-box{background:var(--bg-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notification-item-icon-box i{color:var(--primary);font-size:13px}.notification-item-text{flex:1;min-width:0}.notification-item-title{margin-bottom:2px;font-size:12px}.notification-item-title.unread{color:var(--text);font-weight:700}.notification-item-title.read{color:var(--text-secondary);font-weight:500}.notification-item-body{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.notification-item-time{color:var(--muted);margin-top:4px;font-size:10px}@media (width<=640px){.notification-dropdown{border-radius:12px;width:auto;max-width:none;max-height:calc(100vh - 136px);position:fixed;top:64px;left:12px;right:12px;box-shadow:0 12px 32px #0003}}.mobile-toggle-btn,.mobile-search-toggle{color:var(--text);border-radius:var(--radius-sm);cursor:pointer;padding:8px;font-size:18px;display:none}.mobile-toggle-btn:hover,.mobile-search-toggle:hover{background:var(--bg-soft)}.mobile-search-bar{background:var(--bg);border-top:1px solid var(--border);box-shadow:var(--shadow-sm);padding:10px 0}.mobile-search-inner{align-items:center;gap:10px;display:flex}.mobile-search-close{color:var(--muted);padding:6px 10px;font-size:16px}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#121e1673;display:flex;position:fixed;inset:0}.mobile-drawer{width:min(340px,86vw);height:100%;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;animation:.22s ease-out drawerSlide;display:flex;overflow-y:auto}@keyframes drawerSlide{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.mobile-drawer-close{color:var(--muted);padding:6px;font-size:18px}.mobile-drawer-user{background:var(--bg-soft);border-bottom:1px solid var(--border);padding:16px 20px}.drawer-user-info{align-items:center;gap:12px;display:flex}.drawer-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.drawer-user-name{color:var(--text);font-size:14px;font-weight:700}.drawer-user-role{color:var(--primary);text-transform:capitalize;font-size:11px;font-weight:700}.drawer-guest-box p{color:var(--muted);margin-bottom:12px;font-size:12px}.drawer-guest-btns{gap:8px;display:flex}.drawer-guest-btns .btn-primary,.drawer-guest-btns .btn-outline{flex:1}.mobile-drawer-nav{flex-direction:column;gap:2px;padding:14px 16px;display:flex}.drawer-nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:12px 10px 4px;font-size:11px;font-weight:800}.drawer-nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.drawer-nav-link i{color:var(--muted);text-align:center;width:20px;font-size:15px}.drawer-nav-link:hover,.drawer-nav-link:active{background:var(--primary-light);color:var(--primary)}.drawer-nav-link:hover i{color:var(--primary)}.drawer-nav-link.highlight{color:var(--primary);background:var(--primary-light);font-weight:700}.drawer-logout-btn{color:var(--danger);border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.drawer-logout-btn i{color:var(--danger)}.mobile-bottom-nav{border-top:1px solid var(--border);z-index:1000;background:#fff;justify-content:space-around;align-items:center;height:58px;padding:0 8px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.bottom-nav-item{color:var(--muted);min-height:48px;transition:var(--transition);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 0;font-size:10.5px;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item i{font-size:17px}.bottom-nav-item.active{color:var(--primary);font-weight:700}.bottom-nav-icon-wrap{align-items:center;display:flex;position:relative}.bottom-nav-badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 2px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-5px;right:-8px}.category-subnav{border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:990;background:#fff;position:relative}.cat-scroll-wrap{align-items:center;display:flex;position:relative}.category-list{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:6px;margin:0;padding:8px 0;display:flex;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.cat-pill-item{flex-shrink:0}.cat-pill{background:var(--bg-soft);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;transition:var(--transition);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.cat-pill i{color:var(--primary);font-size:12px}.cat-pill:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.cat-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 6px rgba(var(--primary-rgb), .25)}.cat-pill.active i{color:#fff}.cat-scroll-btn{width:28px;height:28px;box-shadow:var(--shadow);border:1px solid var(--border);color:var(--primary);z-index:2;cursor:pointer;transition:var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cat-scroll-btn:hover{background:var(--primary-light);border-color:var(--primary)}.cat-scroll-btn-left{left:4px}.cat-scroll-btn-right{right:4px}.site-footer{background:var(--dark);color:#ffffffb3;border-top:3px solid var(--primary);padding:56px 0 24px}.footer-grid{grid-template-columns:2.2fr 1fr 1fr 1.6fr;gap:36px;margin-bottom:40px;display:grid}.footer-brand-logo{align-items:center;margin-bottom:14px;text-decoration:none;display:inline-flex}.footer-logo-badge{border-radius:var(--radius-sm,8px);background:#fff;justify-content:center;align-items:center;padding:6px 14px;transition:transform .15s;display:inline-flex;box-shadow:0 2px 8px #0000001f}.footer-logo-badge:hover{transform:translateY(-1px)}.footer-brand-logo-img{object-fit:contain;width:auto;max-width:120px;height:34px;display:block}.footer-brand-logo .brand-leaf{color:var(--primary)}.footer-brand-logo .brand-text{color:#fff}.footer-brand-logo .brand-accent{color:var(--accent)}.footer-tagline{color:#ffffffa6;max-width:380px;margin-bottom:16px;font-size:12.5px;line-height:1.7}.footer-trust-pill{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:7px;margin-bottom:18px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.footer-trust-pill i{color:var(--accent)}.footer-social-links{gap:8px;display:flex}.footer-social-links a{color:#ffffffb3;width:34px;height:34px;transition:var(--transition);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.footer-social-links a:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.footer-col h4{text-transform:uppercase;letter-spacing:.08em;color:#fff;border-bottom:2px solid var(--primary);margin-bottom:16px;padding-bottom:8px;font-size:12px;font-weight:800;display:inline-block}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#fff9;transition:var(--transition);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.footer-col ul li a i{color:var(--accent);font-size:10px}.footer-col ul li a:hover{color:#fff;transform:translate(3px)}.footer-contact-list li{color:#ffffffa6;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:12.5px;display:flex}.footer-contact-list li i{color:var(--accent);flex-shrink:0;margin-top:3px;font-size:13px}.footer-contact-list li i.fa-location-dot{color:var(--earth-brown-light)}.footer-contact-list a{color:#ffffffa6}.footer-contact-list a:hover{color:#fff;text-decoration:underline}.footer-bottom-bar{color:#ffffff73;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-size:11.5px;display:flex}.footer-bottom-links{align-items:center;gap:8px;display:flex}.footer-bottom-links a{color:#ffffff73}.footer-bottom-links a:hover{color:#fff}.dot-divider{opacity:.5}.marketplace-section{padding:38px 0}.marketplace-section.highlight-bg{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}.product-grid-4{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card,.product-card{border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);background:#fff;flex-direction:column;display:flex;overflow:hidden}.product-card{cursor:pointer}.my-listing-card{cursor:default}.card:hover,.product-card:hover{border-color:rgba(var(--primary-rgb), .35);box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-card .card-img{background:var(--bg-soft);justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.product-card .card-img img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.product-card:hover .card-img img{transform:scale(1.05)}.disc-tag{background:var(--accent);color:#fff;z-index:2;border-radius:4px;padding:3px 7px;font-size:9.5px;font-weight:800;position:absolute;top:8px;left:8px;box-shadow:0 1px 3px #00000026}.not-interested-btn{color:#fff;z-index:2;width:24px;height:24px;transition:var(--transition);background:#121e1699;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:8px;right:8px}.not-interested-btn:hover{background:#121e16e6}.quick-add{background:var(--primary);color:#fff;width:32px;height:32px;box-shadow:0 2px 8px rgba(var(--primary-rgb), .35);z-index:2;transition:var(--transition);opacity:0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;bottom:8px;right:8px}.product-card:hover .quick-add{opacity:1}.quick-add:hover{background:var(--primary-dark);transform:scale(1.08)}.product-card .card-body{flex-direction:column;flex:1;padding:12px 14px 14px;display:flex}.card-stars{color:var(--accent);align-items:center;gap:4px;margin-bottom:4px;font-size:10.5px;display:flex}.reviews-count{color:var(--muted);font-size:10px}.product-card .card-name{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin-bottom:6px;font-size:13.5px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.reco-reason{color:var(--primary);align-items:center;gap:4px;margin-bottom:6px;font-size:10.5px;font-weight:600;display:flex}.reco-reason i{color:var(--accent)}.card-seller-info{margin-bottom:10px}.seller-name-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.seller-name{color:var(--text-secondary);font-size:11.5px;font-weight:600}.verified-chip{background:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .2);border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-flex}.business-chip{background:var(--accent-light);color:var(--accent-dark);border:1px solid rgba(var(--accent-rgb), .2);border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-flex}.seller-location{color:var(--muted);align-items:center;gap:4px;margin-top:2px;font-size:10.5px;display:flex}.seller-location i{color:var(--earth-brown-light)}.card-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.card-price-wrap{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.card-price{color:var(--primary);letter-spacing:-.02em;font-size:15px;font-weight:800}.card-unit{color:var(--muted);font-size:11px;font-weight:500}.price-negotiable{color:var(--earth-brown);font-size:12.5px;font-weight:700}.card-price-del{color:var(--muted);font-size:10.5px;text-decoration:line-through}.card-add-btn{background:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .25);transition:var(--transition);border-radius:6px;padding:5px 12px;font-size:11.5px;font-weight:700}.card-add-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.card-add-btn.is-service{background:var(--accent-light);color:var(--accent-dark);border:1px solid rgba(var(--accent-rgb), .28)}.card-add-btn.is-service:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.card-add-btn.is-quote{background:var(--earth-light);color:var(--earth-brown);border:1px solid #5a381e40}.card-add-btn.is-quote:hover{background:var(--earth-brown);color:#fff;border-color:var(--earth-brown)}.flash-deals-container{border-top:1px solid rgba(var(--accent-rgb), .25);border-bottom:1px solid rgba(var(--accent-rgb), .25);background:#fffdf9}.flash-timer-pill{background:var(--accent);color:#fff;box-shadow:0 1px 4px rgba(var(--accent-rgb), .25);border-radius:999px;align-items:center;gap:6px;margin-left:10px;padding:3px 10px;font-family:monospace;font-size:11px;font-weight:700;display:inline-flex}.flash-scroll-row{scrollbar-width:none;gap:16px;padding-bottom:10px;display:flex;overflow-x:auto}.flash-scroll-row::-webkit-scrollbar{display:none}.advantage-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;display:grid}@media (width<=900px){.advantage-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.advantage-grid{grid-template-columns:1fr;gap:14px}}.advantage-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;padding:26px 22px;display:flex}.advantage-card:hover{box-shadow:var(--shadow);border-color:var(--primary);transform:translateY(-3px)}.advantage-card .icon{background:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:16px;font-size:20px;display:flex}.step-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);height:100%;transition:var(--transition);padding:24px 20px}.step-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.step-card h3{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:800}.step-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.banners{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px;display:grid}@media (width<=768px){.banners{grid-template-columns:1fr;gap:16px}}.banner{border-radius:var(--radius);color:#fff;flex-direction:column;align-items:flex-start;padding:34px 30px;display:flex;position:relative;overflow:hidden}.banner i.fa-solid:first-child{opacity:.95;margin-bottom:14px;font-size:32px}.banner h3{color:#fff;letter-spacing:-.025em;margin-bottom:8px;font-size:22px;font-weight:800}.banner p{opacity:.92;max-width:440px;margin-bottom:22px;font-size:13.5px;line-height:1.6}.banner-green{background:linear-gradient(135deg,#165b32 0%,#0d381e 100%);box-shadow:0 10px 24px -6px #165b3259}.banner-amber{background:linear-gradient(135deg,#b46b0a 0%,#784403 100%);box-shadow:0 10px 24px -6px #b46b0a59}.banner-btn{color:var(--text-dark,#111827);border-radius:var(--radius-sm);transition:var(--transition);background:#fff;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #00000026}.banner-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000038}.banner-green .banner-btn{color:#165b32}.banner-green .banner-btn:hover{background:#f0fdf4}.banner-amber .banner-btn{color:#784403}.banner-amber .banner-btn:hover{background:#fffbeb}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}@media (width<=860px){.contact-grid{grid-template-columns:1fr;gap:24px}}.svc-grid-responsive{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.svc-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.svc-grid-responsive{grid-template-columns:1fr;gap:14px}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;display:grid}@media (width>=992px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.stat-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;gap:8px;padding:20px;display:flex}.stat-card:hover{border-color:rgba(var(--primary-rgb), .35);box-shadow:0 4px 14px rgba(var(--primary-rgb), .08)}.stat-card .stat-icon{border-radius:var(--radius-sm);background:var(--primary-light);border:1px solid rgba(var(--primary-rgb), .2);justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-card .stat-icon i{color:var(--primary);font-size:18px}.stat-card .stat-value{color:var(--text);letter-spacing:-.04em;font-size:24px;font-weight:900}.stat-card .stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:14px 16px}.stat-card .stat-value{font-size:20px}}@media (width<=480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}.stat-card .stat-value{font-size:18px}.stat-card .stat-label{font-size:10px}}.empty-cart{text-align:center;background:var(--bg);border-radius:var(--radius);border:2px dashed var(--border-mid);flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:56px 24px;display:flex}.empty-cart i{color:var(--border-mid);margin-bottom:16px;font-size:44px;display:block}.empty-cart p{color:var(--muted);max-width:440px;margin-bottom:20px;font-size:14.5px;line-height:1.5}.card-img-inner{background:linear-gradient(135deg, var(--bg-soft) 0%, var(--primary-light) 100%);width:100%;height:100%;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0;overflow:hidden}.card-img-inner i{color:var(--primary);opacity:.9;font-size:32px}.card-img-inner img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.cat-label{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#16241bb8;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.stars-render{color:var(--accent);align-items:center;gap:2px;font-size:11px;display:inline-flex}.nav-badge{background:var(--accent);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:800}.nav-icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px;font-size:18px;position:relative}.nav-icon-btn:hover{color:var(--primary)}.drawer-user-details{flex-direction:column;gap:2px;display:flex}.session-restoring{opacity:.7;pointer-events:none}.nav-action-wrapper{align-items:center;display:flex;position:relative}.home-page-root{width:100%}.hero-content-col{flex-direction:column;justify-content:center;display:flex}.flash-header-left{align-items:center;gap:10px;display:flex}.category-sidebar-group{margin-bottom:20px}.footer-brand-col{flex-direction:column;gap:14px;display:flex}.qty-size-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.section-hdr{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.scroll-row{scrollbar-width:thin;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.login-prompt{background:var(--primary-light);border-radius:var(--radius);text-align:center;margin:20px 0;padding:16px}.book-form{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.shop-search{width:100%;margin-bottom:20px}.shop-tabs{border-bottom:2px solid var(--border);-ms-overflow-style:none;scrollbar-width:none;gap:8px;margin-bottom:24px;padding-bottom:2px;display:flex;overflow-x:auto}.shop-tabs::-webkit-scrollbar{display:none}.shop-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 18px;font-size:13.5px;font-weight:600;display:inline-flex}.shop-tab:hover{color:var(--primary)}.shop-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.orders-table{border-collapse:collapse;border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);background:var(--bg);border:1px solid var(--border);overflow:hidden}.orders-table thead th{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700}.orders-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;background:var(--bg);padding:14px 16px;font-size:13px}.orders-table tbody tr:hover td{background:var(--primary-subtle)}.orders-table tbody tr:last-child td{border-bottom:none}.status-,.status-pending{background:var(--accent-light);color:var(--accent-dark);border:1px solid rgba(var(--accent-rgb), .25);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.status-delivered{background:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .25);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.status-cancelled{background:var(--danger-light);color:var(--danger);white-space:nowrap;border:1px solid #d92d2033;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.status-confirmed,.status-shipped{color:#1d4ed8;white-space:nowrap;background:#eaf2fe;border:1px solid #1d4ed833;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.escrow-hint{color:var(--muted);align-items:center;gap:5px;margin-top:6px;font-size:11.5px;display:flex}.server-unavailable-banner{background:var(--danger);color:#fff;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:9px 24px;font-size:12.5px;font-weight:600;display:flex}.server-unavailable-banner button{color:#b91c1c;cursor:pointer;background:#ffffffeb;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2500;background:#121e1680;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-dialog{border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-width:400px;padding:24px}.confirm-dialog .confirm-icon{background:var(--danger-light);width:48px;height:48px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:20px;display:flex}.confirm-dialog h3{margin-bottom:8px;font-size:17px;font-weight:800}.confirm-dialog p{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.55}.confirm-actions{gap:10px;display:flex}.confirm-actions button{flex:1}.app-toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:20px}.app-toast{border-radius:var(--radius-sm);min-width:280px;max-width:360px;box-shadow:var(--shadow-lg);border-left:4px solid var(--primary);background:#fff;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.hero-editorial-section{border-bottom:1px solid var(--border);background:linear-gradient(175deg,#fafbf8 0%,#eef4eb 100%);padding:48px 0 54px;position:relative;overflow:hidden}.hero-editorial-section:after{content:"";background:var(--border);height:1px;position:absolute;bottom:0;left:0;right:0}.hero-split-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;display:grid}.hero-badge-pill{background:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .25);letter-spacing:.04em;border-radius:999px;align-items:center;gap:7px;margin-bottom:16px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.hero-badge-pill i{color:var(--primary)}.hero-main-title{letter-spacing:-.04em;color:var(--text);margin-bottom:14px;font-size:clamp(32px,4.2vw,48px);font-weight:800;line-height:1.12}.hero-title-highlight{color:var(--primary);position:relative}.hero-description-text{color:var(--text-secondary);max-width:520px;margin-bottom:24px;font-size:15px;line-height:1.6}.hero-search-box{border:2px solid var(--border-mid);border-radius:var(--radius);box-shadow:var(--shadow);max-width:540px;transition:var(--transition);background:#fff;align-items:center;gap:12px;padding:4px 6px 4px 16px;display:flex}.hero-search-box:focus-within{border-color:var(--primary);box-shadow:0 6px 20px rgba(var(--primary-rgb), .16)}.hero-search-icon{color:var(--muted);flex-shrink:0;font-size:16px}.hero-search-box input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:14px}.hero-search-submit{background:var(--primary);color:#fff;border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:700;display:inline-flex}.hero-search-submit:hover{background:var(--primary-dark)}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.hero-btn-main{width:auto;padding:12px 24px}.hero-btn-sub{background:#fff;width:auto;padding:11px 22px}.hero-popular-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.popular-label{color:var(--muted);font-weight:600}.popular-tag{border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);background:#ffffffb3;border-radius:999px;padding:3px 10px;font-weight:500}.popular-tag:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.hero-visual-col{position:relative}.hero-image-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);aspect-ratio:16/10;background:#fff;position:relative;overflow:hidden}.hero-farmer-img{object-fit:cover;width:100%;height:100%}.floating-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:2;background:#fffffff2;align-items:center;gap:10px;padding:9px 14px;display:flex;position:absolute}.farm-verified-badge{bottom:18px;left:18px}.farm-verified-badge i{color:var(--primary);font-size:20px}.farm-verified-badge strong{color:var(--text);font-size:12px;display:block}.farm-verified-badge span{color:var(--muted);font-size:10px}.escrow-badge{top:18px;right:18px}.escrow-badge i{color:var(--accent);font-size:18px}.escrow-badge strong{color:var(--text);font-size:11.5px;display:block}.escrow-badge span{color:var(--muted);font-size:9.5px}.trust-reassurance-strip{border-bottom:1px solid var(--border);background:#fff;padding:28px 0}.trust-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.trust-card{align-items:flex-start;gap:14px;display:flex}.trust-icon-box{border-radius:var(--radius);background:var(--primary-light);width:44px;height:44px;color:var(--primary);transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.trust-card:first-child .trust-icon-box{background:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .2)}.trust-card:nth-child(2) .trust-icon-box{background:var(--earth-light);color:var(--earth-brown);border:1px solid #5a381e33}.trust-card:nth-child(3) .trust-icon-box{background:var(--accent-light);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .2)}.trust-card:nth-child(4) .trust-icon-box{background:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .2)}.trust-card-text h4{color:var(--text);margin-bottom:3px;font-size:13.5px;font-weight:700}.trust-card-text p{color:var(--muted);font-size:11.5px;line-height:1.45}.categories-showcase-section{padding:44px 0 36px}.section-header-row{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.section-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:4px;font-size:11px;font-weight:800;display:block}.section-heading{color:var(--text);letter-spacing:-.03em;font-size:22px;font-weight:800}.see-all-link{color:var(--primary);transition:var(--transition);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.see-all-link:hover{color:var(--primary-dark);transform:translate(2px)}.category-cards-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.category-feature-card{border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition);background:#fff;flex-direction:column;align-items:center;padding:20px 14px;text-decoration:none;display:flex}.category-feature-card:hover{border-color:rgba(var(--primary-rgb), .35);box-shadow:0 4px 14px rgba(var(--primary-rgb), .08);transform:translateY(-3px)}.category-icon-circle{width:52px;height:52px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:22px;display:flex}.category-icon-circle.green{background:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .2)}.category-icon-circle.amber,.category-icon-circle.orange{background:var(--accent-light);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .2)}.category-icon-circle.brown,.category-icon-circle.earth{background:var(--earth-light);color:var(--earth-brown);border:1px solid #5a381e33}.category-feature-card:hover .category-icon-circle{transform:scale(1.08)}.category-feature-card h3{color:var(--text);margin-bottom:5px;font-size:13.5px;font-weight:700}.category-feature-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.category-link-text{color:var(--primary);align-items:center;gap:4px;margin-top:auto;font-size:11px;font-weight:700;display:inline-flex}.participation-section{padding:44px 0}.participation-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.participation-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;padding:32px 28px;display:flex;position:relative;overflow:hidden}.farmer-card{color:#fff;background:linear-gradient(145deg,#156935 0%,#0d4422 100%)}.buyer-card{color:#fff;background:linear-gradient(145deg,#d45b0e 0%,#a24205 100%)}.participation-icon{border-radius:var(--radius-sm);background:#ffffff26;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:22px;display:flex}.participation-card h3{color:#fff;margin-bottom:10px;font-size:19px;font-weight:800;line-height:1.3}.participation-card p{color:#ffffffe6;margin-bottom:22px;font-size:13.5px;line-height:1.6}.participation-btn{width:fit-content;color:var(--text);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;padding:10px 20px;font-weight:700}.farmer-card .participation-btn{color:var(--primary-dark)}.farmer-card .participation-btn:hover{background:var(--primary-light);color:var(--primary)}.buyer-card .participation-btn{color:var(--accent-dark)}.buyer-card .participation-btn:hover{background:var(--accent-light);color:var(--accent-dark)}.how-it-works-section{border-top:1px solid var(--border);background:#fff;padding:48px 0 56px}.section-center-header{text-align:center;max-width:580px;margin:0 auto 36px}.section-subtext{color:var(--muted);margin-top:6px;font-size:14.5px}.steps-cards-row{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.process-step-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition);padding:28px 24px;position:relative}.process-step-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.process-step-card:first-child:hover{border-color:var(--primary)}.process-step-card:nth-child(2):hover{border-color:var(--accent)}.process-step-card:nth-child(3):hover{border-color:var(--earth-brown)}.step-badge{color:rgba(var(--primary-rgb), .12);font-size:42px;font-weight:900;line-height:1;position:absolute;top:14px;right:18px}.step-icon-wrap{border:1px solid var(--border);width:54px;height:54px;box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:20px;display:flex}.process-step-card:first-child .step-icon-wrap{background:var(--primary-light);color:var(--primary);border-color:rgba(var(--primary-rgb), .25)}.process-step-card:nth-child(2) .step-icon-wrap{background:var(--accent-light);color:var(--accent);border-color:rgba(var(--accent-rgb), .25)}.process-step-card:nth-child(3) .step-icon-wrap{background:var(--earth-light);color:var(--earth-brown);border-color:#5a381e40}.process-step-card h3{color:var(--text);margin-bottom:8px;font-size:15px;font-weight:800}.process-step-card p{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.shop-layout{align-items:flex-start;gap:24px;display:flex}.shop-content{flex:1;min-width:0}.category-sidebar{border:1px solid var(--border);border-radius:var(--radius);background:#fff;flex:0 0 250px;max-height:calc(100vh - 110px);padding:10px;position:sticky;top:86px;overflow-y:auto}.category-sidebar-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 12px;font-size:11px;font-weight:800}.category-sidebar-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.category-sidebar-item i:first-child{width:16px;color:var(--muted);flex-shrink:0}.category-sidebar-item:hover{background:var(--primary-light);color:var(--primary)}.category-sidebar-item:hover i:first-child{color:var(--primary)}.category-sidebar-item.active{background:var(--primary-light);color:var(--primary);border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-weight:700}.category-sidebar-item.active i:first-child{color:var(--primary)}.category-sidebar-chevron{margin-left:auto;transition:transform .2s;width:auto!important;font-size:10px!important}.category-sidebar-chevron.open{transform:rotate(180deg)}.category-sidebar-subitems{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.category-sidebar-subitems.open{grid-template-rows:1fr}.category-sidebar-subitems-inner{overflow:hidden}.category-sidebar-subitem{text-align:left;width:100%;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:7px 12px 7px 38px;font-size:12px;font-weight:500;display:block}.category-sidebar-subitem:hover{color:var(--primary);background:var(--primary-light)}.category-sidebar-subitem.active{color:var(--primary);font-weight:700}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.empty-state-card{text-align:center;border-radius:var(--radius);border:1px dashed var(--border-mid);background:#fff;padding:48px 24px}.empty-state-card i{color:var(--primary);background:var(--primary-light);border:1px solid rgba(var(--primary-rgb), .18);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;font-size:28px;display:flex}.empty-state-card p{color:var(--muted);margin-bottom:16px;font-size:14px}@media (width<=900px){.product-detail-layout{grid-template-columns:1fr;gap:24px}}.product-detail-images{flex-direction:column;display:flex}.product-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.product-category{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:var(--primary-light);border-radius:var(--radius-sm);padding:3px 8px;font-size:11px;font-weight:700}.stock-info{color:var(--primary);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.description{color:var(--text-secondary);font-size:14px;line-height:1.65}@media (width<=900px){.service-detail-layout{grid-template-columns:1fr;gap:24px}}@media (width<=580px){.service-detail-main{padding:20px 16px}}.sd-header{margin-bottom:24px}.sd-header h1{letter-spacing:-.03em;margin-bottom:10px;font-size:24px;font-weight:900}.provider-info .name{font-size:14px;font-weight:700}.service-highlight{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.sd-info-grid{background:var(--bg-soft);border-radius:var(--radius-sm);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;padding:16px;display:grid}@media (width<=500px){.sd-info-grid{grid-template-columns:1fr}}.sd-info-item .label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px;font-size:11px}.sd-booking-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:26px 22px;position:sticky;top:90px}.demand-cards-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.demand-card{border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);cursor:pointer;background:#fff;padding:18px;position:relative}.demand-card:hover{border-color:rgba(var(--primary-rgb), .35);box-shadow:var(--shadow);transform:translateY(-2px)}.demand-tag{background:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .2);border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.demand-poster{color:var(--muted);margin-bottom:4px;font-size:10.5px;font-weight:600}.demand-card h4{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:700;line-height:1.35}.demand-card p{color:var(--text-secondary);margin-bottom:14px;font-size:12px;line-height:1.5}.demand-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.demand-budget{color:var(--primary);font-size:15px;font-weight:800}.demand-meta i.fa-location-dot{color:var(--earth-brown-light)}.respond-btn{background:var(--primary);color:#fff;transition:var(--transition);border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.respond-btn:hover{background:var(--primary-dark)}.detail-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:30px}@media (width<=580px){.detail-card{padding:20px 16px}}.detail-card h1{letter-spacing:-.03em;color:var(--text);margin:12px 0 14px;font-size:24px;font-weight:800}.demand-chip{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.detail-meta{color:var(--muted);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:14px;margin-bottom:20px;padding-bottom:16px;font-size:12.5px;display:flex}.detail-meta span{align-items:center;gap:6px;display:inline-flex}.budget-box{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex}.budget-box .lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:700}.budget-box .val{color:var(--primary);font-size:22px;font-weight:900}.budget-box .qty{text-align:right}.detail-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:10px;font-size:14px;font-weight:700}.demand-full-description{color:var(--text-secondary);white-space:pre-line;font-size:14.5px;line-height:1.7}.respond-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px;position:sticky;top:90px}.desktop-nav-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.how-respond-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=768px){.how-respond-grid{grid-template-columns:1fr;gap:20px}}.product-detail-layout{grid-template-columns:1fr 1.25fr;align-items:start;gap:40px;margin-top:20px;display:grid}@media (width<=900px){.product-detail-layout{grid-template-columns:1fr;gap:28px}}.product-detail-images{position:sticky;top:90px}@media (width<=900px){.product-detail-images{position:static}}.product-detail-info{flex-direction:column;gap:16px;display:flex}.product-category{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:var(--primary-light);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.product-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.service-detail-layout{grid-template-columns:1fr 380px;align-items:start;gap:36px;margin-top:24px;display:grid}@media (width<=991px){.service-detail-layout{grid-template-columns:1fr;gap:28px}}.service-detail-main{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:32px 28px}@media (width<=576px){.service-detail-main{padding:20px 16px}}.sd-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:20px}.sd-category{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.sd-header h1{letter-spacing:-.03em;color:var(--text);margin-bottom:12px;font-size:26px;font-weight:800}.sd-meta{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex}.sd-meta span{align-items:center;gap:6px;display:inline-flex}.provider-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:14px;margin-bottom:24px;padding:16px 18px;display:flex}.provider-avatar{background:var(--primary-light);width:44px;height:44px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.provider-info .name{color:var(--text);font-size:14px;font-weight:700}.provider-info .role{color:var(--muted);font-size:12px}.service-highlights{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.service-highlight{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.service-highlight i{color:var(--primary)}.sd-info-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}@media (width<=768px){.sd-info-grid{grid-template-columns:repeat(2,1fr)}}.sd-info-item{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.sd-info-item .label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700}.sd-info-item .value{color:var(--text);font-size:13.5px;font-weight:700}.sd-info-item .value.price{color:var(--primary);font-size:15px;font-weight:800}.sd-body h3{letter-spacing:-.02em;color:var(--text);margin-bottom:10px;font-size:16px;font-weight:800}.sd-body p{color:var(--text-secondary);white-space:pre-line;font-size:14px;line-height:1.7}.service-detail-sidebar{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px 20px;position:sticky;top:90px}.service-detail-sidebar .sidebar-title{letter-spacing:-.02em;color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:800;display:flex}.filter-pills{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;align-items:center;gap:8px;margin-bottom:20px;padding:4px 2px 14px;display:flex;overflow-x:auto}.filter-pills::-webkit-scrollbar{height:5px}.filter-pills::-webkit-scrollbar-track{background:0 0}.filter-pills::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:999px}.filter-pills::-webkit-scrollbar-thumb:hover{background:var(--muted)}.filter-pill{white-space:nowrap;color:var(--text-secondary);background:var(--bg);border:1.5px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.filter-pill i{color:var(--muted);font-size:13px;transition:color .15s}.filter-pill:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.filter-pill:hover i{color:var(--primary)}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 6px rgba(var(--primary-rgb), .25);font-weight:700}.filter-pill.active i{color:#fff}.search-wrap{align-items:center;display:flex;position:relative}.search-wrap>i.fa-magnifying-glass{color:var(--muted);pointer-events:none;z-index:2;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-wrap input{border:1.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--bg);outline:none;width:100%;font-size:13.5px;transition:border-color .15s,box-shadow .15s;padding:10px 14px 10px 38px!important}.search-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #176b3a1f}.demand-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.demand-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;padding:18px 20px;display:flex}.demand-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 14px #16241b14}.demand-tag{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-flex}.demand-card h4{color:var(--text);letter-spacing:-.02em;margin-bottom:6px;font-size:16px;font-weight:800}.demand-card p{color:var(--text-secondary);margin-bottom:14px;font-size:13px}.demand-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:12px;display:flex}.demand-budget{color:var(--primary);letter-spacing:-.02em;font-size:16px;font-weight:900}.demand-meta{color:var(--muted);margin-top:2px;font-size:11.5px}.cart-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);background:var(--bg-soft);padding:12px 14px;font-size:11px;font-weight:700}.summary-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:22px;position:sticky;top:86px}.summary-card h3{margin-bottom:16px;font-size:16px;font-weight:800}.summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 0;font-size:13.5px;display:flex}.summary-row.total{border-top:1px solid var(--border);color:var(--text);margin-top:8px;padding-top:14px;font-size:17px;font-weight:800}.summary-row.total span:last-child{color:var(--primary)}.cart-table{border-collapse:collapse;width:100%}.cart-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);padding:12px 14px;font-size:11px;font-weight:700}.cart-table thead th.num{text-align:right}.cart-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px;font-size:13px}.summary-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px;position:sticky;top:86px}.summary-card h3{letter-spacing:-.02em;color:var(--text);margin-bottom:16px;font-size:16px;font-weight:800}.summary-card .summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 0;font-size:13.5px;display:flex}.summary-card .summary-row.total{border-top:1px solid var(--border);color:var(--text);margin-top:8px;padding-top:14px;font-size:17px;font-weight:900}.summary-card .summary-row.total span:last-child{color:var(--primary)}.checkout-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px}.summary-items{max-height:280px;margin:12px 0;overflow-y:auto}.summary-line{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.summary-line .nm{color:var(--text);font-weight:600}.pay-note{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.4}.cart-continue{color:var(--muted);transition:var(--transition);align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.cart-continue:hover{color:var(--primary)}.account-container{grid-template-columns:250px 1fr;align-items:start;gap:24px;max-width:1200px;margin:0 auto;padding:28px 20px;display:grid}.account-menu{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;position:sticky;top:86px;overflow:hidden}.account-menu .menu-header{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:var(--bg-soft);border-bottom:1px solid var(--border);padding:14px 18px;font-size:11px;font-weight:800}.account-menu a{color:var(--text-secondary);border-bottom:1px solid var(--border);transition:var(--transition);align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.account-menu a:hover{background:var(--bg-soft);color:var(--primary)}.account-menu a.active{background:var(--primary-light);color:var(--primary);border-left:3px solid var(--primary);padding-left:15px;font-weight:700}.account-detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.account-detail-item{background:var(--bg-soft);border-radius:var(--radius-sm);border:1px solid var(--border);padding:14px 16px}.account-detail-item .label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10px;font-weight:800}.account-detail-item .value{color:var(--text);font-size:14px;font-weight:700}.role-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--primary-light);color:var(--primary);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.summary-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.form-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:28px}.form-card .sub{color:var(--muted);margin-bottom:20px;font-size:13.5px}.form-card .field{margin-bottom:18px}.form-card .field label{color:var(--text);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.form-card .field .req{color:var(--danger);margin-left:2px}.form-card .field .hint{color:var(--muted);margin-top:4px;font-size:11.5px}.form-card input,.form-card select,.form-card textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);transition:var(--transition);outline:none;padding:10px 14px;font-size:14px}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--primary)}.form-divider{border-top:1px solid var(--border);margin:24px 0}.form-card .actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.danger-card{background:var(--danger-light);border-radius:var(--radius);border:1px solid #fecdd3;margin-bottom:24px;padding:24px}.danger-card h3{color:var(--danger);margin-bottom:12px;font-size:16px;font-weight:800}.warn-list{color:var(--text-secondary);margin:14px 0;padding-left:20px;font-size:13.5px;line-height:1.6}.ack{color:var(--text);cursor:pointer;align-items:center;gap:10px;margin:20px 0;font-size:13.5px;font-weight:600;display:flex}.btn-danger-full{background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition);border:none;padding:12px 18px;font-weight:700}.btn-danger-full:hover{background:#b91c1c}.btn-danger-full:disabled{opacity:.5;cursor:not-allowed}.cancel-link{text-align:center;color:var(--muted);margin-top:14px;font-size:13px;text-decoration:none;display:block}.cancel-link:hover{color:var(--text)}.admin-shell{background:var(--bg-soft);min-height:100vh;display:flex}.admin-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;width:250px;height:100vh;display:flex;position:sticky;top:0}.admin-sidebar-brand{color:var(--primary);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:18px 20px;font-size:20px;font-weight:900;text-decoration:none;display:flex}.admin-brand-logo-img{object-fit:contain;width:auto;max-width:120px;height:34px;display:block}.admin-sidebar-brand-tag{background:var(--accent-light);color:var(--accent-dark);border:1px solid rgba(var(--accent-rgb), .2);border-radius:4px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:800}.admin-sidebar-nav{flex-direction:column;flex:1;gap:3px;padding:12px 10px;display:flex;overflow-y:auto}.admin-nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.admin-nav-link i{text-align:center;width:18px;color:var(--muted)}.admin-nav-link:hover{background:var(--bg-soft);color:var(--primary)}.admin-nav-link.active{background:var(--primary-light);color:var(--primary);border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-weight:700}.admin-nav-link.active i{color:var(--primary)}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{border-bottom:1px solid var(--border);z-index:900;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.admin-topbar-search{background:var(--bg-soft);border:1.5px solid var(--border-mid);border-radius:var(--radius-sm);align-items:center;gap:8px;width:320px;padding:0 12px;display:flex}.admin-topbar-search input{background:0 0;border:none;outline:none;padding:8px 0;font-size:12.5px}.admin-topbar-actions{align-items:center;gap:14px;display:flex}.admin-content{flex:1;padding:24px}.admin-stats-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px;display:grid}.admin-stat-card{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.admin-stat-card.is-link{cursor:pointer;transition:var(--transition)}.admin-stat-card.is-link:hover{border-color:rgba(var(--primary-rgb), .35);box-shadow:0 4px 14px rgba(var(--primary-rgb), .08)}.admin-stat-card-top{justify-content:space-between;align-items:center;display:flex}.admin-stat-card-icon{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.admin-stat-value{letter-spacing:-.03em;color:var(--text);font-size:26px;font-weight:900}.admin-stat-label{color:var(--muted);font-size:12px;font-weight:600}.admin-panel{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.admin-panel-hdr{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-panel-hdr h3{color:var(--text);font-size:15px;font-weight:800}.status-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.status-tab{background:var(--bg-soft);color:var(--text-secondary);cursor:pointer;transition:var(--transition);border:1.5px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.status-tab:hover{border-color:var(--border-mid)}.status-tab.active{background:var(--primary);color:#fff}.status-tab .count{background:#0000001f;border-radius:10px;padding:1px 6px;font-size:10px}.status-tab.active .count{background:#ffffff40}.admin-filters-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.admin-filters-row input,.admin-filters-row select{border:1.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);outline:none;padding:8px 12px;font-size:12.5px}.admin-table-wrap,.admin-table-wrapper{border:1px solid var(--border-mid);border-radius:var(--radius);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12.5px}.admin-table th{text-align:left;background:var(--bg-soft);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-mid);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.admin-table tbody tr{cursor:pointer;transition:var(--transition)}.admin-table tbody tr:hover{background:var(--bg-soft)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr.needs-attention{box-shadow:inset 3px 0 0 var(--accent)}.chip,.admin-chip{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.chip-pending{background:var(--accent-light);color:var(--accent-dark);border:1px solid rgba(var(--accent-rgb), .25)}.chip-success{background:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .25)}.chip-danger{background:var(--danger-light);color:var(--danger);border:1px solid #d92d2033}.chip-neutral{background:var(--bg-soft);color:var(--text-secondary);border:1px solid var(--border)}.chip-info{color:#1d4ed8;background:#eaf2fe;border:1px solid #1d4ed833}.action-menu{display:inline-block;position:relative}.action-menu-trigger{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:14px}.action-menu-trigger:hover{background:var(--bg-soft);color:var(--text)}.action-menu-dropdown{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius-sm);z-index:30;min-width:160px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.action-menu-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;font-weight:600;display:flex}.action-menu-item:hover{background:var(--bg-soft);color:var(--text)}.action-menu-item.danger{color:var(--danger)}.admin-drawer-overlay{z-index:50;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-drawer{background:var(--bg);width:min(440px,100vw);height:100vh;padding:22px;overflow-y:auto;box-shadow:-8px 0 24px #00000026}.admin-drawer-hdr{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.admin-drawer-close{background:var(--bg-soft);width:30px;height:30px;color:var(--muted);cursor:pointer;border:none;border-radius:8px;flex-shrink:0}.admin-drawer-section{border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:18px}.admin-drawer-section:last-child{border-bottom:none}.admin-drawer-section h4{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:800}.admin-queue-layout{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.admin-queue-list{flex-direction:column;gap:6px;max-height:calc(100vh - 220px);display:flex;overflow-y:auto}.admin-queue-row{border-radius:var(--radius-sm);border:1.5px solid var(--border-mid);background:var(--bg);cursor:pointer;transition:var(--transition);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.admin-queue-row:hover{border-color:var(--primary)}.admin-queue-row.active{border-color:var(--primary);background:var(--primary-light)}.admin-queue-row-name{color:var(--text);font-size:13px;font-weight:700}.admin-queue-row-meta{color:var(--muted);font-size:11px}.admin-review-panel{background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);min-height:400px;padding:22px}.doc-preview{flex-direction:column;gap:6px;display:inline-flex}.doc-preview img{border-radius:var(--radius-sm);border:1px solid var(--border-mid);cursor:zoom-in;object-fit:cover;max-width:220px;max-height:220px}.doc-preview-overlay{z-index:60;background:#000c;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.doc-preview-overlay img{border-radius:var(--radius);max-width:100%;max-height:100%}.admin-sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:16px 20px}.admin-env-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.admin-env-badge.is-dev{color:#b9770e;background:#fff7e6}.admin-env-badge.is-prod{color:var(--primary);background:#e9f7ef}.admin-topbar-user{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}@media (width<=900px){.admin-queue-layout{grid-template-columns:1fr}}.auth-page-container{box-sizing:border-box;background-color:#0d2917;background-image:linear-gradient(135deg,#0e301af0 0%,#0a2413fa 100%),url(/agri-auth-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:32px 16px;display:flex;overflow-x:hidden}.auth-form button[type=submit],.auth-single-card button[type=submit]{width:100%!important}.auth-wrapper{border-radius:var(--radius-lg);box-sizing:border-box;background:#fff;border:1px solid #ffffff26;grid-template-columns:1.15fr 1fr;width:100%;min-width:0;max-width:1040px;margin:auto;display:grid;overflow:hidden;box-shadow:0 24px 60px -12px #0a241366,0 8px 24px -6px #00000040}.auth-panel{color:#fff;background:linear-gradient(155deg,#0b2e18f0 0%,#0e381ee6 50%,#071e10f7 100%),url(/agri-auth-bg.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;gap:16px;padding:38px 34px;display:flex;position:relative;overflow:hidden}.auth-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#e99b2738 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;left:-60px}.auth-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#176b3a59 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-60px;right:-60px}.auth-panel-content{z-index:1;position:relative}.auth-panel-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.auth-panel-logo{align-items:center;margin-bottom:24px;text-decoration:none;display:inline-flex}.auth-logo-badge-pill{border-radius:var(--radius-sm,10px);background:#fff;justify-content:center;align-items:center;padding:8px 16px;transition:transform .15s;display:inline-flex;box-shadow:0 4px 14px #00000026}.auth-logo-badge-pill:hover{transform:translateY(-1px)}.auth-brand-img{object-fit:contain;width:auto;max-width:140px;height:44px;display:block}.auth-mobile-logo-img{object-fit:contain;width:auto;max-width:120px;height:34px;display:block}.auth-panel-logo .auth-logo-badge{color:#86efac;background:#176b3a99;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.auth-panel-logo span{color:var(--accent)}.auth-trust-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff29;align-items:center;gap:7px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.auth-trust-badge i{color:#ffc252;font-size:11px}.auth-panel-headline{letter-spacing:-.025em;color:#fff;margin-bottom:8px;font-size:22px;font-weight:800;line-height:1.3}.auth-panel-subhead{color:#ffffffc7;margin-bottom:22px;font-size:13px;line-height:1.55}.auth-points-list{flex-direction:column;gap:12px;margin-bottom:26px;display:flex}.auth-point{color:#ffffffe6;align-items:center;gap:12px;font-size:13.5px;font-weight:450;line-height:1.45;transition:color .2s,transform .2s;display:flex}.auth-point:hover{color:#fff;transform:translate(3px)}.point-bullet{color:#4ade80;background:#22c55e29;border:1px solid #4ade8059;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:inline-flex}.auth-pullquote{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:18px;position:relative}.pullquote-text{color:#ffffffd9;margin:0 0 8px;font-size:12.5px;font-style:italic;line-height:1.6}.pullquote-author{color:#ffc252;letter-spacing:.01em;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.pullquote-author span{color:#fff9;font-weight:400}.auth-mobile-header{display:none}.auth-form{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;min-width:0;padding:40px 36px;display:flex}.auth-form h2{letter-spacing:-.025em;margin-bottom:6px;font-size:24px;font-weight:800}.auth-form .form-subtitle{color:var(--muted);margin-bottom:20px;font-size:13.5px;line-height:1.5}.auth-single-card{border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);box-sizing:border-box;background:#fff;min-width:0;margin:0 auto;padding:38px 32px}.role-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.role-option{border:1.5px solid var(--border-mid);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);text-align:left;-webkit-user-select:none;user-select:none;background:#fff;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.role-option:hover{border-color:var(--primary);background:var(--primary-subtle);transform:translateY(-1px)}.role-option.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 1.5px var(--primary)}.role-option.active .role-name{color:var(--primary-dark);font-weight:700}.role-option-head{align-items:center;gap:8px;display:flex}.role-icon-box{background:var(--primary-light);width:28px;height:28px;color:var(--primary);transition:var(--transition);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.role-option.active .role-icon-box{background:var(--primary);color:#fff}.role-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.role-option.active .role-title{color:var(--primary-darker)}.role-check{color:var(--primary);opacity:0;transition:var(--transition);font-size:12px}.role-option.active .role-check{opacity:1}.role-blurb{color:var(--muted);text-overflow:ellipsis;font-size:11px;line-height:1.35;display:block;overflow:hidden}.otp-inputs-wrapper{justify-content:center;gap:8px;width:100%;margin-bottom:16px;display:flex}.otp-box{text-align:center;border:1.5px solid var(--border-mid);border-radius:8px;width:100%;min-width:32px;max-width:44px;height:52px;font-size:20px;font-weight:700;padding:0!important}.otp-box:focus{border-color:var(--primary);box-shadow:0 0 0 3px #176b3a26}iframe[src*="accounts.google.com/gsi"]{max-width:100%!important}.form-footer{text-align:center;color:var(--muted);margin-top:20px;font-size:13px}.form-footer a{color:var(--primary);font-weight:600;text-decoration:none}.form-footer a:hover{text-decoration:underline}.conversation-item{border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition);color:inherit;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;display:flex}.conversation-item:hover,.conversation-item.active{background:var(--bg-soft)}.conversation-item .time{color:var(--muted);margin-left:auto;font-size:11px}.conversation-item .preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.chat-page-root{flex-direction:column;display:flex}.chat-window{border:1px solid var(--border);background-color:#efeae2;background-image:radial-gradient(#d3cbbe .75px,#0000 .75px),radial-gradient(#d3cbbe .75px,#efeae2 .75px);background-position:0 0,15px 15px;background-repeat:repeat;background-size:30px 30px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:12px;flex-direction:column;height:640px;max-height:calc(100vh - 160px);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000014}.chat-header{z-index:5;background:#f0f2f5;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.chat-header-left{align-items:center;gap:12px;min-width:0;display:flex}.chat-back-btn{color:#54656f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;text-decoration:none;transition:background .15s;display:flex}.chat-back-btn:hover{color:#111b21;background:#0000000f}.chat-avatar-wrap{flex-shrink:0;position:relative}.chat-avatar{color:#fff;background:#00a884;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001a}.chat-online-dot{background:#25d366;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.chat-header-info{flex-direction:column;min-width:0;display:flex}.chat-header-name{color:#111b21;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.chat-header-status{color:#667781;align-items:center;gap:4px;font-size:11.5px;display:flex}.chat-header-actions{align-items:center;gap:6px;display:flex}.chat-header-btn{color:#54656f;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .15s;display:flex}.chat-header-btn:hover{color:#111b21;background:#0000000f}.chat-context-banner{z-index:4;background:#fff;border-bottom:1px solid #e9edef;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.chat-context-info{color:#3b4a54;align-items:center;gap:10px;min-width:0;font-size:12.5px;display:flex}.chat-context-icon{color:#00a884;background:#e7fce3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.chat-context-title{color:#111b21;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chat-context-link{color:#00a884;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.chat-context-link:hover{text-decoration:underline}.chat-context-close{color:#8696a0;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:6px;padding:16px 20px;display:flex;overflow-y:auto}.chat-date-pill{color:#54656f;text-transform:uppercase;letter-spacing:.03em;-webkit-user-select:none;user-select:none;background:#fff;border-radius:7.5px;align-self:center;margin:10px auto;padding:4px 12px;font-size:11px;font-weight:600;box-shadow:0 1px .5px #0b141a21}.chat-security-notice{color:#54656f;text-align:center;background:#ffeecd;border-radius:7.5px;justify-content:center;align-self:center;align-items:center;gap:6px;max-width:90%;margin:4px auto 10px;padding:6px 14px;font-size:11.5px;display:flex;box-shadow:0 1px .5px #0b141a21}.chat-security-notice i{color:#856404;font-size:10.5px}.chat-bubble{word-break:break-word;white-space:pre-wrap;flex-direction:column;max-width:78%;padding:6px 10px 6px 12px;font-size:13.5px;line-height:1.45;display:flex;position:relative;box-shadow:0 1px .5px #0b141a21}.chat-bubble.sent,.chat-bubble.mine{color:#111b21;background:#d9fdd3;border-radius:8px 8px 2px;align-self:flex-end}.chat-bubble.received,.chat-bubble.partner{color:#111b21;background:#fff;border-radius:8px 8px 8px 2px;align-self:flex-start}.chat-bubble-content{margin-bottom:2px}.chat-bubble-footer{color:#667781;-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:center;gap:4px;margin-left:auto;font-size:10.5px;display:inline-flex}.chat-check-double{font-size:11px}.chat-check-double.read{color:#53bdeb}.chat-check-double.unread{color:#8696a0}.chat-quick-replies{white-space:nowrap;scrollbar-width:none;background:#f0f2f5;border-top:1px solid #0000000d;gap:8px;padding:8px 16px;display:flex;overflow-x:auto}.chat-quick-replies::-webkit-scrollbar{display:none}.quick-reply-chip{color:#111b21;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e9edef;border-radius:16px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.quick-reply-chip:hover{color:#00a884;background:#e7fce3;border-color:#00a884}.chat-emoji-bar{background:#fff;border-top:1px solid #e9edef;gap:8px;padding:6px 16px;display:flex;overflow-x:auto}.chat-emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:18px;transition:transform .1s}.chat-emoji-btn:hover{background:#f0f2f5;transform:scale(1.25)}.chat-input-bar{z-index:5;background:#f0f2f5;border-top:1px solid #0000000f;align-items:center;gap:10px;padding:8px 16px 10px;display:flex;position:relative}.chat-input-action-btn{color:#54656f;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:19px;transition:color .15s;display:flex}.chat-input-action-btn:hover,.chat-input-action-btn.active{color:#00a884}.chat-input-field-wrap{background:#fff;border-radius:22px;flex:1;align-items:center;padding:4px 14px;display:flex;box-shadow:0 1px 1px #0000000a}.chat-input-field{color:#111b21;resize:none;background:0 0;border:none;outline:none;width:100%;max-height:100px;padding:8px 0;font-size:14px}.chat-input-field::placeholder{color:#8696a0}.chat-send-circle-btn{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;transition:transform .12s,background-color .15s;display:flex;box-shadow:0 2px 5px #00a88459}.chat-send-circle-btn:hover:not(:disabled){background:#008f6f;transform:scale(1.05)}.chat-send-circle-btn:active:not(:disabled){transform:scale(.95)}.chat-send-circle-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;background:#aebac1}@media (width<=768px){.chat-page-root .container{padding-left:0;padding-right:0}.chat-page-root .breadcrumb{display:none}.chat-window{border-bottom:none;border-left:none;border-right:none;border-radius:0;height:calc(100vh - 120px);max-height:none}.chat-bubble{max-width:86%}}.onboard-page{max-width:680px;margin:0 auto;padding:40px 24px 80px}.onboard-topline{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.onboard-steplabel{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.onboard-skip{color:var(--muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:4px 0;font-size:12.5px;font-weight:600}.onboard-skip:hover{color:var(--text)}.onboard-progress{gap:6px;margin-bottom:28px;display:flex}.onboard-progress-seg{background:var(--border-mid);height:5px;transition:var(--transition);border-radius:999px;flex:1}.onboard-progress-seg.done{background:var(--primary)}.onboard-progress-seg.current{background:var(--accent)}.onboard-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:36px 32px;position:relative;overflow:hidden}.onboard-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));height:4px;position:absolute;top:0;left:0;right:0}.onboard-heading{letter-spacing:-.02em;color:var(--text);margin-bottom:4px;font-size:19px;font-weight:800}.onboard-subheading{color:var(--muted);margin-bottom:22px;font-size:13.5px}.onboard-tilegrid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;display:grid}.onboard-tile{text-align:center;border:1.5px solid var(--border-mid);border-radius:var(--radius);cursor:pointer;background:var(--bg);transition:var(--transition);flex-direction:column;align-items:center;gap:8px;padding:18px 12px 14px;display:flex;position:relative}.onboard-tile:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.onboard-tile.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #1b6b3a1a}.onboard-tile-icon{background:var(--bg-soft);width:40px;height:40px;color:var(--muted);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.onboard-tile.selected .onboard-tile-icon{background:var(--primary);color:#fff}.onboard-tile-label{color:var(--text);font-size:12.5px;font-weight:700;line-height:1.3}.onboard-tile.selected .onboard-tile-label{color:var(--primary-dark)}.onboard-tile-check{background:var(--primary);color:#fff;opacity:0;width:18px;height:18px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute;top:8px;right:8px;transform:scale(.6)}.onboard-tile.selected .onboard-tile-check{opacity:1;transform:scale(1)}.onboard-other-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:20px 0 8px;font-size:12px;font-weight:700;display:block}.onboard-chiprow{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.onboard-chip{background:var(--primary-light);color:var(--primary-dark);border:1px solid #c8e6d4;border-radius:999px;align-items:center;gap:6px;padding:5px 8px 5px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.onboard-chip button{color:var(--primary-dark);cursor:pointer;width:16px;height:16px;transition:var(--transition);background:#1b6b3a24;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:9px;display:flex}.onboard-chip button:hover{background:var(--primary);color:#fff}.onboard-addrow{gap:8px;display:flex}.onboard-addrow input{flex:1}.onboard-addbtn{flex-shrink:0}.onboard-nav{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:28px;padding-top:20px;display:flex}.onboard-nav .btn-primary,.onboard-nav .btn-outline{width:auto}.onboard-intro{text-align:center;padding:12px 0 4px}.onboard-intro-badge{background:linear-gradient(135deg, var(--primary-light), var(--accent-light));border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;display:flex}.onboard-intro-badge i{background:linear-gradient(135deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px}.onboard-intro h2{letter-spacing:-.02em;margin-bottom:10px;font-size:21px;font-weight:800}.onboard-intro-lead{color:var(--text-secondary);max-width:420px;margin:0 auto 14px;font-size:14.5px;line-height:1.6}.onboard-intro-note{color:var(--muted);max-width:420px;margin:0 auto 26px;font-size:12px;line-height:1.6}.onboard-intro-actions{justify-content:center;gap:10px;display:flex}.onboard-intro-actions .btn-primary,.onboard-intro-actions .btn-outline{width:auto;padding-left:22px;padding-right:22px}.onboard-summary-empty{text-align:center;color:var(--muted);padding:24px 0;font-size:13px}.onboard-summary-group{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:20px 22px}.onboard-summary-row+.onboard-summary-row{border-top:1px dashed var(--border-mid);margin-top:16px;padding-top:16px}.onboard-summary-row-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:7px;margin-bottom:9px;font-size:11px;font-weight:800;display:flex}.onboard-summary-row-label i{color:var(--primary);font-size:12px}.onboard-summary-chips{flex-wrap:wrap;gap:6px;display:flex}.onboard-note{background:var(--accent-light);border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid #f5dcae;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.onboard-note i{color:var(--accent-dark);margin-top:1px;font-size:13px}.onboard-singlegrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.about-hero{background:linear-gradient(135deg, var(--primary) 0%, #0d4a24 100%);color:#fff;border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);margin-bottom:40px;padding:52px 32px;position:relative;overflow:hidden}.about-hero-badge{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#e99b2729;border:1px solid #e99b2759;border-radius:999px;align-items:center;gap:7px;margin-bottom:16px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-flex}.about-hero h1{color:#fff;letter-spacing:-.04em;margin-bottom:14px;font-size:34px;font-weight:900;line-height:1.25}.about-hero h1 .highlight{color:var(--accent)}.about-hero p{color:#ffffffe0;max-width:620px;margin:0 auto;font-size:15px;line-height:1.7}.about-mission-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;margin-bottom:56px;display:grid}@media (width<=860px){.about-mission-grid{grid-template-columns:1fr;gap:28px}}.about-mission-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:36px 32px}.about-mission-card h2{letter-spacing:-.03em;color:var(--text);margin-bottom:16px;font-size:26px;font-weight:900}.about-mission-card p{color:var(--text-secondary);margin-bottom:0;font-size:14.5px;line-height:1.75}.mission-pillar-list{flex-direction:column;gap:16px;display:flex}.mission-pillar-item{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;gap:16px;padding:18px 20px;transition:transform .18s,border-color .18s;display:flex}.mission-pillar-item:hover{border-color:var(--primary);transform:translateY(-2px)}.mission-pillar-icon{background:var(--primary-light);width:42px;height:42px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.mission-pillar-item h4{letter-spacing:-.02em;color:var(--text);margin:0 0 4px;font-size:15px;font-weight:800}.mission-pillar-item p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.values-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:56px;display:grid}@media (width<=991px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.values-grid{grid-template-columns:1fr}}.value-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);padding:28px 22px;transition:transform .2s,box-shadow .2s,border-color .2s}.value-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.value-icon{background:var(--primary-light);width:54px;height:54px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;transition:transform .2s;display:flex}.value-card:hover .value-icon{transform:scale(1.08)}.value-card h3{letter-spacing:-.02em;color:var(--text);margin-bottom:8px;font-size:17px;font-weight:800}.value-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.advantage-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:56px;display:grid}@media (width<=991px){.advantage-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.advantage-grid{grid-template-columns:1fr}}.advantage-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:26px 22px;transition:transform .2s,box-shadow .2s,border-color .2s}.advantage-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.advantage-card .icon{background:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:20px;transition:transform .2s;display:flex}.advantage-card:hover .icon{transform:scale(1.08)}.advantage-card h3{letter-spacing:-.02em;color:var(--text);margin-bottom:8px;font-size:17px;font-weight:800}.advantage-card p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.6}.banners{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.banners{grid-template-columns:1fr}}.banner{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:36px 30px;display:flex;position:relative;overflow:hidden}.banner-green{background:linear-gradient(135deg, var(--primary) 0%, #0d4a24 100%)}.banner-amber{border:1px solid var(--border);background:linear-gradient(135deg,#1f2e24 0%,#16241b 100%)}.banner>i{opacity:.9;margin-bottom:16px;font-size:32px}.banner-green>i,.banner-amber>i{color:var(--accent)}.banner h3{letter-spacing:-.03em;color:#fff;margin-bottom:8px;font-size:22px;font-weight:900}.banner p{color:#ffffffd9;margin-bottom:24px;font-size:14px;line-height:1.6}.banner-btn{border-radius:var(--radius-sm);justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.banner-green .banner-btn{background:var(--accent);color:#fff;box-shadow:0 4px 14px #e99b2759}.banner-green .banner-btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.banner-amber .banner-btn{color:var(--dark);background:#fff;box-shadow:0 4px 14px #0000001f}.banner-amber .banner-btn:hover{background:var(--bg-soft);transform:translateY(-1px)}@media (width<=1024px){.hero-split-grid{grid-template-columns:1fr;gap:32px}.hero-visual-col{width:100%;max-width:580px;margin:0 auto}.desktop-nav-links{display:none}.category-cards-grid{grid-template-columns:repeat(3,1fr)}.product-grid-4,.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-grid{grid-template-columns:repeat(2,1fr);gap:18px}.footer-grid{grid-template-columns:repeat(2,1fr)}.account-container{grid-template-columns:1fr}.account-menu{position:static}}@media (width<=768px){.site-header{height:60px}.header-search-wrap,.quick-post-btn span{display:none}.mobile-toggle-btn,.mobile-search-toggle{display:block}.mobile-bottom-nav{display:flex}.main-content-area{padding-bottom:74px}.user-avatar-name,.user-chevron{display:none}.user-avatar-trigger{padding:3px}.category-cards-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-grid-4,.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demand-cards-grid{grid-template-columns:1fr;gap:12px}.participation-grid,.steps-cards-row{grid-template-columns:1fr;gap:16px}.shop-layout{flex-direction:column}.category-sidebar{flex:auto;width:100%;max-height:none;position:static}.auth-page-container{min-height:100dvh;padding:24px 14px}.auth-wrapper{grid-template-columns:1fr;width:100%;max-width:480px;margin:auto}.auth-panel{display:none}.auth-mobile-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.auth-mobile-logo{align-items:center;text-decoration:none;display:inline-flex}.auth-mobile-logo-img{object-fit:contain;width:auto;max-width:130px;height:36px;display:block}.auth-mobile-badge{color:var(--primary);background:var(--primary-light);border:1px solid var(--border-mid);border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.auth-form{padding:30px 22px}.auth-single-card{max-width:480px;margin:auto;padding:30px 22px}.admin-sidebar{display:none}.admin-topbar-search{width:100%;max-width:260px}}@media (width<=480px){.container{padding:0 14px}.btn-nav-login,.quick-post-btn{display:none}.btn-nav-join{padding:6px 12px;font-size:12px}.navbar-brand{font-size:19px}.navbar-brand .brand-leaf{width:28px;height:28px;font-size:14px}.hero-editorial-section{padding:28px 0 36px}.hero-main-title{font-size:27px}.hero-search-box{padding:3px 5px 3px 12px}.hero-search-submit{padding:9px 14px;font-size:12.5px}.hero-search-submit span{display:none}.hero-cta-group{flex-direction:column;align-items:stretch}.hero-btn-main,.hero-btn-sub{text-align:center;width:100%}.trust-grid{grid-template-columns:1fr;gap:14px}.category-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category-feature-card{padding:14px 10px}.category-icon-circle{width:44px;height:44px;font-size:18px}.product-grid-4,.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demand-grid{grid-template-columns:1fr;gap:12px}.product-card .card-img{height:140px}.product-card .card-body{padding:9px 10px 10px}.product-card .card-name{min-height:32px;font-size:12px}.card-price{font-size:13.5px}.footer-grid{grid-template-columns:1fr;gap:28px}.auth-page-container{min-height:100dvh;padding:20px 14px}.auth-wrapper{border-radius:var(--radius-md);max-width:100%;margin:auto}.auth-form{padding:28px 18px}.auth-form h2{font-size:22px}.auth-form .form-subtitle{margin-bottom:18px;font-size:13px}.auth-single-card{border-radius:var(--radius-md);max-width:100%;margin:auto;padding:28px 18px}.role-options-grid{grid-template-columns:1fr;gap:8px}.role-title{white-space:normal}.confirm-dialog{padding:20px 16px}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=number],select,textarea{font-size:16px}}@media (width<=350px){.product-grid-4,.grid-4,.grid-3,.category-cards-grid{grid-template-columns:1fr}.auth-page-container{min-height:100dvh;padding:14px 8px}.auth-form{padding:20px 14px}.auth-single-card{margin:auto;padding:20px 14px}.otp-inputs-wrapper{gap:4px}.otp-box{height:44px;font-size:17px}.app-toast-container{left:8px;right:8px}.app-toast{min-width:240px;max-width:100%}}