@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}:root{--color-bg:#f4f8f3;--color-surface:#fff;--color-primary:#1fae65;--color-primary-dark:#0e7c4a;--color-teal:#0ea5a0;--color-coral:#ff6b5e;--color-amber:#f5a524;--color-sky:#38bdf8;--color-text:#1c2b22;--color-muted:#6b7a70;--color-border:#e3ece1;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--shadow-soft:0 10px 30px #103c2414;--shadow-pop:0 14px 34px #103c2424;--gradient-main:linear-gradient(135deg, #1fae65 0%, #0ea5a0 100%)}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,sans-serif}h1,h2,h3,h4{margin:0;font-family:Quicksand,sans-serif;font-weight:700}p{margin:0}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.page-container{width:100%;max-width:1120px;margin:0 auto;padding:28px 24px 80px}.navbar{background:var(--gradient-main);z-index:20;padding:14px 24px;position:sticky;top:0;box-shadow:0 4px 20px #0e5a3c2e}.navbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;display:flex}.navbar-logo{color:#fff;align-items:center;gap:8px;font-family:Quicksand,sans-serif;font-size:22px;font-weight:700;display:flex}.navbar-links{align-items:center;gap:6px;display:flex}.navbar-link{color:#ffffffd9;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.navbar-link:hover{color:#fff;background:#ffffff26}.navbar-link.active{color:var(--color-primary-dark);background:#fff}.navbar-add{color:var(--color-primary-dark);white-space:nowrap;background:#fffffff2;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 14px #0000001f}.btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .1s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 6px 18px #10785040}.btn-primary:hover{box-shadow:0 8px 22px #10785059}.btn-outline{color:var(--color-text);border:1.5px solid var(--color-border);background:#fff}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.btn-danger{color:var(--color-coral);background:#fff;border:1.5px solid #ffd9d4}.btn-danger:hover{background:#fff5f4}.btn-sky{background:var(--color-sky);color:#fff}.btn-amber{background:var(--color-amber);color:#fff}.btn-coral{background:var(--color-coral);color:#fff}.btn-block{justify-content:center;width:100%}.btn-lg{padding:13px 22px;font-size:15px}.hero{background:var(--gradient-main);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-pop);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:30px 32px;display:flex}.hero h1{font-size:28px}.hero p{color:#ffffffe6;margin-top:6px;font-size:15px}.stat-row{flex-wrap:wrap;gap:14px;display:flex}.stat-pill{border-radius:var(--radius-md);text-align:center;background:#ffffff29;border:1px solid #ffffff40;min-width:110px;padding:12px 18px}.stat-pill .num{font-family:Quicksand,sans-serif;font-size:24px;font-weight:700}.stat-pill .label{opacity:.9;margin-top:2px;font-size:12px}.section-title{align-items:center;gap:8px;margin:30px 0 14px;font-size:19px;display:flex}.task-list{flex-direction:column;gap:10px;display:flex}.task-item{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border-left:5px solid var(--color-border);align-items:center;gap:14px;padding:14px 16px;display:flex}.task-item.overdue{border-left-color:var(--color-coral)}.task-item.today{border-left-color:var(--color-amber)}.task-item.soon{border-left-color:var(--color-sky)}.task-emoji{font-size:24px}.task-info{flex:1;min-width:0}.task-info .name{font-size:15px;font-weight:700}.task-info .meta{color:var(--color-muted);margin-top:2px;font-size:13px}.task-badge{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.task-badge.overdue{color:#c0392b;background:#ffe4e1}.task-badge.today{color:#b5790a;background:#fff3d6}.task-badge.soon{color:#0b7aa3;background:#e0f4fd}.empty-state{background:var(--color-surface);border-radius:var(--radius-md);text-align:center;color:var(--color-muted);box-shadow:var(--shadow-soft);padding:30px}.empty-state .emoji{margin-bottom:8px;font-size:38px}.plant-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.plant-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);cursor:pointer;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.plant-card:hover{box-shadow:var(--shadow-pop);transform:translateY(-4px)}.plant-photo{object-fit:cover;width:100%;height:150px;display:block}.plant-photo-placeholder{justify-content:center;align-items:center;height:150px;font-size:54px;display:flex}.plant-card-body{flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}.plant-card-body .name{font-size:16px;font-weight:700}.plant-card-body .variety{color:var(--color-muted);margin-top:-4px;font-size:13px}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.status-pill{border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.status-pill.overdue{color:#c0392b;background:#ffe4e1}.status-pill.today{color:#b5790a;background:#fff3d6}.status-pill.soon{color:#0b7aa3;background:#e0f4fd}.status-pill.ok{color:#1c7a44;background:#e4f6ea}.detail-header{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-wrap:wrap;gap:24px;margin-bottom:22px;padding:22px;display:flex}.detail-photo{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:220px;height:220px}.detail-photo-placeholder{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:220px;height:220px;font-size:72px;display:flex}.detail-info{flex-direction:column;flex:1;gap:10px;min-width:220px;display:flex}.detail-info .variety-tag{color:var(--color-primary-dark);background:#e4f6ea;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.info-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:6px;display:grid}.info-chip{background:var(--color-bg);border-radius:var(--radius-sm);padding:10px 12px}.info-chip .label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:11px;font-weight:700}.info-chip .value{margin-top:3px;font-size:14px;font-weight:600}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.care-schedule{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:24px;display:grid}.care-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border-top:4px solid var(--color-border);padding:18px}.care-card .care-head{align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.care-card .care-next{color:var(--color-muted);margin-bottom:12px;font-size:13px}.timeline{flex-direction:column;gap:10px;display:flex}.timeline-item{background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);align-items:center;gap:12px;padding:12px 14px;display:flex}.timeline-item .dot{font-size:18px}.timeline-item .tl-text{font-size:14px;font-weight:600}.timeline-item .tl-date{color:var(--color-muted);margin-left:auto;font-size:12px}.calendar-week-label{color:var(--color-primary-dark);margin-bottom:10px;font-family:Quicksand,sans-serif;font-size:15px;font-weight:700}.calendar-week{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.calendar-day{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:1.5px solid #0000;flex-direction:column;gap:8px;min-height:150px;padding:10px;display:flex}.calendar-day.is-today{border-color:var(--color-primary);background:#effaf3}.calendar-day-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;padding-bottom:6px;display:flex}.calendar-day-head .weekday{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:11px;font-weight:700}.calendar-day-head .daynum{font-family:Quicksand,sans-serif;font-size:16px;font-weight:700}.calendar-day-tasks{flex-direction:column;gap:6px;display:flex}.calendar-empty{color:var(--color-border);text-align:center;margin-top:10px;font-size:13px}.calendar-task{border-radius:8px;align-items:center;gap:5px;padding:5px 7px;font-size:12px;font-weight:700;line-height:1.2;display:flex}.calendar-task-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-task-overdue{color:#c0392b;background:#ffe4e1}.calendar-task-today{color:#b5790a;background:#fff3d6}.calendar-task-soon{color:#0b7aa3;background:#e0f4fd}.calendar-task-ok{color:#1c7a44;background:#e4f6ea}@media (width<=720px){.calendar-week{grid-template-columns:repeat(7,minmax(80px,1fr));overflow-x:auto}}.form-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);max-width:640px;padding:26px}.form-group{margin-bottom:18px}.form-group label{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group input[type=tel],.form-group select,.form-group textarea{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:#fbfdfa;width:100%;padding:11px 14px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.photo-upload{align-items:center;gap:16px;display:flex}.photo-preview{border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg);width:96px;height:96px}.photo-preview-placeholder{border-radius:var(--radius-md);background:var(--color-bg);border:2px dashed var(--color-border);justify-content:center;align-items:center;width:96px;height:96px;font-size:32px;display:flex}.upload-btn{cursor:pointer;display:inline-block}.form-actions{gap:10px;margin-top:22px;display:flex}.notice-banner{border-radius:var(--radius-md);color:#7a5b06;background:#fff8e8;border:1.5px solid #f3dfa4;gap:12px;margin-bottom:22px;padding:16px 18px;font-size:14px;display:flex}.toggle-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row .toggle-label{font-size:14px;font-weight:600}.toggle-row .toggle-desc{color:var(--color-muted);margin-top:2px;font-size:12px}.switch{flex-shrink:0;width:46px;height:26px;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:var(--color-border);border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:var(--color-primary)}.switch input:checked+.slider:before{transform:translate(20px)}@media (width<=640px){.navbar-link span.text{display:none}.detail-header{text-align:center;flex-direction:column;align-items:center}.detail-photo,.detail-photo-placeholder{width:100%;max-width:280px}}