*{margin:0;padding:0;box-sizing:border-box}:root{--green-900: #1a3a0a;--green-700: #2d5016;--green-500: #4a8c2a;--green-100: #e8f5e0;--green-50: #f5faf2;--neutral-900: #1a1a1a;--neutral-700: #444;--neutral-500: #888;--neutral-300: #ccc;--neutral-200: #e0e0d8;--neutral-100: #f0f0ec;--neutral-50: #f8f8f5;--white: #fff;--red-500: #c00;--blue-500: #0066cc;--panel-width: 320px;--nav-height: 48px;--radius: 8px;--radius-sm: 6px}body{font-family:system-ui,-apple-system,sans-serif;background:var(--neutral-100);color:var(--neutral-900);height:100vh;display:flex;flex-direction:column;overflow:hidden}#top-nav{display:flex;justify-content:space-between;align-items:center;height:var(--nav-height);padding:0 1rem;background:var(--green-700);color:var(--white);flex-shrink:0}.nav-left,.nav-right{display:flex;align-items:center;gap:.5rem}.logo{font-weight:700;font-size:1.1rem;margin-right:1.5rem}#section-nav{display:flex;gap:.25rem}.nav-item{background:none;border:none;color:#ffffffb3;padding:.4rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all .15s}.nav-item:hover{color:var(--white);background:#ffffff1a}.nav-item.active{color:var(--white);background:#fff3;font-weight:600}.nav-item.gated:after{content:"✦";margin-left:.3rem;font-size:.7rem;opacity:.6}.icon-btn{background:#ffffff1a;border:none;color:var(--white);padding:.3rem .6rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem}.icon-btn:hover{background:#fff3}#auth-controls{display:flex;align-items:center;gap:.5rem}.tier-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.tier-free{background:#ffffff26;color:var(--white)}.tier-garden{background:var(--green-100);color:var(--green-700)}.tier-farm{background:#cce5ff;color:#004085}.tier-ag{background:#f8d7da;color:#721c24}#app-layout{display:flex;flex:1;overflow:hidden}.panel-left{width:var(--panel-width);background:var(--neutral-50);border-right:1px solid var(--neutral-200);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s,opacity .2s}.panel-left.collapsed{width:0;overflow:hidden;opacity:0}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--neutral-200);font-weight:600;font-size:.85rem}.panel-header .icon-btn{background:none;color:var(--neutral-500)}#chat-messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.chat-msg{padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;line-height:1.5;max-width:90%}.chat-msg.user{background:var(--green-100);align-self:flex-end}.chat-msg.assistant{background:var(--white);border:1px solid var(--neutral-200);align-self:flex-start}#chat-form{padding:.5rem;border-top:1px solid var(--neutral-200)}#chat-input{width:100%;padding:.5rem .75rem;border:1px solid var(--neutral-300);border-radius:var(--radius-sm);font-size:.85rem;background:var(--white)}#main-content{flex:1;overflow-y:auto;padding:1rem;min-width:0}.section{display:none}.section.active{display:block}.section-toolbar{display:flex;gap:.5rem;margin-bottom:1rem}.section-toolbar input{flex:1;padding:.5rem .75rem;border:1px solid var(--neutral-300);border-radius:var(--radius-sm);font-size:.9rem}.section-toolbar button,.sub-nav-item,button.primary{background:var(--green-700);color:var(--white);border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem}button.secondary{background:var(--neutral-200);color:var(--neutral-900)}.sub-nav{display:flex;gap:.25rem;margin-bottom:1rem}.sub-nav-item{background:var(--neutral-200);color:var(--neutral-700);padding:.4rem .75rem;font-size:.8rem}.sub-nav-item.active{background:var(--green-700);color:var(--white)}.sub-nav-item.gated:after{content:"✦";margin-left:.3rem;font-size:.65rem;opacity:.5}.view{display:none}.view.active{display:block}.content-grid{display:grid;gap:.5rem}.plant-card{padding:.75rem;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--neutral-200);cursor:pointer;transition:border-color .15s}.plant-card:hover{border-color:var(--green-500)}.plant-card .name{font-weight:600}.plant-card .scientific{font-style:italic;color:var(--neutral-500);font-size:.85rem}.plant-card .meta{font-size:.8rem;color:var(--neutral-500);margin-top:.25rem}.task-card{padding:.75rem;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--neutral-200);display:flex;justify-content:space-between;align-items:center}.task-card .task-name{font-weight:500}.task-card .task-date{font-size:.8rem;color:var(--neutral-500)}.task-card button{font-size:.75rem;padding:.25rem .5rem}.panel-right{width:var(--panel-width);background:var(--white);border-left:1px solid var(--neutral-200);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s,opacity .2s;overflow-y:auto}.panel-right.hidden{width:0;overflow:hidden;opacity:0}#detail-content{padding:.75rem;font-size:.875rem;line-height:1.6}#detail-content h3{color:var(--green-700);margin-bottom:.5rem;font-size:1rem}#detail-content .detail-field{margin-bottom:.75rem}#detail-content .detail-label{font-size:.75rem;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em}#detail-content .detail-value{margin-top:.15rem}#detail-content .editable{cursor:text;padding:.25rem .4rem;border-radius:3px;border:1px solid transparent;transition:border-color .15s}#detail-content .editable:hover{border-color:var(--neutral-300)}#detail-content .editable:focus{outline:none;border-color:var(--green-500);background:var(--green-50)}.detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--neutral-200);margin:0 -.75rem;padding:0 .75rem}.detail-tab{background:none;border:none;padding:.5rem .75rem;font-size:.8rem;cursor:pointer;color:var(--neutral-500);border-bottom:2px solid transparent}.detail-tab.active{color:var(--green-700);border-bottom-color:var(--green-700);font-weight:600}.detail-tab.gated:after{content:"✦";margin-left:.2rem;font-size:.6rem}.detail-tab-content{display:none;padding-top:.75rem}.detail-tab-content.active{display:block}.overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;padding-top:15vh;z-index:100}.overlay.hidden{display:none}.palette-box{background:var(--white);border-radius:var(--radius);width:560px;max-height:400px;box-shadow:0 16px 48px #0003;display:flex;flex-direction:column;overflow:hidden}#palette-input{padding:.75rem 1rem;border:none;border-bottom:1px solid var(--neutral-200);font-size:1rem;outline:none}#palette-results{overflow-y:auto;padding:.5rem}.palette-item{padding:.5rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;display:flex;justify-content:space-between}.palette-item:hover{background:var(--green-50)}.palette-item .palette-label{font-weight:500}.palette-item .palette-type{color:var(--neutral-500);font-size:.8rem}.upgrade-box{background:var(--white);border-radius:var(--radius);padding:2rem;width:400px;text-align:center;box-shadow:0 16px 48px #0003}.upgrade-box h2{color:var(--green-700);margin-bottom:.5rem}.upgrade-box p{color:var(--neutral-700);margin-bottom:1.5rem;font-size:.9rem}.upgrade-actions{display:flex;gap:.5rem;justify-content:center}.hidden{display:none}.status-msg{color:var(--neutral-500);padding:2rem;text-align:center}.error-msg{color:var(--red-500)}.success-msg{color:var(--green-700);background:var(--green-100);padding:.5rem .75rem;border-radius:var(--radius-sm)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.dash-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--neutral-200);padding:.75rem}.dash-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dash-card-header h3{font-size:.85rem;color:var(--green-700)}.dash-link{background:none;border:none;color:var(--blue-500);font-size:.75rem;cursor:pointer;padding:0}.dash-link:hover{text-decoration:underline}.dash-tip{font-size:.85rem;line-height:1.5;color:var(--neutral-700)}.dash-article{padding:.5rem 0;border-bottom:1px solid var(--neutral-100);cursor:pointer}.dash-article:last-child{border-bottom:none}.dash-article-title{font-size:.85rem;font-weight:500;transition:color .15s}.dash-article:hover .dash-article-title{color:var(--green-700)}.dash-article-meta{font-size:.75rem;color:var(--neutral-500);margin-top:.15rem}.dash-quick-actions{display:flex;flex-wrap:wrap;gap:.5rem}.dash-action{background:var(--neutral-100);border:1px solid var(--neutral-200);color:var(--neutral-900);padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .15s}.dash-action:hover{background:var(--green-50);border-color:var(--green-500)}.dash-action.gated{color:var(--neutral-500)}.gated-card{opacity:.7;position:relative}.dash-plant{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--neutral-100);cursor:pointer;font-size:.85rem}.dash-plant:last-child{border-bottom:none}.dash-plant:hover{color:var(--green-700)}.dash-plant .dash-plant-meta{font-size:.75rem;color:var(--neutral-500)}.dash-location-setup p{font-size:.85rem;color:var(--neutral-700);margin-bottom:.5rem}.dash-location-form{display:flex;gap:.5rem}.dash-location-form input{flex:1;padding:.4rem .6rem;border:1px solid var(--neutral-300);border-radius:var(--radius-sm);font-size:.85rem}.dash-weather-data .weather-temp{font-size:1.5rem;font-weight:700;color:var(--neutral-900)}.dash-weather-data .weather-desc{font-size:.85rem;color:var(--neutral-700);margin-top:.15rem}.dash-weather-data .weather-detail{font-size:.8rem;color:var(--neutral-500);margin-top:.25rem}.dash-map{height:180px;border-radius:var(--radius-sm);margin-top:.5rem;background:var(--neutral-100)}.session-warning{background:#fff3cd;color:#856404;padding:.5rem 1rem;font-size:.8rem;text-align:center;border-bottom:1px solid #ffc107}.zone-lookup{display:flex;gap:.5rem;max-width:300px}.zone-lookup input{flex:1;padding:.5rem .75rem;border:1px solid var(--neutral-300);border-radius:var(--radius-sm)}#zone-result{margin-top:1rem}