*{margin:0;padding:0;box-sizing:border-box}:root{--green-900: #1a2a16;--green-800: #243b21;--green-700: #38562d;--green-600: #4f7942;--green-500: #6ca059;--green-100: #e2ebd9;--green-50: #f1f5ee;--neutral-900: #2c2a29;--neutral-700: #54514d;--neutral-500: #8c8781;--neutral-300: #d6d3ce;--neutral-200: #e8e6e1;--neutral-100: #f2f0eb;--neutral-50: #faf9f7;--white: #ffffff;--terracotta: #c35831;--sun-yellow: #f9e79f;--blue-soft: #4a7b9d;--panel-width: 340px;--nav-height: 56px;--radius-lg: 16px;--radius: 12px;--radius-sm: 8px;--font-sans: "Outfit", system-ui, -apple-system, sans-serif;--font-serif: "Bitter", Georgia, serif;--shadow-sm: 0 2px 8px rgba(44, 42, 41, .04);--shadow-md: 0 4px 16px rgba(44, 42, 41, .06);--shadow-lg: 0 12px 32px rgba(44, 42, 41, .08);--shadow-hover: 0 8px 24px rgba(44, 42, 41, .1)}body{font-family:var(--font-sans);background:var(--neutral-100);color:var(--neutral-900);height:100vh;display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,.logo{font-family:var(--font-serif);color:var(--green-800);font-weight:600}#top-nav{display:flex;justify-content:space-between;align-items:center;height:var(--nav-height);padding:0 1.5rem;background:var(--white);color:var(--green-900);flex-shrink:0;border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);z-index:10}.nav-left,.nav-right{display:flex;align-items:center;gap:1rem}.logo{font-weight:700;font-size:1.4rem;margin-right:1.5rem;letter-spacing:-.02em}#section-nav{display:flex;gap:.5rem}.nav-item{background:none;border:none;color:var(--neutral-700);padding:.5rem 1rem;border-radius:var(--radius-lg);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;font-family:var(--font-sans)}.nav-item:hover{color:var(--green-700);background:var(--green-50)}.nav-item.active{color:var(--green-800);background:var(--green-100);font-weight:600}.nav-item.gated:after{content:"✦";margin-left:.4rem;font-size:.75rem;color:inherit;opacity:.6}.icon-btn{background:var(--neutral-50);border:1px solid var(--neutral-200);color:var(--neutral-700);padding:.5rem .8rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;font-family:var(--font-sans)}.icon-btn:hover{background:var(--neutral-100);color:var(--green-800);border-color:var(--neutral-300)}#auth-controls{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.tier-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-sans)}.tier-free{background:var(--neutral-200);color:var(--neutral-700)}.tier-garden{background:var(--green-100);color:var(--green-800);border:1px solid rgba(108,160,89,.3)}.tier-farm{background:#e2eff7;color:#2b5d7d;border:1px solid rgba(74,123,157,.3)}.tier-ag{background:#f5e1da;color:var(--terracotta);border:1px solid rgba(195,88,49,.3)}#app-layout{display:flex;flex:1;overflow:hidden;position:relative}.panel-left{width:var(--panel-width);background:var(--white);border-right:1px solid var(--neutral-200);display:flex;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.2,.8,.2,1),opacity .3s;z-index:5;box-shadow:2px 0 12px #2c2a2905}.panel-left.collapsed{width:0;overflow:hidden;opacity:0;border-right:none}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--neutral-100)}.panel-header span{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;color:var(--green-800)}.panel-header .icon-btn{background:transparent;border:none;color:var(--neutral-500);padding:.4rem}.panel-header .icon-btn:hover{background:var(--neutral-100);color:var(--neutral-900)}#chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.chat-msg{padding:.85rem 1rem;border-radius:var(--radius);font-size:.95rem;line-height:1.5;max-width:90%;box-shadow:var(--shadow-sm)}.chat-msg.user{background:var(--green-100);color:var(--green-900);align-self:flex-end;border-bottom-right-radius:4px}.chat-msg.assistant{background:var(--white);color:var(--neutral-900);border:1px solid var(--neutral-200);align-self:flex-start;border-bottom-left-radius:4px}#chat-form{padding:1rem;background:var(--neutral-50);border-top:1px solid var(--neutral-200)}#chat-input{width:100%;padding:.85rem 1rem;border:1px solid var(--neutral-300);border-radius:24px;font-size:.95rem;background:var(--white);font-family:var(--font-sans);transition:all .2s;box-shadow:inset 0 2px 4px #00000005}#chat-input:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px #6ca05926}#main-content{flex:1;overflow-y:auto;padding:2rem 3rem;min-width:0;background:var(--neutral-100)}.section{display:none;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section.active{display:block}.section-toolbar{display:flex;gap:.75rem;margin-bottom:2rem}.section-toolbar input{flex:1;padding:.75rem 1.25rem;border:1px solid var(--neutral-300);border-radius:24px;font-size:1rem;font-family:var(--font-sans);transition:all .2s;box-shadow:var(--shadow-sm)}.section-toolbar input:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px #6ca05926}.section-toolbar button,button.primary{background:var(--green-700);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:24px;cursor:pointer;font-size:.95rem;font-weight:500;font-family:var(--font-sans);transition:all .2s;box-shadow:var(--shadow-sm)}.section-toolbar button:hover,button.primary:hover{background:var(--green-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.section-toolbar button:active,button.primary:active{transform:translateY(0)}button.secondary{background:var(--white);color:var(--neutral-800);border:1px solid var(--neutral-300)}button.secondary:hover{background:var(--neutral-50);border-color:var(--neutral-500)}.sub-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--neutral-200);padding-bottom:.5rem}.sub-nav-item{background:transparent;color:var(--neutral-600);padding:.5rem 1rem;font-size:.95rem;font-weight:500;border-radius:var(--radius-sm);transition:all .2s;border:none}.sub-nav-item:hover{color:var(--green-700);background:var(--green-50)}.sub-nav-item.active{background:var(--white);color:var(--green-800);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-200)}.sub-nav-item.gated:after{content:"✦";margin-left:.4rem;font-size:.75rem;opacity:.6}.view{display:none;animation:fadeIn .2s ease-out}.view.active{display:block}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.plant-card{padding:1.25rem;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);cursor:pointer;transition:all .25s ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem}.plant-card:hover{border-color:var(--green-500);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.plant-card .name{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;color:var(--green-900)}.plant-card .scientific{font-style:italic;color:var(--neutral-500);font-size:.9rem}.plant-card .meta{font-size:.85rem;color:var(--neutral-600);margin-top:.5rem;background:var(--neutral-50);padding:.4rem .6rem;border-radius:var(--radius-sm);display:inline-block;align-self:flex-start}.task-card{padding:1rem 1.25rem;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--neutral-200);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);transition:all .2s;margin-bottom:.75rem}.task-card:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-md)}.task-card .task-name{font-weight:500;color:var(--neutral-900);font-size:1rem}.task-card .task-date{font-size:.85rem;color:var(--neutral-500);margin-top:.25rem}.task-card button{font-size:.85rem;padding:.4rem .8rem;border-radius:20px}.panel-right{width:380px;background:var(--white);border-left:1px solid var(--neutral-200);display:flex;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.2,.8,.2,1),opacity .3s;overflow-y:auto;z-index:5;box-shadow:-2px 0 12px #2c2a2908}.panel-right.hidden{width:0;overflow:hidden;opacity:0;border-left:none}#detail-content{padding:1.5rem;font-size:.95rem;line-height:1.6}#detail-content h3{font-family:var(--font-serif);color:var(--green-800);margin-bottom:.75rem;font-size:1.2rem;font-weight:600}#detail-content .detail-field{margin-bottom:1.25rem}#detail-content .detail-label{font-size:.8rem;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.25rem}#detail-content .detail-value{margin-top:.25rem;color:var(--neutral-900)}#detail-content .editable{cursor:text;padding:.4rem .6rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:all .2s;margin-left:-.6rem}#detail-content .editable:hover{background:var(--neutral-50);border-color:var(--neutral-200)}#detail-content .editable:focus{outline:none;border-color:var(--green-500);background:var(--white);box-shadow:0 0 0 3px #6ca05926}.detail-tabs{display:flex;gap:1rem;border-bottom:1px solid var(--neutral-200);margin:0 -1.5rem 1.5rem;padding:0 1.5rem}.detail-tab{background:none;border:none;padding:.75rem .25rem;font-size:.9rem;font-weight:500;cursor:pointer;color:var(--neutral-500);border-bottom:2px solid transparent;transition:all .2s}.detail-tab:hover{color:var(--neutral-900)}.detail-tab.active{color:var(--green-700);border-bottom-color:var(--green-700);font-weight:600}.detail-tab.gated:after{content:"✦";margin-left:.3rem;font-size:.7rem}.detail-tab-content{display:none}.detail-tab-content.active{display:block;animation:fadeIn .2s ease-out}.overlay{position:fixed;inset:0;background:#2c2a2966;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;padding-top:15vh;z-index:100;animation:fadeIn .15s ease-out}.overlay.hidden{display:none}.palette-box{background:var(--white);border-radius:var(--radius-lg);width:600px;max-height:450px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}#palette-input{padding:1.25rem 1.5rem;border:none;border-bottom:1px solid var(--neutral-200);font-size:1.15rem;outline:none;font-family:var(--font-sans);color:var(--neutral-900)}#palette-input::placeholder{color:var(--neutral-400)}#palette-results{overflow-y:auto;padding:.75rem}.palette-item{padding:.75rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;display:flex;justify-content:space-between;align-items:center;transition:background .15s}.palette-item:hover{background:var(--green-50)}.palette-item .palette-label{font-weight:500;color:var(--neutral-900)}.palette-item .palette-type{color:var(--neutral-500);font-size:.85rem;background:var(--neutral-100);padding:.2rem .5rem;border-radius:4px}.upgrade-box{background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;width:440px;text-align:center;box-shadow:var(--shadow-lg)}.upgrade-box h2{font-family:var(--font-serif);color:var(--green-800);margin-bottom:1rem;font-size:1.5rem}.upgrade-box p{color:var(--neutral-700);margin-bottom:2rem;font-size:1rem;line-height:1.5}.upgrade-actions{display:flex;gap:1rem;justify-content:center}.hidden{display:none}.status-msg{color:var(--neutral-500);padding:3rem 1rem;text-align:center;font-size:.95rem;background:var(--neutral-50);border-radius:var(--radius-lg);border:1px dashed var(--neutral-300)}.error-msg{color:var(--terracotta)}.success-msg{color:var(--green-800);background:var(--green-100);padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(108,160,89,.3)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.dash-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.dash-card:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-300)}.dash-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--neutral-100)}.dash-card-header h3{font-size:1.1rem;color:var(--green-900);margin:0}.dash-link{background:none;border:none;color:var(--green-600);font-size:.85rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s}.dash-link:hover{background:var(--green-50);color:var(--green-800)}.dash-tip{font-size:.95rem;line-height:1.6;color:var(--neutral-700);background:#f9e79f33;padding:1rem;border-radius:var(--radius-sm);border-left:3px solid var(--sun-yellow)}.dash-article{padding:.85rem 0;border-bottom:1px solid var(--neutral-100);cursor:pointer;transition:padding-left .2s}.dash-article:hover{padding-left:.5rem}.dash-article:last-child{border-bottom:none;padding-bottom:0}.dash-article-title{font-size:.95rem;font-weight:500;color:var(--neutral-900);transition:color .2s}.dash-article:hover .dash-article-title{color:var(--green-700)}.dash-article-meta{font-size:.8rem;color:var(--neutral-500);margin-top:.35rem}.dash-quick-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.dash-action{background:var(--white);border:1px solid var(--neutral-300);color:var(--neutral-800);padding:.6rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;flex:1 1 auto;text-align:center}.dash-action:hover{background:var(--green-50);border-color:var(--green-500);color:var(--green-800)}.dash-action.gated{color:var(--neutral-500);background:var(--neutral-50);border-style:dashed}.dash-action.gated:hover{border-color:var(--neutral-400);color:var(--neutral-700);background:var(--neutral-100)}.gated-card{opacity:.8;position:relative;background:repeating-linear-gradient(45deg,var(--white),var(--white) 10px,var(--neutral-50) 10px,var(--neutral-50) 20px)}.dash-plant{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;border-bottom:1px solid var(--neutral-100);cursor:pointer;font-size:.95rem;border-radius:var(--radius-sm);transition:background .2s}.dash-plant:last-child{border-bottom:none}.dash-plant:hover{color:var(--green-800);background:var(--green-50)}.dash-plant .dash-plant-meta{font-size:.8rem;color:var(--neutral-500);background:var(--white);padding:.2rem .5rem;border-radius:4px;border:1px solid var(--neutral-200)}.dash-location-setup p{font-size:.95rem;color:var(--neutral-700);margin-bottom:1rem}.dash-location-form{display:flex;gap:.75rem}.dash-location-form input{flex:1;padding:.6rem 1rem;border:1px solid var(--neutral-300);border-radius:20px;font-size:.95rem;font-family:var(--font-sans)}.dash-location-form input:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px #6ca05926}.dash-weather-data .weather-temp{font-family:var(--font-serif);font-size:2.5rem;font-weight:700;color:var(--green-900);line-height:1}.dash-weather-data .weather-desc{font-size:1.1rem;color:var(--neutral-800);margin-top:.5rem;font-weight:500}.dash-weather-data .weather-detail{font-size:.9rem;color:var(--neutral-500);margin-top:.5rem}.dash-map{height:200px;border-radius:var(--radius);margin-top:1rem;background:var(--neutral-200);border:1px solid var(--neutral-300)}.session-warning{background:#fdf2e9;color:var(--terracotta);padding:.75rem 1.5rem;font-size:.9rem;text-align:center;border-bottom:1px solid rgba(195,88,49,.2);font-weight:500}.zone-lookup{display:flex;gap:.75rem;max-width:400px;margin-bottom:1.5rem}.zone-lookup input{flex:1;padding:.75rem 1.25rem;border:1px solid var(--neutral-300);border-radius:24px;font-size:1rem;font-family:var(--font-sans)}.zone-lookup input:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px #6ca05926}#zone-result{margin-top:1.5rem;font-size:1.1rem;color:var(--green-900)}