:root{--color-primary:#7bae7f;--color-primary-light:#a8d5ab;--color-primary-dark:#5c8a5e;--color-primary-pale:#e8f5e9;--color-accent:#e8b298;--color-accent-light:#f5d5c3;--color-accent-dark:#d4926e;--color-cream:#fdf8f3;--color-sand:#f5ede4;--color-taupe:#d4c5b5;--color-brown:#8b7355;--color-brown-dark:#5d4e3a;--color-water:#89cff0;--color-water-light:#d4effc;--color-water-dark:#5ba4c9;--color-healthy:#a8d5ab;--color-alert:#f0b67f;--text-primary:#3d3528;--text-secondary:#6b5e4d;--text-muted:#9c8e7c;--text-light:#fff;--shadow-sm:0 2px 4px #5d4e3a14;--shadow-md:0 4px 12px #5d4e3a1f;--shadow-lg:0 8px 24px #5d4e3a29;--shadow-glow:0 0 20px #7bae7f4d;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:50px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:linear-gradient(145deg,#fdf8f3,#f5ede4);background:linear-gradient(145deg,var(--color-cream) 0,var(--color-sand) 100%);color:#3d3528;color:var(--text-primary);font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.app,body{min-height:100vh}.app{margin:0 auto;max-width:900px;padding:16px;padding:var(--space-md)}@media (min-width:640px){.app{padding:32px;padding:var(--space-xl)}}.header{background:linear-gradient(135deg,#7bae7f,#5c8a5e);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #5d4e3a29,0 0 20px #7bae7f4d;box-shadow:var(--shadow-lg),var(--shadow-glow);margin-bottom:32px;margin-bottom:var(--space-xl);overflow:hidden;padding:24px;padding:var(--space-lg);position:relative}.header:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);content:"";height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.header-content{display:flex;flex-direction:column;gap:24px;gap:var(--space-lg);position:relative;z-index:1}@media (min-width:540px){.header-content{align-items:center;flex-direction:row;justify-content:space-between}}.logo{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.logo-icon{animation:gentle-sway 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2.5rem}@keyframes gentle-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.logo-text{color:#fff;color:var(--text-light);font-size:2rem;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 4px #00000026}.header-stats{display:flex;gap:16px;gap:var(--space-md)}.stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;border-radius:var(--radius-full);display:flex;gap:8px;gap:var(--space-sm);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.stat-icon{font-size:1.1rem}.stat-text{color:#fff;color:var(--text-light);font-size:.9rem;font-weight:500}.stat-text strong{font-weight:700}.stat-alert{background:#f0b67f66;border-color:#f0b67f80}.add-plant-section{margin-bottom:24px;margin-bottom:var(--space-lg)}.add-plant-toggle{align-items:center;background:#fdf8f3;background:var(--color-cream);border:2px dashed #d4c5b5;border:2px dashed var(--color-taupe);border-radius:12px;border-radius:var(--radius-md);color:#6b5e4d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--space-sm);justify-content:center;padding:16px 24px;padding:var(--space-md) var(--space-lg);transition:.25s ease;transition:var(--transition-normal);width:100%}.add-plant-toggle:hover{background:#e8f5e9;background:var(--color-primary-pale);border-color:#7bae7f;border-color:var(--color-primary)}.add-plant-toggle:hover,.toggle-icon{color:#5c8a5e;color:var(--color-primary-dark)}.toggle-icon{align-items:center;background:#a8d5ab;background:var(--color-primary-light);border-radius:50%;display:flex;font-size:1.2rem;font-weight:700;height:24px;justify-content:center;line-height:1;width:24px}.add-plant-form{animation:slideDown .3s ease;background:#fff;border:1px solid #f5ede4;border:1px solid var(--color-sand);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #5d4e3a1f;box-shadow:var(--shadow-md);margin-top:16px;margin-top:var(--space-md);padding:24px;padding:var(--space-lg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-row{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:1fr;margin-bottom:16px;margin-bottom:var(--space-md)}@media (min-width:540px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm)}.form-group label{color:#6b5e4d;color:var(--text-secondary);font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-select{background:#fdf8f3;background:var(--color-cream);border:2px solid #f5ede4;border:2px solid var(--color-sand);border-radius:8px;border-radius:var(--radius-sm);color:#3d3528;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:16px;padding:var(--space-md);transition:.15s ease;transition:var(--transition-fast)}.form-input:focus,.form-select:focus{background:#fff;border-color:#7bae7f;border-color:var(--color-primary);box-shadow:0 0 0 4px #e8f5e9;box-shadow:0 0 0 4px var(--color-primary-pale);outline:none}.form-input::placeholder{color:#9c8e7c;color:var(--text-muted)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236B5E4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;padding-right:44px}.icon-selector{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-sm)}.icon-option{align-items:center;background:#fdf8f3;background:var(--color-cream);border:2px solid #f5ede4;border:2px solid var(--color-sand);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:.15s ease;transition:var(--transition-fast);width:48px}.icon-option:hover{border-color:#a8d5ab;border-color:var(--color-primary-light);transform:scale(1.05)}.icon-option.selected,.icon-option:hover{background:#e8f5e9;background:var(--color-primary-pale)}.icon-option.selected{border-color:#7bae7f;border-color:var(--color-primary);box-shadow:0 0 0 3px #a8d5ab;box-shadow:0 0 0 3px var(--color-primary-light)}.frequency-input{align-items:center;display:flex;gap:8px;gap:var(--space-sm)}.frequency-number{text-align:center;width:80px}.frequency-label{color:#6b5e4d;color:var(--text-secondary);font-weight:500}.submit-btn{align-items:center;background:linear-gradient(135deg,#7bae7f,#5c8a5e);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 4px #5d4e3a14;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:700;gap:8px;gap:var(--space-sm);justify-content:center;padding:16px 24px;padding:var(--space-md) var(--space-lg);transition:.25s ease;transition:var(--transition-normal);width:100%}.submit-btn:hover{box-shadow:0 4px 12px #5d4e3a1f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.filter-section{background:linear-gradient(0deg,#fdf8f3 70%,#0000);background:linear-gradient(to top,var(--color-cream) 70%,#0000);bottom:0;left:0;padding:16px;padding:var(--space-md);position:fixed;right:0;z-index:100}.filter-bar{background:#fff;border:1px solid #f5ede4;border:1px solid var(--color-sand);border-radius:50px;border-radius:var(--radius-full);box-shadow:0 8px 24px #5d4e3a29;box-shadow:var(--shadow-lg);display:flex;gap:8px;gap:var(--space-sm);margin:0 auto;max-width:400px;overflow-x:auto;padding:8px;padding:var(--space-sm)}.filter-btn{align-items:center;background:#0000;border:none;border-radius:50px;border-radius:var(--radius-full);color:#6b5e4d;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:600;gap:4px;gap:var(--space-xs);justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:.15s ease;transition:var(--transition-fast);white-space:nowrap}.filter-btn:hover{background:#f5ede4;background:var(--color-sand)}.filter-btn.active{background:#7bae7f;background:var(--color-primary);box-shadow:0 2px 4px #5d4e3a14;box-shadow:var(--shadow-sm);color:#fff}.filter-icon{font-size:1rem}.plant-list-section{min-height:200px;padding-bottom:100px}.plant-grid{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:1fr}@media (min-width:640px){.plant-grid{grid-template-columns:repeat(2,1fr)}}.empty-state{background:#fff;border:2px dashed #d4c5b5;border:2px dashed var(--color-taupe);border-radius:20px;border-radius:var(--radius-lg);padding:48px 24px;padding:var(--space-xxl) var(--space-lg);text-align:center}.empty-icon{font-size:4rem;margin-bottom:16px;margin-bottom:var(--space-md);opacity:.6}.empty-title{color:#3d3528;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:8px;margin-bottom:var(--space-sm)}.empty-text{color:#9c8e7c;color:var(--text-muted);font-size:.95rem}.no-entry{background:#fff;border:2px dashed #d4c5b5;border:2px dashed var(--color-taupe);border-radius:20px;border-radius:var(--radius-lg);color:#6b5e4d;color:var(--text-secondary);font-size:1.1rem;font-weight:500;padding:48px 24px;padding:var(--space-xxl) var(--space-lg);text-align:center}.no-entry:before{content:"🌱";display:block;font-size:3rem;margin-bottom:16px;margin-bottom:var(--space-md);opacity:.7}.plant-card{background:#fff;border:1px solid #f5ede4;border:1px solid var(--color-sand);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #5d4e3a14;box-shadow:var(--shadow-sm);overflow:hidden;transition:.25s ease;transition:var(--transition-normal)}.plant-card:hover{box-shadow:0 4px 12px #5d4e3a1f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.plant-card.needs-water{border-color:#f0b67f;border-color:var(--color-alert);box-shadow:0 2px 4px #5d4e3a14,0 0 0 2px #f0b67f33;box-shadow:var(--shadow-sm),0 0 0 2px #f0b67f33}.plant-card-main{cursor:pointer;display:flex;gap:16px;gap:var(--space-md);padding:24px;padding:var(--space-lg)}.plant-icon-wrapper{align-items:center;background:#e8f5e9;background:var(--color-primary-pale);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:64px;justify-content:center;position:relative;width:64px}.plant-icon{font-size:2rem}.water-indicator{align-items:center;animation:pulse 2s infinite;background:#f0b67f;background:var(--color-alert);border-radius:50%;box-shadow:0 2px 4px #5d4e3a14;box-shadow:var(--shadow-sm);display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:-6px;top:-6px;width:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.plant-info{flex:1 1;min-width:0}.plant-name{color:#3d3528;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plant-type{color:#9c8e7c;color:var(--text-muted);font-size:.85rem;margin-bottom:8px;margin-bottom:var(--space-sm)}.plant-status{border-radius:50px;border-radius:var(--radius-full);display:inline-block;font-size:.85rem;font-weight:600;padding:4px 10px}.status-ok{background:#e8f5e9;background:var(--color-primary-pale);color:#5c8a5e;color:var(--color-primary-dark)}.status-alert{background:#f0b67f33;color:#d4926e;color:var(--color-accent-dark)}.plant-card-actions{border-top:1px solid #f5ede4;border-top:1px solid var(--color-sand);display:flex}.action-btn{align-items:center;background:#0000;border:none;color:#6b5e4d;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.85rem;font-weight:600;gap:4px;gap:var(--space-xs);justify-content:center;padding:16px;padding:var(--space-md);transition:.15s ease;transition:var(--transition-fast)}.action-btn:first-child{border-right:1px solid #f5ede4;border-right:1px solid var(--color-sand)}.water-btn:hover{background:#d4effc;background:var(--color-water-light);color:#5ba4c9;color:var(--color-water-dark)}.delete-btn:hover{background:#dc64641a;color:#c44}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3d352899;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-md);position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #5d4e3a29;box-shadow:var(--shadow-lg);max-height:85vh;max-width:420px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#f5ede4;background:var(--color-sand);border:none;border-radius:50%;color:#6b5e4d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;position:absolute;right:16px;right:var(--space-md);top:16px;top:var(--space-md);transition:.15s ease;transition:var(--transition-fast);width:36px;z-index:1}.modal-close:hover{background:#d4c5b5;background:var(--color-taupe);color:#3d3528;color:var(--text-primary)}.modal-header{align-items:center;background:linear-gradient(135deg,#e8f5e9,#f5ede4);background:linear-gradient(135deg,var(--color-primary-pale) 0,var(--color-sand) 100%);display:flex;gap:16px;gap:var(--space-md);padding:32px;padding:var(--space-xl)}.modal-plant-icon{align-items:center;background:#fff;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 4px #5d4e3a14;box-shadow:var(--shadow-sm);display:flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}.modal-plant-info{flex:1 1}.modal-plant-name{color:#3d3528;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:4px}.modal-plant-type{color:#6b5e4d;color:var(--text-secondary);font-size:1rem}.modal-details{grid-gap:16px;grid-gap:var(--space-md);border-bottom:1px solid #f5ede4;border-bottom:1px solid var(--color-sand);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:1fr 1fr;padding:24px;padding:var(--space-lg)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:#9c8e7c;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#3d3528;color:var(--text-primary);font-size:1rem;font-weight:600}.care-history{padding:24px;padding:var(--space-lg)}.history-title{align-items:center;color:#3d3528;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:16px;margin-bottom:var(--space-md)}.history-list,.history-title{display:flex;gap:8px;gap:var(--space-sm)}.history-list{flex-direction:column;max-height:200px;overflow-y:auto}.history-item{align-items:center;background:#fdf8f3;background:var(--color-cream);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:8px;gap:var(--space-sm);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.history-icon{font-size:1rem}.history-date{color:#6b5e4d;color:var(--text-secondary);font-size:.9rem}.history-empty{color:#9c8e7c;color:var(--text-muted);font-style:italic;padding:24px;padding:var(--space-lg);text-align:center}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5ede4;background:var(--color-sand);border-radius:4px}::-webkit-scrollbar-thumb{background:#d4c5b5;background:var(--color-taupe);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b7355;background:var(--color-brown)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.25007f19.css.map*/