:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#1d2a1f;background:#f7f5ef}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;color:#1d2a1f;background:radial-gradient(circle at 12% 12%,#b8d6b18c,#b8d6b100 28%),radial-gradient(circle at 88% 16%,#f0deba80,#f0deba00 25%),radial-gradient(circle at 78% 82%,#cce0c473,#cce0c400 22%),linear-gradient(180deg,#eef5e8,#f7f5ef 48%,#f4f1e8)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(#ffffff1f,#ffffff1f),radial-gradient(circle at top,rgba(255,255,255,.28),transparent 42%);z-index:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:18px;padding:.92rem 1rem;transition:transform .15s ease,box-shadow .18s ease,opacity .15s ease,background .18s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}input,select{width:100%;border:1px solid #d9e4d3;border-radius:16px;padding:.95rem 1rem;background:#fffdf9eb;color:#1d2a1f;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:inset 0 1px #ffffff8c}input:focus,select:focus{border-color:#83a66f;background:#fffffffa;box-shadow:0 0 0 4px #83a66f24}#root{width:100%;position:relative;z-index:1}.app-shell{max-width:1120px;margin:0 auto;padding:1.35rem;display:grid;gap:1.15rem}.hero-card,.panel,.stat-card,.crop-card{background:#fffcf7b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(223,230,215,.95);border-radius:28px;box-shadow:0 18px 40px #1c2a1e12,0 2px 8px #1c2a1e08}.hero-card{padding:1.45rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:linear-gradient(135deg,#ffffffb8,#f4f8efa8),#fffcf7b8}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;margin:0 0 .5rem;color:#6a8462;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.1rem,4vw,3rem);letter-spacing:-.035em;color:#182419}h2{font-size:1.22rem;letter-spacing:-.02em;color:#223024}h3{font-size:1.06rem;letter-spacing:-.01em;color:#1d2a1f}.subtext{margin-top:.52rem;color:#5b6b58;max-width:40rem;font-size:.98rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:1.15rem 1.2rem;background:linear-gradient(180deg,#ffffffb8,#f5f8f1b8),#fffcf7b8}.stat-card span{display:block;font-size:.9rem;color:#687765;margin-bottom:.35rem}.stat-card strong{font-size:2rem;letter-spacing:-.04em;color:#19311c}.panel{padding:1.2rem}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.crop-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.95rem;align-items:end}.crop-form label{display:grid;gap:.45rem}.crop-form span{font-size:.9rem;color:#5e6f5a;font-weight:600}.primary-btn{background:linear-gradient(180deg,#3a7640,#2b5f31);color:#fff;box-shadow:0 12px 24px #3a764038}.primary-btn:hover{box-shadow:0 14px 28px #3a764042}.secondary-btn{background:linear-gradient(180deg,#f2f6ee,#e8f0e3);color:#1d3520;box-shadow:0 6px 14px #2d4e300f}.ghost-btn{background:#ffffff59;color:#365b39;border:1px solid #d6dfd1}.danger-btn{background:linear-gradient(180deg,#fff5f4,#ffeded);color:#962f2f}.error-banner{margin-top:1rem;color:#9c1f1f;background:#fff4f4e6;border:1px solid #f0cfcf;padding:.9rem 1rem;border-radius:16px}.filters-row{display:flex;gap:.75rem;flex-wrap:wrap}.results-count{margin-top:.85rem;font-size:.92rem;color:#647260}.crop-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.crop-card{padding:1.12rem;display:grid;gap:1rem;background:linear-gradient(180deg,#ffffffc7,#f7f9f3bd),#fffcf7b8}.crop-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:start}.crop-card-top p{color:#6a7866;margin-top:.25rem;font-size:.95rem}.low-badge{font-size:.8rem;background:linear-gradient(180deg,#fff4da,#ffe9b8);color:#8a5d00;padding:.38rem .68rem;border-radius:999px;font-weight:700;white-space:nowrap;box-shadow:0 5px 12px #b5821214}.crop-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;background:#f2f7eee0;border:1px solid #e4ece0;border-radius:18px;padding:.9rem}.crop-meta span{display:block;font-size:.82rem;color:#697766;margin-bottom:.18rem}.crop-meta strong{font-size:1.08rem;letter-spacing:-.02em;color:#1c2a1e}.card-actions{display:flex;gap:.72rem}.card-actions button{flex:1}.empty-state{padding:2.5rem 1rem;text-align:center;color:#667363}.empty-state p{font-size:1.05rem;margin-bottom:.3rem}@media(max-width:800px){.stats-grid,.crop-form{grid-template-columns:1fr}.hero-card,.panel-header.responsive-stack{flex-direction:column;align-items:stretch}.card-actions,.hero-actions{flex-direction:column}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(100%,560px);background:#fffcf7c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(223,230,215,.95);border-radius:32px;box-shadow:0 18px 40px #1c2a1e14,0 2px 8px #1c2a1e0a;padding:2rem;display:grid;gap:1.2rem;text-align:center}.auth-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:#6a8462;font-weight:700}.auth-title{font-size:clamp(2.2rem,5vw,3.2rem);letter-spacing:-.04em;color:#182419}.auth-subtext{color:#5d6d5a;font-size:1rem;line-height:1.7;max-width:34rem;margin:0 auto}.auth-feature-list{display:grid;gap:.75rem;margin-top:.25rem}.auth-feature{background:#f2f7eee6;border:1px solid #e3ebdf;border-radius:18px;padding:.9rem 1rem;color:#29402d;font-weight:600}.auth-btn{width:100%;margin-top:.3rem}.auth-footnote{color:#70806d;font-size:.92rem}.user-chip{display:flex;align-items:center;gap:.8rem;background:#ffffff9e;border:1px solid #dde6d8;border-radius:20px;padding:.65rem .85rem;min-width:240px}.user-avatar{width:46px;height:46px;border-radius:999px;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.9)}.fallback-avatar{display:grid;place-items:center;background:linear-gradient(180deg,#3a7640,#2b5f31);color:#fff;font-weight:700}.user-details{display:grid;min-width:0}.user-details strong{font-size:.95rem;color:#1c2b1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details span{font-size:.82rem;color:#657263;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:800px){.user-chip{width:100%;min-width:0}.auth-card{padding:1.4rem}}