:root{--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-page:#eef3ef;--bg-main:#f3f6f4;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f7faf8;--bg-soft:#f4f8f5;--bg-mint:#e8f5ec;--border-subtle:#e4ece6;--border-soft:#d7e3db;--border-active:#1f7a3a;--green:#1f7a3a;--green-hover:#176430;--green-dark:#145228;--green-light:#e8f5ec;--green-mid:#2d9a4e;--orange:#f59e0b;--orange-soft:#fff7e6;--orange-text:#b45309;--text-primary:#122017;--text-secondary:#3d5246;--text-muted:#7a8c81;--text-inverse:#fff;--shadow-sm:0 1px 3px #1228180d;--shadow-md:0 6px 18px #12281812;--shadow-lg:0 14px 32px #1228181a;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-full:9999px;--mobile-width:420px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{font-family:var(--font-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#dce6df;min-height:100vh;font-size:14.5px;line-height:1.5;overflow-x:hidden}#root{justify-content:center;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.03em;font-weight:800;line-height:1.22}p{color:var(--text-secondary)}strong,b{color:var(--text-primary);font-weight:750}button,input,select,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}button{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0}.mobile-app-container{background:var(--bg-main);flex-direction:column;width:100%;max-width:420px;min-height:100dvh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #12281814}.mobile-header{z-index:120;border-bottom:1px solid var(--border-subtle);background:#fff;width:100%;max-width:420px;padding:.7rem 1rem;position:fixed;top:0;left:50%;transform:translate(-50%)}.mobile-header-inner{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.mobile-brand{cursor:pointer;align-items:center;gap:.6rem;min-width:0;display:flex}.mobile-brand-icon{background:var(--green);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mobile-brand-title{color:var(--text-primary);font-size:.98rem;font-weight:800;line-height:1.15}.mobile-brand-sub{color:var(--text-muted);font-size:.68rem;font-weight:500}.mobile-content-area{flex-direction:column;flex:1;padding:4.2rem 1rem 5.1rem;display:flex;overflow-y:auto}.mobile-dock-nav{z-index:120;border-top:1px solid var(--border-subtle);width:100%;max-width:420px;padding:.32rem .3rem calc(.38rem + env(safe-area-inset-bottom,0px));background:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mobile-tab-item{color:#8a9a90;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:52px;padding:.25rem .3rem;font-size:.62rem;font-weight:650;display:flex}.mobile-tab-item.active{color:var(--green)}.mobile-tab-item.active .tab-icon-pill{background:var(--green);color:#fff}.tab-icon-pill{border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.glass-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:1rem}.glass-card.highlight{background:#fff;border:1px solid #d7eadc}.farm-progress-box{background:var(--bg-mint);border-radius:var(--radius-md);border:1px solid #d5eadb;justify-content:space-between;align-items:center;padding:.85rem .9rem;display:flex}.farm-stage-badge-text{color:var(--text-muted);font-size:.72rem;font-weight:500}.farm-stage-title{color:var(--green);margin-top:2px;font-size:.92rem;font-weight:800}.stepper-btn{color:var(--green);background:#fff;border:1px solid #cfe3d5;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:700}.progress-ring-track{stroke:#d5eadb}.progress-ring-text{color:var(--green);font-size:.95rem;font-weight:800}.metric-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;background:#fff;padding:.55rem .35rem}.btn-primary{background:var(--green);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;padding:.72rem 1.1rem;font-size:.86rem;font-weight:700;display:inline-flex}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-soft);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;padding:.68rem 1rem;font-size:.82rem;font-weight:650;display:inline-flex}.btn-chili{color:#b91c1c;background:#fff;border:1px solid #fecaca;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex}.badge{letter-spacing:.01em;border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:.18rem .5rem;font-size:.66rem;font-weight:700;display:inline-flex}.badge-emerald{color:var(--green);background:#e8f5ec}.badge-amber{color:#b45309;background:#fff7e6}.badge-red{color:#b91c1c;background:#fef2f2}.badge-blue{color:#1d4ed8;background:#eff6ff}.offline-banner{color:#92400e;background:#fff7e6;border-radius:12px;align-items:center;gap:.45rem;padding:.5rem .8rem;font-size:.75rem;font-weight:600;display:flex}.network-pill{border-radius:var(--radius-full);align-items:center;gap:.3rem;padding:.24rem .55rem;font-size:.66rem;font-weight:700;display:flex}.network-pill.online{color:var(--green);background:#e8f5ec}.network-pill.offline{color:#b45309;background:#fff7e6}.status-dot{border-radius:50%;width:6px;height:6px}.network-pill.online .status-dot{background:var(--green)}.network-pill.offline .status-dot{background:#f59e0b}.modal-backdrop{z-index:200;background:#0c181061;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:420px;max-height:86vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:22px 22px 0 0;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.modal-body{padding:1.1rem}.modal-close-btn{width:28px;height:28px;color:var(--text-muted);background:#f3f6f4;border-radius:50%}.custom-checkbox{background:#fff;border:2px solid #c5d4ca;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.custom-checkbox.checked{background:var(--green);border-color:var(--green);color:#fff}.form-input{border:1px solid var(--border-soft);width:100%;color:var(--text-primary);background:#fff;border-radius:12px;padding:.65rem .85rem;font-size:.85rem}.form-input:focus{border-color:var(--green)}.tab-btn{border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-soft);white-space:nowrap;background:#fff;padding:.38rem .75rem;font-size:.74rem;font-weight:650}.tab-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.toggle-switch{background:#d5ddd7;border-radius:12px;flex-shrink:0;width:42px;height:24px;padding:2px;position:relative}.toggle-switch.on{background:var(--green)}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;transform:translate(0)}.toggle-switch.on .toggle-knob{transform:translate(18px)}.screen-stack{flex-direction:column;gap:.85rem;display:flex}.section-label{color:var(--text-muted);font-size:.72rem;font-weight:700}.problem-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.problem-tile{border:1px solid var(--border-subtle);cursor:pointer;background:#fff;border-radius:16px;overflow:hidden}.problem-tile img{object-fit:cover;background:#eef3ef;width:100%;height:88px;display:block}.problem-tile span{color:var(--text-primary);padding:.45rem .55rem .55rem;font-size:.72rem;font-weight:650;display:block}.roadmap-line{padding-left:1.55rem;position:relative}.roadmap-line:before{content:"";background:#d7e3db;width:2px;position:absolute;top:8px;bottom:8px;left:7px}.roadmap-line .glass-card{position:relative}.roadmap-dot{background:#fff;border:3px solid #c5d4ca;border-radius:50%;width:16px;height:16px;position:absolute;top:18px;left:-1.55rem}.roadmap-dot.done{border-color:var(--green);background:var(--green)}.roadmap-dot.active{border-color:var(--orange);background:var(--orange)}.chat-bubble{border-radius:16px;max-width:86%;padding:.7rem .85rem;font-size:.82rem;line-height:1.5}.chat-bubble.bot{border:1px solid var(--border-subtle);color:var(--text-primary);background:#fff;border-bottom-left-radius:6px}.chat-bubble.user{background:var(--green);color:#fff;border-bottom-right-radius:6px}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:#c5d4ca;border-radius:2px}