:root{--ink:#172e29;--green:#123e37;--muted:#78857f;--bg:#f4f6f2;--line:#e2e8e1;--accent:#b6d9b2;--soft:#e9f1e8}*{box-sizing:border-box}body{margin:0;background:#dfe6df;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91b5a0;outline-offset:3px}button:disabled{cursor:default}button,select{touch-action:manipulation}#app{max-width:480px;min-height:100dvh;margin:auto;background:var(--bg);position:relative;overflow:hidden}svg.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 18px;background:#fff}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:18px;letter-spacing:-.6px}.brand img{width:35px;height:35px;object-fit:contain}.brand span small{display:block;font-size:8px;letter-spacing:2.8px;font-weight:600;margin-top:2px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--green);font-weight:700}.content{padding:22px 21px 105px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 13px}.section-heading h2{font-size:18px;letter-spacing:-.5px;margin:0}.section-heading small{font-size:11px;color:var(--muted)}h1{letter-spacing:-1.3px;font-size:31px;margin:0 0 10px;line-height:1.18}h2,h3,p{margin-top:0}p{line-height:1.65}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;background:#edf3e9;font-size:10px;font-weight:650;white-space:nowrap}.pill.outline{background:none;border:1px solid #527068;color:#d8e7db}.dot{width:5px;height:5px;border-radius:50%;background:#b3d5a6}.balance{background:var(--green);color:white;border-radius:21px;padding:22px;position:relative;overflow:hidden}.balance:after{content:'';width:135px;height:135px;position:absolute;border:1px solid #41665a;border-radius:50%;right:-35px;bottom:-45px;pointer-events:none}.balance-head{display:flex;justify-content:space-between;align-items:center;color:#c8d8ce;font-size:12px}.balance-value{font-size:35px;letter-spacing:-1px;margin:14px 0 18px;font-weight:600}.balance-value small{font-size:13px;color:#b1c9bd;letter-spacing:0;margin-left:6px}.balance-foot{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.balance-foot small{color:#adcbc0;font-size:10px}.topup{padding:10px 14px;background:#d4e8c8;color:#1c3f30;border-radius:10px;font-size:12px;font-weight:700}.auto-list{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.auto-row{display:grid;grid-template-columns:101px 1fr 22px;gap:13px;align-items:center;padding:18px 16px;border-bottom:1px solid var(--line);min-height:97px}.auto-row:last-child{border-bottom:0}.auto-row.locked{background:#f0f2ef;color:#a0a6a0}.lease{text-align:left;align-self:center}.lease-state{font-size:10px;display:block;font-weight:700;white-space:nowrap}.lease-state.active{color:#237450}.lease-state.new{color:#777c70}.lease small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.start{background:var(--green);color:white;border-radius:7px;padding:7px 15px;margin-top:9px;font-size:10px;font-weight:600}.rent-link{background:transparent;padding:0;margin-top:9px;font-size:11px;font-weight:700;color:var(--green)}.auto-name{display:flex;align-items:center;gap:10px}.auto-symbol{display:flex;align-items:center;justify-content:center;width:37px;height:39px;background:#f0f4ee;border-radius:11px;flex:none}.auto-name strong{font-size:14px}.auto-name small{font-size:10px;line-height:1.5;color:var(--muted);display:block;margin-top:5px}.chevron{background:transparent;color:#78887a;padding:0}.service-foot{display:flex;align-items:center;gap:7px;margin-top:19px;font-size:10px;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:480px;width:100%;height:79px;padding:9px 15px max(10px,env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:flex;gap:9px;z-index:8}.nav-item{width:69px;flex:none;border-radius:12px;background:none;color:#97a19a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px}.nav-item.selected{background:#eaf1e7;color:var(--green)}.nav-note{margin:auto 4px auto auto;font-size:9px;letter-spacing:1.5px;color:#aab4ab}.login-top{padding:28px 27px 10px;display:flex;justify-content:space-between;align-items:center}.login-hero{padding:28px 29px 24px}.login-hero .eyebrow{color:#718677;margin-bottom:15px}.farm-art{height:130px;position:relative;margin:17px 0 3px;overflow:hidden;border-radius:19px;background:#e3ebde}.farm-art svg{width:100%;height:100%}.login-card{background:white;margin:0 21px;padding:25px 23px;border-radius:21px;border:1px solid var(--line)}label.field{display:block;font-size:11px;font-weight:650;margin-bottom:15px}input:not([type=checkbox]){width:100%;border:1px solid #dce3dc;border-radius:10px;background:#f9faf7;padding:13px;color:var(--ink);margin-top:7px;min-width:0}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}label.check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400}select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px;color:var(--ink);max-width:100%}.primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--green);color:white;border-radius:11px;padding:14px;font-weight:650;font-size:13px}.secondary{background:var(--soft);color:var(--green);border-radius:11px;padding:12px 16px;font-size:12px;font-weight:600}.text-button{background:transparent;color:var(--green);font-size:11px;padding:7px 0}.login-links{display:flex;justify-content:space-between;margin:9px 0 14px}.login-footer{text-align:center;color:var(--muted);font-size:10px;padding:23px 20px 30px}.login-card .primary{margin-top:8px}.demo-note{font-size:10px;color:var(--muted);text-align:center;line-height:1.6;margin:13px 0 0}.stats-total{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;justify-content:space-between;align-items:center}.stats-total strong{font-size:26px;letter-spacing:-.7px;display:block;margin-top:7px}.coin-mark{width:42px;height:42px;border-radius:50%;background:#f5e6bc;color:#a77d2b;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.stats-grid{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.stat-group{padding:17px 14px;border-bottom:1px solid var(--line)}.stat-group:last-child{border:0}.stat-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px}.stat-title strong{font-size:12px}.stat-values{display:flex;justify-content:space-between;gap:8px}.item-value{display:flex;align-items:center;gap:5px;font-size:11px}.item-value img{width:28px;height:30px;object-fit:contain}.stat-summary{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px}.stats-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:13px 2px 24px}.gear{background:none;padding:6px;color:var(--green)}#backdrop{position:fixed;inset:0;background:#122a2580;z-index:30;backdrop-filter:blur(3px)}#sheet{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);max-height:90dvh;overflow:auto;background:var(--bg);border-radius:25px 25px 0 0;padding:10px 22px 28px;z-index:31;box-shadow:0 -10px 60px #143b3120}.handle{width:35px;height:4px;background:#d8dfd6;border-radius:3px;margin:0 auto 20px}.sheet-head{display:flex;justify-content:space-between;align-items:start;margin:6px 0 22px}.sheet-head h2{font-size:21px;letter-spacing:-.6px;margin:0}.sheet-head p{color:var(--muted);font-size:11px;margin:7px 0 0}.close{border-radius:50%;width:28px;height:28px;flex:none;background:#e7ece4;color:#627368;font-size:18px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:17px;margin:15px 0}.panel-title{font-size:10px;color:var(--muted);letter-spacing:1px;margin-bottom:13px}.panel-row{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:12px 0}.panel-row:last-child{margin-bottom:0}.panel-row input[type=number]{width:65px;padding:8px;margin:0}.panel-row small{font-size:10px;color:var(--muted)}.rent-price{font-size:38px;font-weight:600;letter-spacing:-1px;margin:22px 0}.rent-price small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.plan-options{display:flex;gap:8px}.plan-option{flex:1;background:white;border:1px solid var(--line);padding:14px 5px;border-radius:10px;font-size:11px}.plan-option.chosen{background:#e7f0e2;border-color:#759b72;color:var(--green)}.sheet-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}.sheet-tab{white-space:nowrap;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--muted);font-size:11px}.sheet-tab.active{background:var(--green);color:white}.mock-status{background:#e5eee1;border-radius:10px;padding:12px;font-size:11px;display:flex;align-items:center;gap:8px}.actions{display:flex;gap:9px;margin-top:18px}.actions .primary{flex:1}.actions .secondary{flex:1}.danger{background:#873e39!important;color:white!important}#floating{position:fixed;right:max(15px,calc((100vw - 480px)/2 + 15px));bottom:99px;z-index:20;display:flex;align-items:center;box-shadow:0 5px 20px #0c352c35;border:2px solid white;background:var(--green);border-radius:30px;padding:3px}#floating[hidden]{display:none}#float-main{width:49px;height:47px;background:transparent;color:#e3f0d9;border-radius:50%}#float-main svg{width:20px;height:20px}#float-settings{height:30px;width:29px;border-left:1px solid #527268;color:#d3e1d1;background:none;font-size:22px}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%) translateY(10px);background:#173b32;color:white;border-radius:12px;padding:13px 17px;max-width:360px;width:max-content;font-size:12px;z-index:50;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.tiny-banner{font-size:9px;background:#e4ede0;text-align:center;color:#52694e;padding:7px;letter-spacing:.5px}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.inventory-item{background:white;border:1px solid var(--line);border-radius:12px;text-align:center;padding:15px 4px;color:var(--ink)}.inventory-item img{width:43px;height:43px;object-fit:contain;display:block;margin:auto auto 10px}.inventory-item strong{font-size:13px;display:block}.inventory-item small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.farm-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.farm-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.hidden{display:none!important}@media(min-width:600px){#app{box-shadow:0 0 70px #203e2420}.login-hero{padding-top:42px}.farm-art{height:155px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}[hidden]{display:none!important}