@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap");:root{--danger-color:#ef4444;--card-border:hsla(0,0%,100%,.08);--font-heading:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--warning-color:#f59e0b;--accent-glow:rgba(59,130,246,.25);--accent-color:#3b82f6;--bg-color:#060913;--glass-blur:32px;--card-bg:rgba(13,18,33,.65);--text-secondary:#a1a8b9;--text-primary:#f3f4f6;--success-color:#10b981;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--text-muted:#626a7e;--success-glow:rgba(16,185,129,.25);--transition-smooth:all 0.4s cubic-bezier(0.16,1,0.3,1)}body.light-theme{--danger-color:#dc2626;--card-border:rgba(0,0,0,.06);--warning-color:#d97706;--accent-glow:rgba(37,99,235,.15);--accent-color:#2563eb;--bg-color:#f3f6fa;--card-bg:hsla(0,0%,100%,.75);--text-secondary:#475569;--text-primary:#1e293b;--success-color:#059669;--text-muted:#94a3b8;--success-glow:rgba(5,150,105,.15)}*{-webkit-tap-highlight-color:transparent;padding:0;box-sizing:border-box;margin:0}body{min-height:100vh;overflow-x:hidden;color:var(--text-primary);transition:background-color .5s ease,color .3s ease;flex-direction:column;background-color:var(--bg-color);font-family:var(--font-body);display:flex}.bg-glow-container{height:100vh;overflow:hidden;pointer-events:none;position:fixed;top:0;left:0;width:100vw;z-index:1}.bg-glow-orb{animation:orbFloat 25s ease-in-out infinite alternate;filter:blur(120px);mix-blend-mode:screen;position:absolute;opacity:.18;border-radius:50%}body.light-theme .bg-glow-orb{filter:blur(100px);mix-blend-mode:multiply;opacity:.12}.orb-1{height:45vw;top:-10vw;background:radial-gradient(circle,var(--accent-color) 0,transparent 80%);left:-10vw;width:45vw}.orb-2{height:55vw;right:-15vw;animation-delay:-5s;bottom:-15vw;background:radial-gradient(circle,#8b5cf6 0,transparent 80%);width:55vw}.orb-3{height:35vw;animation-delay:-10s;top:25vh;background:radial-gradient(circle,var(--success-color) 0,transparent 80%);left:45vw;width:35vw}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(6%,8%) scale(1.08)}to{transform:translate(-4%,-6%) scale(.92)}}#app-container{position:relative;flex-direction:column;width:100%;display:flex;z-index:2}#app-header{height:80px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:0 40px;justify-content:space-between;border-bottom:1px solid var(--card-border);align-items:center;background:rgba(6,9,19,.4);display:flex;z-index:10}body.light-theme #app-header{background:rgba(243,246,250,.4)}.header-logo{gap:12px;align-items:center;display:flex}.app-header-logo-img{transition:var(--transition-smooth);border-radius:6px}.header-logo:hover .app-header-logo-img{transform:scale(1.04)}.header-title{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;gap:8px;align-items:center;font-family:var(--font-heading);display:flex}.badge-premium{padding:2px 8px;font-size:11px;border:1px solid rgba(139,92,246,.4);font-weight:700;text-transform:uppercase;background:linear-gradient(135deg,var(--accent-color),#8b5cf6);-webkit-background-clip:text;letter-spacing:.5px;border-radius:6px;-webkit-text-fill-color:transparent}.theme-toggle-btn{height:36px;justify-content:center;border:1px solid var(--card-border);color:var(--text-primary);transition:var(--transition-smooth);align-items:center;border-radius:10px;background:hsla(0,0%,100%,.05);cursor:pointer;width:36px;display:flex}body.light-theme .theme-toggle-btn{background:rgba(0,0,0,.03)}.theme-toggle-btn:hover{transform:scale(1.05);background:hsla(0,0%,100%,.1)}body.light-theme .theme-toggle-btn:hover{background:rgba(0,0,0,.06)}.btn-back-home{padding:8px 16px;font-size:13px;border:1px solid var(--card-border);text-decoration:none;font-weight:700;color:var(--text-primary);transition:var(--transition-smooth);gap:8px;align-items:center;border-radius:10px;background:hsla(0,0%,100%,.05);cursor:pointer;font-family:var(--font-heading);display:inline-flex}body.light-theme .btn-back-home{background:rgba(0,0,0,.03)}.btn-back-home:hover{border-color:rgba(59,130,246,.3);transform:translateY(-1px);color:var(--accent-color);background:rgba(59,130,246,.1)}body.light-theme .btn-back-home:hover{border-color:rgba(37,99,235,.2);background:rgba(37,99,235,.08)}.btn-back-icon{font-size:14px;transition:transform .2s ease}.btn-back-home:hover .btn-back-icon{transform:translateX(-3px)}@media (max-width:480px){.btn-back-text{display:none}.btn-back-home{padding:8px 12px}}.dashboard-grid{grid-template-columns:430px 1fr;padding:24px 40px;max-width:1500px;gap:24px;margin:0 auto;width:100%;display:grid}.dashboard-panel{flex-direction:column;gap:20px;display:flex}.panel-right{min-height:500px}.card.glassmorphic{backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);padding:28px;border:1px solid var(--card-border);transition:var(--transition-smooth);box-shadow:0 8px 32px rgba(0,0,0,.15);border-radius:20px;background:var(--card-bg);width:100%}.card.glassmorphic:hover{box-shadow:0 12px 40px rgba(0,0,0,.22)}.card-title{font-size:18px;font-weight:700;margin-bottom:6px;color:var(--text-primary);font-family:var(--font-heading)}.card-subtitle{font-size:13px;margin-bottom:24px;color:var(--text-secondary);line-height:1.5}.font-sm{margin-bottom:16px}.form-row{grid-template-columns:1fr 1fr;margin-bottom:20px;gap:16px;display:grid}.form-group{margin-bottom:20px;flex-direction:column;gap:8px;display:flex}.form-group label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-heading);padding-left:2px}.custom-select-wrapper{position:relative;width:100%}.custom-select-wrapper select{padding:13px 16px;font-size:13.5px;border:1px solid var(--card-border);appearance:none;color:var(--text-primary);transition:var(--transition-smooth);outline:none;border-radius:12px;background:hsla(0,0%,100%,.04);cursor:pointer;width:100%;font-family:var(--font-body)}body.light-theme .custom-select-wrapper select{background:rgba(0,0,0,.02)}.custom-select-wrapper select:hover{background:hsla(0,0%,100%,.08)}body.light-theme .custom-select-wrapper select:hover{background:rgba(0,0,0,.04)}.custom-select-wrapper select:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-glow)}.custom-select-wrapper select option{color:#f3f4f6;background:#0f121d}body.light-theme .custom-select-wrapper select option{color:#1e293b;background:#fff}.custom-select-wrapper:after{height:6px;transform:translateY(-50%);pointer-events:none;right:16px;content:"";position:absolute;background-size:contain;top:50%;width:10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat}.upload-dropzone{overflow:hidden;min-height:180px;padding:20px;justify-content:center;border:2px dashed var(--card-border);transition:var(--transition-smooth);position:relative;align-items:center;border-radius:16px;background:hsla(0,0%,100%,.02);cursor:pointer;width:100%;display:flex}body.light-theme .upload-dropzone{background:rgba(0,0,0,.015)}.upload-dropzone.dragover,.upload-dropzone:hover{border-color:var(--accent-color);box-shadow:0 0 20px var(--accent-glow);background:rgba(59,130,246,.05)}.upload-content{pointer-events:none;transition:var(--transition-smooth);flex-direction:column;gap:8px;text-align:center;align-items:center;display:flex}.upload-icon{font-size:36px;margin-bottom:4px}.upload-text-main{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-heading)}.upload-text-sub{font-size:11px;color:var(--text-muted)}.upload-preview-container{height:100%;justify-content:center;position:absolute;top:0;align-items:center;background:rgba(13,18,33,.95);left:0;width:100%;display:flex}body.light-theme .upload-preview-container{background:hsla(0,0%,100%,.95)}.upload-preview-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.btn-remove-img{height:28px;justify-content:center;font-size:11px;border:1px solid hsla(0,0%,100%,.25);right:12px;color:#fff;transition:var(--transition-smooth);position:absolute;top:12px;align-items:center;border-radius:50%;background:rgba(0,0,0,.7);cursor:pointer;width:28px;display:flex;z-index:5}.btn-remove-img:hover{border-color:transparent;transform:scale(1.1);background:var(--danger-color)}.btn-primary{padding:15px;justify-content:center;font-size:14px;border:none;font-weight:700;color:#fff;transition:var(--transition-smooth);letter-spacing:-.2px;gap:8px;align-items:center;box-shadow:0 4px 20px rgba(37,99,235,.3);border-radius:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:pointer;width:100%;font-family:var(--font-heading);display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(37,99,235,.45)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{transform:none;opacity:.4;box-shadow:none;background:var(--text-muted);cursor:not-allowed}.loading-card,.placeholder-card{min-height:480px;justify-content:center;align-items:center;display:flex}.placeholder-content{max-width:380px;flex-direction:column;gap:14px;text-align:center;align-items:center;display:flex}.placeholder-icon{animation:iconFloat 4s ease-in-out infinite alternate;font-size:54px}@keyframes iconFloat{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-10px) rotate(4deg)}}.placeholder-card h3{font-size:18px;font-weight:700;color:var(--text-primary);font-family:var(--font-heading)}.placeholder-card p{font-size:13px;color:var(--text-secondary);line-height:1.5}.loading-card{justify-content:center;flex-direction:column;gap:16px;text-align:center;align-items:center;display:flex}.spinner-ring{animation:spin 1s linear infinite;height:52px;border:4px solid rgba(59,130,246,.1);border-top:4px solid var(--accent-color);border-radius:50%;width:52px}@keyframes spin{to{transform:rotate(1turn)}}.loading-title{font-size:18px;font-weight:700;color:var(--text-primary);font-family:var(--font-heading)}.loading-text{animation:textPulse 1.6s infinite alternate;font-size:13px;color:var(--text-secondary);max-width:360px;line-height:1.5}@keyframes textPulse{0%{opacity:.5}to{opacity:1}}.results-stats-grid{grid-template-columns:repeat(4,1fr);margin-bottom:20px;gap:14px;display:grid}.stat-card{min-height:104px;padding:20px 14px;justify-content:center;flex-direction:column;gap:6px;display:flex}.stat-label{font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-label,.stat-value{font-family:var(--font-heading)}.stat-value{font-size:26px;font-weight:800;color:var(--text-primary);line-height:1}.stat-unit{font-size:12px;font-weight:600;color:var(--text-secondary)}.stat-water{border-color:rgba(59,130,246,.18);background:radial-gradient(circle at top right,rgba(59,130,246,.08),transparent),var(--card-bg)}body.light-theme .stat-water{border-color:rgba(37,99,235,.15);background:radial-gradient(circle at top right,rgba(37,99,235,.06),transparent),var(--card-bg)}.stat-area{border-color:rgba(139,92,246,.18);background:radial-gradient(circle at top right,rgba(139,92,246,.08),transparent),var(--card-bg)}body.light-theme .stat-area{border-color:rgba(139,92,246,.12);background:radial-gradient(circle at top right,rgba(139,92,246,.05),transparent),var(--card-bg)}.stat-score{border-color:rgba(16,185,129,.18);background:radial-gradient(circle at top right,rgba(16,185,129,.08),transparent),var(--card-bg)}body.light-theme .stat-score{border-color:rgba(16,185,129,.12);background:radial-gradient(circle at top right,rgba(16,185,129,.05),transparent),var(--card-bg)}.summary-card{margin-bottom:20px}.summary-text{font-size:13.5px;color:var(--text-secondary);line-height:1.6}.plants-card{margin-bottom:20px}.plant-list{gap:16px}.plant-card,.plant-list{flex-direction:column;display:flex}.plant-card{padding:18px;border:1px solid var(--card-border);transition:var(--transition-smooth);gap:10px;border-radius:14px;background:hsla(0,0%,100%,.02)}body.light-theme .plant-card{background:rgba(0,0,0,.015)}.plant-card:hover{border-color:hsla(0,0%,100%,.15);transform:translateX(4px);background:hsla(0,0%,100%,.04)}body.light-theme .plant-card:hover{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.03)}.plant-header{justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center;display:flex}.plant-name{font-size:14.5px;font-weight:700;color:var(--text-primary);font-family:var(--font-heading)}.plant-meta{gap:8px;align-items:center;display:flex}.plant-badge-status{padding:4px 8px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-radius:6px}.status-optimal{border:1px solid rgba(16,185,129,.2);color:var(--success-color);background:rgba(16,185,129,.12)}.status-lawn-protected{border:1px solid rgba(59,130,246,.2);color:var(--accent-color);background:rgba(59,130,246,.12)}.status-replace{border:1px solid rgba(239,68,68,.2);color:var(--danger-color);background:rgba(239,68,68,.12)}.plant-liters-badge{padding:3px 8px;font-size:11px;border:1px solid var(--card-border);font-weight:700;color:var(--text-primary);border-radius:6px;background:hsla(0,0%,100%,.05)}body.light-theme .plant-liters-badge{background:rgba(0,0,0,.04)}.plant-recommendation{font-size:13px;color:var(--text-secondary);line-height:1.5}.plant-alternative{padding:10px 12px;font-size:12.5px;border:1px dashed rgba(245,158,11,.3);font-weight:600;color:#f59e0b;gap:8px;align-items:center;border-radius:10px;background:rgba(245,158,11,.08);margin-top:4px;display:inline-flex}body.light-theme .plant-alternative{border-color:rgba(217,119,6,.2);color:#d97706;background:rgba(217,119,6,.05)}.lawn-card{border-color:rgba(16,185,129,.25);box-shadow:0 10px 30px rgba(16,185,129,.05);background:radial-gradient(circle at top right,rgba(16,185,129,.08),transparent),var(--card-bg);margin-top:10px}body.light-theme .lawn-card{border-color:rgba(5,150,105,.2);background:radial-gradient(circle at top right,rgba(5,150,105,.05),transparent),var(--card-bg)}.lawn-card:hover{border-color:rgba(16,185,129,.45);box-shadow:0 12px 36px rgba(16,185,129,.15)}.lawn-card-header{margin-bottom:8px;gap:12px;align-items:center;display:flex}.lawn-badge{padding:3px 8px;font-size:9px;border:1px solid rgba(16,185,129,.3);font-weight:700;color:var(--success-color);letter-spacing:.5px;border-radius:6px;background:rgba(16,185,129,.15)}.lawn-tips-list{list-style:none;flex-direction:column;gap:12px;margin-top:18px;display:flex}.lawn-tips-list li{font-size:13px;color:var(--text-secondary);position:relative;line-height:1.5;padding-left:24px}.lawn-tips-list li:before{font-size:12px;content:"🌱";position:absolute;top:1px;left:2px}.animate-stat{animation:statEntrance .6s cubic-bezier(.16,1,.3,1) forwards;transform:translateY(12px);opacity:0}.results-stats-grid>div:nth-child(2){animation-delay:.15s}@keyframes statEntrance{to{transform:translateY(0);opacity:1}}@media (max-width:1200px){.results-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr;padding:20px;gap:20px}}@media (max-width:768px){#app-header{padding:0 20px}.form-row{grid-template-columns:1fr;gap:0}.results-stats-grid{grid-template-columns:1fr;gap:16px}.card.glassmorphic{padding:20px}}