@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";.navbar{z-index:1000;height:72px;transition:all var(--transition-smooth);background:0 0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);box-shadow:var(--shadow-sm)}.navbar__inner{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar__brand{align-items:center;gap:10px;display:flex}.navbar__logo{font-size:1.8rem;animation:3s ease-in-out infinite float}.navbar__title{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.navbar__links{align-items:center;gap:8px;display:flex}.navbar__link{border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);padding:8px 16px;font-size:.9rem;font-weight:500}.navbar__link:hover{background:var(--primary-pastel);color:var(--primary-dark)}.navbar__link.active{background:var(--primary-pastel);color:var(--primary-dark);font-weight:600}.navbar__user{border-left:2px solid var(--primary-pastel);align-items:center;gap:8px;margin-left:12px;padding-left:12px;display:flex}.navbar__user-name{color:var(--secondary-dark);font-size:.9rem;font-weight:600}.navbar__logout{padding:6px 14px!important;font-size:.85rem!important}.navbar__hamburger{background:0 0;flex-direction:column;gap:5px;padding:8px;display:none}.navbar__hamburger span{background:var(--text-primary);width:24px;height:2.5px;transition:all var(--transition-fast);border-radius:2px}@media (width<=768px){.navbar__hamburger{display:flex}.navbar__links{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);box-shadow:var(--shadow-md);flex-direction:column;gap:12px;padding:20px 24px;display:none;position:absolute;top:72px;left:0;right:0}.navbar__links--open{display:flex}.navbar__user{border-left:none;border-top:var(--border-light);justify-content:space-between;width:100%;margin-left:0;padding-top:12px;padding-left:0}}.hero{background:linear-gradient(170deg,#f8faf0 0%,#eff6e8 30%,#fbf9f1 70%,#f5f0e4 100%);align-items:center;min-height:100vh;padding:100px 0 60px;display:flex;position:relative;overflow:hidden}.hero__bg-shapes{pointer-events:none;z-index:0;position:absolute;inset:0}.hero__shape{border-radius:50%;position:absolute}.hero__shape--1{background:radial-gradient(circle,#d4a84314 0%,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite float;top:-120px;right:-120px}.hero__shape--2{background:radial-gradient(circle,#6b8e5012 0%,#0000 70%);width:350px;height:350px;animation:10s ease-in-out infinite reverse float;bottom:-80px;left:-80px}.hero__shape--3{background:radial-gradient(circle,#eac7751a 0%,#0000 70%);width:200px;height:200px;animation:6s ease-in-out infinite float;top:35%;left:25%}.hero__shape--4{background:radial-gradient(circle,#6b8e500f 0%,#0000 70%);width:120px;height:120px;animation:7s ease-in-out infinite float;top:20%;right:35%}.hero__shape--5{background:radial-gradient(circle,#d4a84314 0%,#0000 70%);width:80px;height:80px;animation:5s ease-in-out infinite reverse float;bottom:25%;right:10%}.hero__inner{z-index:1;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;display:grid;position:relative}.hero__badge{color:#4a6a3a;border-radius:var(--radius-full);background:#6b8e501a;border:1px solid #6b8e5026;align-items:center;gap:8px;margin-bottom:24px;padding:8px 22px;font-size:.82rem;font-weight:600;display:inline-flex}.hero__badge-dot{background:#6b8e50;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow}.hero__title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px;font-size:3.6rem;font-weight:800;line-height:1.08}.hero__highlight{background:linear-gradient(135deg,#d4a843,#c69b38,#8b6914);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__desc{color:var(--text-secondary);max-width:500px;margin-bottom:36px;font-size:1.12rem;line-height:1.85}.hero__actions{flex-wrap:wrap;gap:14px;margin-bottom:40px;display:flex}.btn--lg{padding:14px 32px;font-size:1rem}.hero__cta-main{box-shadow:0 6px 24px #d4a8434d}.hero__cta-main:hover{box-shadow:0 10px 36px #d4a84366}.hero__stats{align-items:center;gap:24px;display:flex}.hero__stat{flex-direction:column;gap:2px;display:flex}.hero__stat-num{color:var(--primary-dark);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.hero__stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:500}.hero__stat-divider{background:#2d3a2e1a;width:1px;height:36px}.hero__image-wrapper{position:relative}.hero__image{border-radius:var(--radius-xl);filter:drop-shadow(0 16px 48px #6b8e5026);width:100%;max-width:560px}.hero__float-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #fff9;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;display:flex;position:absolute;box-shadow:0 4px 20px #0000000f}.hero__float-card--temp{top:10%;left:-30px}.hero__float-card--humid{top:55%;right:-20px}.hero__float-card--ai{bottom:5%;left:10%}.hero__float-icon{border-radius:8px;width:32px;height:32px}.hero__float-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:500;display:block}.hero__float-value{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;display:block}.hero__float-value--ok{color:var(--success)}.hero__float-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.hero__float-dot--green{background:var(--success);animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 8px #16a34a66}.features{background:var(--bg-body);padding:100px 0 80px;position:relative}.features__header{text-align:center;margin-bottom:56px}.features__overline{background:var(--primary-pastel);color:var(--primary-dark);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;padding:5px 16px;font-size:.72rem;font-weight:700;display:inline-block}.section-title{text-align:center;margin-bottom:12px;font-size:2.4rem}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:500px;margin-bottom:0;margin-left:auto;margin-right:auto;font-size:1.1rem}.features__showcase{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}.feature-showcase-card{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);overflow:hidden}.feature-showcase-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000014}.feature-showcase-card__img-wrap{background:linear-gradient(#f5f8f0 0%,#0000 100%);justify-content:center;align-items:center;padding:20px 20px 0;display:flex}.feature-showcase-card__img-wrap img{border-radius:var(--radius-lg);filter:drop-shadow(0 4px 12px #0000000f);width:100%;max-width:220px;height:auto}.feature-showcase-card__text{padding:24px 28px 28px}.feature-showcase-card__text h3{color:var(--text-primary);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700}.feature-showcase-card__text p{color:var(--text-secondary);font-size:.88rem;line-height:1.7}.features__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-mini-card{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);padding:28px 24px}.feature-mini-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-mini-card__icon-wrap{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex}.feature-mini-card__icon--shield{color:#16a34a;background:#22c55e1a}.feature-mini-card__icon--growth{color:#6b8e50;background:#6b8e501a}.feature-mini-card__icon--mobile{color:#2563eb;background:#3b82f61a}.feature-mini-card h4{margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.feature-mini-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.7}.how-it-works{background:linear-gradient(180deg, var(--bg-section-alt) 0%, #f8faf0 100%);padding:100px 0}.steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:48px;display:flex}.step{text-align:center;background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-xl);max-width:260px;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);padding:36px 24px;position:relative}.step:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000012}.step__number{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #d4a8434d}.step h3{margin-bottom:10px;font-size:1.1rem}.step p{color:var(--text-secondary);font-size:.88rem;line-height:1.7}.step__connector{color:var(--primary-light);opacity:.6;flex-shrink:0}.cta{background:linear-gradient(170deg,#f5f0e4 0%,#eff6e8 50%,#f8faf0 100%);padding:100px 0;position:relative;overflow:hidden}.cta__bg-shapes{pointer-events:none;position:absolute;inset:0}.cta__shape{border-radius:50%;position:absolute}.cta__shape--1{background:radial-gradient(circle,#d4a84314 0%,#0000 70%);width:300px;height:300px;animation:7s ease-in-out infinite float;top:-100px;right:-60px}.cta__shape--2{background:radial-gradient(circle,#6b8e500f 0%,#0000 70%);width:200px;height:200px;animation:9s ease-in-out infinite reverse float;bottom:-60px;left:-40px}.cta__inner{text-align:center;z-index:1;position:relative}.cta__badge{background:var(--secondary-pastel);color:var(--secondary-dark);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;padding:6px 18px;font-size:.72rem;font-weight:700;display:inline-block}.cta h2{margin-bottom:16px;font-size:2.2rem}.cta p{color:var(--text-secondary);max-width:480px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.08rem}.footer{background:var(--bg-section-alt);border-top:1px solid #2d3a2e0f;padding:40px 0}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer__brand{align-items:center;gap:10px;display:flex}.footer__logo-icon{display:flex}.footer__name{color:var(--primary-dark);font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.footer__copy{color:var(--text-muted);font-size:.82rem}.footer__links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.88rem}.footer__links a:hover{color:var(--primary)}@media (width<=968px){.hero__inner{text-align:center;grid-template-columns:1fr}.hero__desc{margin-left:auto;margin-right:auto}.hero__actions,.hero__stats{justify-content:center}.hero__image-wrapper{max-width:420px;margin:0 auto}.hero__float-card--temp{left:-10px}.hero__float-card--humid{right:-10px}.features__showcase{grid-template-columns:1fr;max-width:400px;margin-bottom:24px;margin-left:auto;margin-right:auto}.features__grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.hero__title{font-size:2.4rem}.hero__float-card{display:none}.features__grid{grid-template-columns:1fr}.steps{flex-direction:column}.step__connector{transform:rotate(90deg)}.footer__inner{text-align:center;flex-direction:column}}.auth-page{background:var(--bg-hero-gradient);justify-content:center;align-items:center;min-height:100vh;padding:100px 24px 40px;display:flex;position:relative;overflow:hidden}.auth-page__bg-shapes{pointer-events:none;position:absolute;inset:0}.auth-shape{opacity:.1;border-radius:50%;position:absolute}.auth-shape--1{background:var(--primary-light);width:350px;height:350px;animation:7s ease-in-out infinite float;top:-100px;right:-80px}.auth-shape--2{background:var(--secondary-light);width:280px;height:280px;animation:9s ease-in-out infinite reverse float;bottom:-80px;left:-60px}.auth-card{z-index:1;width:100%;max-width:440px;padding:48px 40px;position:relative}.auth-card__header{text-align:center;margin-bottom:32px}.auth-card__emoji{margin-bottom:12px;font-size:3rem;display:block}.auth-card__header h1{margin-bottom:6px;font-size:1.8rem}.auth-card__header p{color:var(--text-secondary);font-size:.95rem}.auth-error{color:#a0442f;border-radius:var(--radius-md);text-align:center;background:#fad4cc;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:500}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-submit{width:100%;margin-top:8px;padding:16px;font-size:1rem}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-card__footer{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:.9rem}.auth-card__footer a{color:var(--primary-dark);border-bottom:2px solid var(--primary-pastel);transition:border-color var(--transition-fast);font-weight:600}.auth-card__footer a:hover{border-color:var(--primary)}@media (width<=480px){.auth-card{padding:36px 24px}}.sensor-card{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);align-items:center;gap:16px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.sensor-card:before{content:"";background:var(--secondary-light);width:4px;height:100%;transition:background var(--transition-fast);border-radius:0 4px 4px 0;position:absolute;top:0;left:0}.sensor-card.sensor--warning:before{background:var(--warning)}.sensor-card.sensor--danger:before{background:var(--danger)}.sensor-card.sensor--good:before{background:var(--success)}.sensor-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.sensor-card__icon{border-radius:var(--radius-md);background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;display:flex;overflow:hidden}.sensor-card__icon-img{object-fit:contain;border-radius:var(--radius-md);width:52px;height:52px;transition:transform var(--transition-smooth)}.sensor-card:hover .sensor-card__icon-img{transform:scale(1.1)}.sensor-card__icon-emoji{background:var(--secondary-pastel);border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.sensor-card.sensor--warning .sensor-card__icon{background:var(--primary-pastel)}.sensor-card.sensor--danger .sensor-card__icon{background:#fad4cc}.sensor-card__info{flex-direction:column;flex:1;gap:4px;display:flex}.sensor-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.sensor-card__value-row{align-items:baseline;gap:4px;display:flex}.sensor-card__value{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;line-height:1}.sensor-card__unit{color:var(--text-muted);font-size:.85rem;font-weight:500}.sensor-card__indicator{background:var(--success);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite pulse-glow}.sensor-card__indicator.sensor--warning{background:var(--warning);animation:none;box-shadow:0 0 8px #e8a83866}.sensor-card__indicator.sensor--danger{background:var(--danger);animation:1s ease-in-out infinite pulse-glow}.analytics-panel{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:28px;position:relative;overflow:hidden}.analytics-panel:before{content:"";background:linear-gradient(90deg, var(--secondary), var(--primary), var(--info));border-radius:4px 4px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.analytics-panel__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.analytics-panel__title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700}.analytics-panel__badge{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;background:var(--secondary-pastel);color:var(--secondary-dark);align-items:center;gap:4px;padding:5px 14px;font-size:.72rem;font-weight:600;display:inline-flex}.analytics-panel__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.analytics-card{background:var(--bg-body);border-radius:var(--radius-lg);transition:all var(--transition-smooth);border:1px solid #2d3a2e0f;align-items:flex-start;gap:14px;padding:20px;display:flex}.analytics-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.analytics-card__icon{border-radius:var(--radius-md);background:#fffc;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 1px 4px #0000000a}.analytics-card__content{flex-direction:column;flex:1;gap:8px;display:flex}.analytics-card__content--center{text-align:center;align-items:center}.analytics-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.analytics-card__progress-wrapper{align-items:center;gap:10px;display:flex}.analytics-card__progress-bar{background:#e5e7eb;border-radius:5px;flex:1;height:10px;overflow:hidden}.analytics-card__progress-fill{border-radius:5px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.analytics-card__progress-fill:after{content:"";background:#ffffff80;border-radius:2px;width:4px;height:100%;position:absolute;top:0;right:0}.analytics-card__progress-text{text-align:right;min-width:44px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.analytics-card__status{border-radius:var(--radius-full);letter-spacing:.03em;align-self:flex-start;padding:3px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.analytics-card__gauge{width:120px;margin:-4px 0}.analytics__gauge-svg{width:100%;height:auto}.analytics-card__nutrient-badge{border-radius:var(--radius-md);border:2px solid;align-items:center;gap:8px;padding:10px 18px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;display:inline-flex}.analytics-card__nutrient-dot{border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-glow}.analytics-card__sub-text{color:var(--text-muted);font-size:.72rem;font-style:italic}.analytics-card__drying{align-items:center;gap:8px;display:flex}.analytics-card__drying-arrow{font-size:1.4rem;font-weight:800;line-height:1;animation:2s ease-in-out infinite float}.analytics-card__drying-text{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.analytics-card--health{justify-content:center}.analytics-card__health-ring{width:90px;height:90px}.analytics-card__health-svg{width:100%;height:100%}@media (width<=768px){.analytics-panel{padding:20px}.analytics-panel__grid{grid-template-columns:1fr}.analytics-card__gauge{width:100px}}.trend-charts{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:28px;position:relative;overflow:hidden}.trend-charts:before{content:"";background:linear-gradient(90deg,#f87171,#60a5fa,#a78bfa,#fbbf24);border-radius:3px 3px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.trend-charts__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.trend-charts__title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700}.trend-charts__controls{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.trend-charts__pills{flex-wrap:wrap;gap:6px;display:flex}.trend-charts__pill{border-radius:var(--radius-full);background:var(--bg-body);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em;border:1.5px solid #0000;padding:6px 14px;font-size:.78rem;font-weight:600}.trend-charts__pill:hover{background:var(--bg-section-alt);transform:translateY(-1px)}.trend-charts__pill--active{font-weight:700;box-shadow:0 2px 8px #00000014}.trend-charts__range-pills{background:var(--bg-body);border-radius:var(--radius-full);gap:4px;padding:3px;display:flex}.trend-charts__range-pill{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:5px 12px;font-size:.72rem;font-weight:600}.trend-charts__range-pill:hover{color:var(--text-primary)}.trend-charts__range-pill--active{background:var(--bg-card);color:var(--primary-dark);box-shadow:var(--shadow-sm)}.trend-charts__body{justify-content:center;align-items:center;min-height:320px;display:flex}.trend-charts__loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;font-size:.9rem;display:flex}.trend-charts__empty{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.trend-charts__empty p{color:var(--text-secondary);font-size:.95rem;font-weight:600}.trend-charts__empty span{color:var(--text-muted);font-size:.82rem}.trend-tooltip{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;gap:4px;padding:10px 16px;display:flex}.trend-tooltip__time{color:var(--text-muted);font-size:.75rem}.trend-tooltip__value{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#0000000a}.recharts-legend-item-text{color:var(--text-secondary)!important;font-family:Inter,sans-serif!important;font-size:.82rem!important}@media (width<=768px){.trend-charts{padding:20px 16px}.trend-charts__header{flex-direction:column;align-items:stretch}.trend-charts__controls{align-items:stretch}.trend-charts__pills,.trend-charts__range-pills{justify-content:center}}.season-wizard{width:100%;max-width:540px;padding:36px 32px;border-radius:var(--radius-xl)!important}.season-wizard__progress{justify-content:center;align-items:center;gap:0;margin-bottom:32px;display:flex}.season-wizard__step-dot{background:var(--bg-section-alt);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-smooth);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;display:flex}.season-wizard__step-dot--active{background:var(--secondary-pastel);color:var(--secondary-dark);border-color:var(--secondary-light);box-shadow:0 0 12px #6b8e5033}.season-wizard__step-line{background:var(--bg-section-alt);width:60px;height:3px;transition:background var(--transition-smooth);border-radius:2px}.season-wizard__step-line--active{background:var(--secondary-light)}.season-wizard__body{flex-direction:column;gap:20px;display:flex}.season-wizard__body--complete{text-align:center;align-items:center;padding:20px 0}.season-wizard__header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.season-wizard__header h2{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.season-wizard__header p{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.season-wizard__big-emoji{font-size:3.5rem}.season-wizard__plant-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.season-wizard__loading{grid-column:1/-1;justify-content:center;padding:24px;display:flex}.season-wizard__plant-card{background:var(--bg-body);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-smooth);border:2px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;display:flex}.season-wizard__plant-card:hover{background:var(--bg-card-hover);border-color:var(--primary-pastel);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.season-wizard__plant-card--selected{border-color:var(--secondary);background:var(--secondary-pastel);box-shadow:0 0 20px #6b8e5026}.season-wizard__plant-card--selected:hover{border-color:var(--secondary);background:var(--secondary-pastel)}.season-wizard__plant-emoji{font-size:2.4rem}.season-wizard__plant-name{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.season-wizard__plant-stages{color:var(--text-muted);font-size:.7rem;font-weight:500}.season-wizard__confirmation-card{background:var(--bg-body);border-radius:var(--radius-lg);border:1px solid #2d3a2e0f;flex-direction:column;gap:10px;padding:18px 22px;display:flex}.season-wizard__confirm-row{justify-content:space-between;align-items:center;display:flex}.season-wizard__confirm-label{color:var(--text-muted);font-size:.82rem;font-weight:500}.season-wizard__confirm-value{color:var(--text-primary);font-size:.9rem;font-weight:600}.season-wizard__success-icon{margin-bottom:8px;font-size:3.5rem;animation:.5s ease-out fadeInUp}.season-wizard__info-banner{background:var(--primary-pastel);border-radius:var(--radius-md);color:var(--primary-dark);align-items:center;gap:10px;padding:14px 20px;font-size:.85rem;font-weight:500;display:flex}.season-wizard__actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}@media (width<=480px){.season-wizard{padding:24px 20px}.season-wizard__plant-grid{grid-template-columns:1fr 1fr}.season-wizard__step-line{width:40px}}.page-wrapper{position:relative;overflow:hidden}.page-wrapper:before{content:"";background:radial-gradient(circle, var(--primary-pastel) 0%, transparent 70%);opacity:.35;pointer-events:none;z-index:0;border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite float;position:fixed;top:-120px;right:-100px}.page-wrapper:after{content:"";background:radial-gradient(circle, var(--secondary-pastel) 0%, transparent 70%);opacity:.3;pointer-events:none;z-index:0;border-radius:50%;width:300px;height:300px;animation:10s ease-in-out infinite reverse float;position:fixed;bottom:-80px;left:-60px}.dash-loading{min-height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.dash-loading__spinner{border:4px solid var(--primary-pastel);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin-slow}.dash-empty{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:60vh;display:flex;position:relative}.dash-empty__icon{font-size:4rem}.dash-empty__illustration{border-radius:var(--radius-xl);filter:drop-shadow(0 8px 24px #00000014);width:240px;height:auto}.ai__empty-illustration{border-radius:var(--radius-lg);filter:drop-shadow(0 4px 16px #0000000f);width:200px;height:auto}.trend-charts__empty-img{border-radius:var(--radius-lg);filter:drop-shadow(0 4px 16px #0000000f);width:180px;height:auto}.dash{z-index:1;padding-top:24px;padding-bottom:60px;position:relative}.dash__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.dash__header-left{flex-direction:column;gap:6px;display:flex}.dash__title{font-size:1.8rem}.dash__subtitle{color:var(--text-secondary);font-size:.95rem}.dash__connection{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.dash__dot{border-radius:50%;width:10px;height:10px}.dash__dot--online{background:var(--success);animation:2s ease-in-out infinite pulse-glow}.dash__dot--offline{background:var(--danger)}.dash__selector{border:2px solid var(--primary-pastel);border-radius:var(--radius-full);color:var(--text-primary);background:var(--bg-card);cursor:pointer;transition:border-color var(--transition-fast);padding:10px 18px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500}.dash__selector:focus{border-color:var(--primary);outline:none}.dash__season{background:var(--bg-hero-gradient);justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dash__season-info{align-items:center;gap:16px;display:flex}.dash__season-emoji{font-size:2.4rem}.dash__season-stage{color:var(--text-secondary);margin-top:2px;font-size:.9rem}.dash__season-day{flex-direction:column;align-items:center;gap:2px;display:flex}.dash__season-day-num{color:var(--primary-dark);font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;line-height:1}.dash__season-day-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.dash__sensors-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.control__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px;display:grid}.control__logs{background:var(--bg-card);border-radius:var(--radius-lg);border:var(--border-card);box-shadow:var(--shadow-sm);padding:24px}.control__logs-title{margin-bottom:16px;font-size:1.1rem}.control__log-list{flex-direction:column;gap:8px;max-height:400px;display:flex;overflow-y:auto}.control__log-item{border-radius:var(--radius-md);background:var(--bg-body);transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 14px;font-size:.85rem;display:flex}.control__log-item:hover{background:var(--bg-section-alt)}.control__log-action{border-radius:var(--radius-full);text-align:center;min-width:55px;padding:3px 10px;font-size:.75rem;font-weight:700}.control__log-action--on{background:var(--secondary-pastel);color:var(--secondary-dark)}.control__log-action--off{color:#a0442f;background:#fad4cc}.control__log-action--mode{background:var(--primary-pastel);color:var(--primary-dark)}.control__log-name{color:var(--text-primary);min-width:100px;font-weight:600}.control__log-reason{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.control__log-time{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.ai__tools{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.ai__dropzone{border:3px dashed var(--primary-pastel);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-smooth);background:var(--bg-card);padding:48px 24px}.ai__dropzone:hover,.ai__dropzone--active{border-color:var(--primary);background:var(--primary-pastel);transform:scale(1.01)}.ai__dropzone-icon{margin-bottom:12px;font-size:3rem;display:block}.ai__dropzone-text{color:var(--text-primary);margin-bottom:6px;font-size:1.05rem;font-weight:500}.ai__dropzone-hint{color:var(--text-muted);font-size:.85rem}.ai__preview-img{border-radius:var(--radius-md);object-fit:contain;max-height:200px}.ai__manual-btn{align-self:flex-start}.ai__history-title{margin-bottom:20px;font-size:1.2rem}.ai__reports-list{flex-direction:column;gap:16px;display:flex}.ai__report{border-left:4px solid var(--primary-light)}.ai__report-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ai__report-date{color:var(--text-muted);font-size:.85rem}.ai__report-body{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:12px;font-size:.95rem;line-height:1.8}.ai__report-actions{background:var(--secondary-pastel);border-radius:var(--radius-md);padding:14px 18px;font-size:.9rem}.ai__report-actions ul{margin-top:8px;padding-left:20px}.ai__report-actions li{color:var(--secondary-dark);margin-bottom:6px}.ai__action-item{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ai__action-name{color:var(--text-primary);background:var(--bg-body);border-radius:var(--radius-sm);padding:2px 10px;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700}.ai__action-reason{color:var(--text-secondary);font-size:.85rem}.ai__action-duration{color:var(--info);border-radius:var(--radius-full);background:#5b9bd51a;padding:2px 8px;font-size:.75rem;font-weight:600}.ai__decision{border:2px solid var(--primary-pastel);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fef3c7 0%,#ecfdf5 100%);margin-top:16px;padding:20px}.ai__decision-header{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.ai__decision-icon{font-size:1.3rem}.ai__decision-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.82rem;line-height:1.6}.ai__decision-buttons{flex-wrap:wrap;gap:12px;display:flex}.ai__btn-approve{transition:all var(--transition-smooth);box-shadow:0 4px 16px #05966940;color:#fff!important;border-radius:var(--radius-full)!important;background:linear-gradient(135deg,#34d399,#059669)!important;padding:10px 22px!important;font-weight:700!important}.ai__btn-approve:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #05966959}.ai__btn-reject{transition:all var(--transition-fast);border:2px solid var(--danger)!important;color:var(--danger)!important;border-radius:var(--radius-full)!important;background:0 0!important;padding:10px 22px!important;font-weight:600!important}.ai__btn-reject:hover:not(:disabled){background:#fee2e2!important}.ai__btn-approve:disabled,.ai__btn-reject:disabled{opacity:.6;cursor:wait}.ai__verdict{border-radius:var(--radius-md);align-items:center;gap:10px;margin-top:14px;padding:12px 18px;font-size:.85rem;font-weight:600;display:flex}.ai__verdict--approved{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.ai__verdict--rejected{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.ai__verdict-icon{font-size:1.2rem}.ai__verdict-time{color:#4b5563;margin-left:auto;font-size:.75rem;font-weight:500}.ai__empty-state{text-align:center;background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.ai__empty-state p{color:var(--text-secondary);font-size:.95rem;font-weight:600}.ai__empty-state span{color:var(--text-muted);font-size:.82rem}.dash__no-season{border-left:4px solid var(--warning);background:linear-gradient(135deg, #fef3c7 0%, var(--bg-card) 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dash__no-season-content{align-items:center;gap:14px;display:flex}.dash__no-season-icon{font-size:2rem}.dash__no-season-content h4{margin-bottom:2px;font-family:Outfit,sans-serif;font-size:1rem}.dash__no-season-content p{color:var(--text-secondary);font-size:.82rem;line-height:1.5}.dash__header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2d3a2e66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:480px;padding:40px 36px}.modal-card__title{margin-bottom:8px;font-size:1.5rem}.modal-card__desc{color:var(--text-secondary);margin-bottom:24px;font-size:.9rem}.modal-card__actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.dash__mqtt-info{border-left:4px solid var(--info);margin-bottom:20px}.dash__mqtt-desc{color:var(--text-secondary);margin-top:6px;font-size:.9rem}.dash__mqtt-code{background:var(--bg-section-alt);border-radius:var(--radius-md);color:var(--primary-dark);-webkit-user-select:all;user-select:all;margin-top:10px;padding:12px 16px;font-family:Courier New,monospace;font-size:1rem;font-weight:700}@media (width<=768px){.dash__header{flex-direction:column}.dash__sensors-grid,.control__grid{grid-template-columns:1fr}.control__log-reason{display:none}.ai__decision-buttons{flex-direction:column}.dash__no-season{flex-direction:column;align-items:flex-start}}.relay-card{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);padding:24px;position:relative;overflow:hidden}.relay-card:after{content:"";background:var(--text-muted);opacity:.2;height:3px;transition:all var(--transition-smooth);position:absolute;bottom:0;left:0;right:0}.relay-card--on:after{background:var(--success);opacity:1;height:4px;box-shadow:0 0 12px #5daa6880}.relay-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.relay-card__header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.relay-card__icon{background:var(--bg-section-alt);border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;font-size:2rem;display:flex}.relay-card--on .relay-card__icon{background:var(--secondary-pastel)}.relay-card__meta{flex-direction:column;gap:6px;display:flex}.relay-card__name{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.relay-card__controls{flex-direction:column;gap:12px;display:flex}.relay-card__power{border-radius:var(--radius-md);background:var(--bg-section-alt);transition:all var(--transition-smooth);cursor:pointer;border:2px solid #0000;align-items:center;gap:14px;padding:14px 20px;display:flex}.relay-card__power:hover:not(:disabled){border-color:var(--secondary-light)}.relay-card__power--on{background:var(--secondary-pastel);border-color:var(--secondary-light)}.relay-card__power--disabled{opacity:.5;cursor:not-allowed}.relay-card__power-circle{background:var(--bg-card);width:44px;height:44px;color:var(--text-muted);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.relay-card__power--on .relay-card__power-circle{background:var(--success);color:#fff;box-shadow:0 0 20px #5daa6866}.relay-card__power-label{color:var(--text-secondary);font-size:.95rem;font-weight:600}.relay-card__power--on .relay-card__power-label{color:var(--secondary-dark)}.relay-card__mode-btn{border-radius:var(--radius-full);border:2px solid var(--primary-pastel);color:var(--primary-dark);transition:all var(--transition-fast);background:0 0;padding:10px 18px;font-size:.85rem;font-weight:600}.relay-card__mode-btn:hover:not(:disabled){background:var(--primary-pastel)}.relay-card__mode-btn:disabled{opacity:.5;cursor:wait}:root{--bg-body:#fdfbf7;--bg-card:#fff;--bg-card-hover:#fff9ef;--bg-glass:#ffffffa6;--bg-hero-gradient:linear-gradient(135deg, #fff8ed 0%, #f0f7ec 50%, #fdfbf7 100%);--bg-section-alt:#f7f5f0;--primary:#d4a843;--primary-light:#eac775;--primary-pastel:#f5e6c0;--primary-dark:#b8912e;--primary-gradient:linear-gradient(135deg, #eac775, #d4a843);--secondary:#6b8e50;--secondary-light:#a1c398;--secondary-pastel:#d4edcb;--secondary-dark:#4a6b35;--secondary-gradient:linear-gradient(135deg, #a1c398, #6b8e50);--success:#5daa68;--warning:#e8a838;--danger:#d66853;--info:#5b9bd5;--text-primary:#2d3a2e;--text-secondary:#5a6b5c;--text-muted:#8e9f90;--text-white:#fff;--shadow-sm:0 2px 8px #2d3a2e0f;--shadow-md:0 4px 20px #2d3a2e14;--shadow-lg:0 8px 40px #2d3a2e1f;--shadow-card:0 2px 16px #d4a84314;--shadow-glow:0 0 30px #d4a84326;--border-light:1px solid #2d3a2e14;--border-card:1px solid #d4a8431f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--glass-blur:blur(16px);--glass-border:1px solid #ffffff80;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-body);color:var(--text-primary);transition:background-color var(--transition-smooth);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:Inter,sans-serif}img{max-width:100%;height:auto}.glass{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg)}.btn{border-radius:var(--radius-full);transition:all var(--transition-smooth);letter-spacing:.02em;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:var(--text-white);box-shadow:0 4px 16px #d4a8434d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #d4a84366}.btn-secondary{background:var(--secondary-gradient);color:var(--text-white);box-shadow:0 4px 16px #6b8e5040}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6b8e5059}.btn-outline{border:2px solid var(--primary);color:var(--primary-dark);background:0 0}.btn-outline:hover{background:var(--primary-pastel);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:10px 20px}.btn-ghost:hover{background:var(--bg-section-alt);color:var(--text-primary)}.card{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);padding:24px}.card:hover{box-shadow:var(--shadow-md);background:var(--bg-card-hover);transform:translateY(-3px)}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);letter-spacing:.03em;font-size:.85rem;font-weight:600}.input-group input,.input-group select,.input-group textarea{border-radius:var(--radius-md);background:var(--bg-body);color:var(--text-primary);transition:all var(--transition-fast);border:2px solid #2d3a2e1a;padding:14px 18px;font-family:Inter,sans-serif;font-size:1rem}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-pastel);background:var(--bg-card);outline:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.page-wrapper{min-height:100vh;padding-top:80px}.badge{border-radius:var(--radius-full);letter-spacing:.04em;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--secondary-pastel);color:var(--secondary-dark)}.badge-warning{background:var(--primary-pastel);color:var(--primary-dark)}.badge-danger{color:#a0442f;background:#fad4cc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #5daa684d}50%{box-shadow:0 0 25px #5daa6899}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:.7s ease-out both fadeInUp}.animate-fade-in{animation:.6s ease-out both fadeIn}.animate-slide-left{animation:.7s ease-out both slideInLeft}.animate-slide-right{animation:.7s ease-out both slideInRight}.animate-float{animation:3s ease-in-out infinite float}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (width<=768px){.container{padding:0 16px}h1{font-size:2rem}h2{font-size:1.5rem}.btn{padding:10px 22px;font-size:.9rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--primary-pastel);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}