.features-preview{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.features-preview h3{color:var(--primary-color);font-size:1.25rem}.features-preview h3,.login-button{margin-bottom:1rem;text-align:center}.login-button{display:block;text-decoration:none}.login-button:hover{filter:brightness(110%)}@media (max-width:768px){.login-container{padding:1rem}}:root{--primary-color:#4a90e2;--primary-dark:#357abd;--success-color:#48bb78;--error-color:#e53e3e;--background-gradient:linear-gradient(135deg,#f5f7fa,#e4e9f2);--card-shadow:0 8px 20px #0000001f;--transition-speed:0.2s}.login-page{background:linear-gradient(135deg,#f5f7fa,#e4e9f2);background:var(--background-gradient);display:flex;min-height:100vh;overflow:hidden;position:relative}.login-page:after,.login-page:before{border-radius:50%;content:"";height:300px;position:absolute;width:300px;z-index:0}.login-page:before{left:-100px;top:-100px}.login-page:after,.login-page:before{background:radial-gradient(circle,#4a90e21a 0,#4a90e200 70%)}.login-page:after{bottom:-100px;right:-100px}.login-container{display:flex;margin:auto;max-width:1200px;padding:2rem;position:relative;width:100%;z-index:1}.login-welcome{color:#2d3748;display:none;flex:1 1;flex-direction:column;justify-content:center;padding:3rem}@media (min-width:1024px){.login-welcome{display:flex}}.login-welcome h1{color:#4a90e2;color:var(--primary-color);font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}.login-welcome p{color:#4a5568;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.features-list{list-style:none;padding:0}.features-list li{align-items:center;color:#4a5568;display:flex;font-size:1.1rem;margin-bottom:1rem}.features-list li:before{align-items:center;background-color:#48bb78;background-color:var(--success-color);border-radius:50%;color:#fff;content:"✓";display:inline-flex;font-size:.875rem;height:24px;justify-content:center;margin-right:1rem;width:24px}.login-form-container{align-items:center;display:flex;flex:1 1;justify-content:center}.login-form{background:#fff;border-radius:16px;box-shadow:0 8px 20px #0000001f;box-shadow:var(--card-shadow);max-width:480px;padding:3rem;position:relative;width:100%}.login-form h2{color:#2d3748;font-size:2rem;margin-bottom:.5rem;text-align:center}.login-subtitle{color:#718096;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#4a5568;font-weight:500;margin-bottom:.5rem}.form-group input{background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:1rem;transition:all .2s ease;transition:all var(--transition-speed) ease}.form-group input:focus{background-color:#fff;border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 0 0 4px #4a90e21a;outline:none}.form-group .input-icon{color:#a0aec0}.error{align-items:center;border-left:4px solid #e53e3e;color:#e53e3e;display:flex}.error:before{align-items:center;background-color:#e53e3e;background-color:var(--error-color);border-radius:50%;color:#fff;content:"!";display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;margin-right:.75rem;width:20px}.login-button{background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease;transition:all var(--transition-speed) ease;width:100%}.login-button:hover{background-color:#357abd;background-color:var(--primary-dark);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button.loading{background-color:#357abd}.login-button.loading:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:20px}@keyframes spin{to{transform:translateY(-50%) rotate(1turn)}}.divider{align-items:center;color:#a0aec0;display:flex;margin:1.5rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.divider span{padding:0 1rem}.social-login{display:flex;gap:1rem;margin-bottom:1.5rem}.social-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;transition:all var(--transition-speed) ease}.social-button:hover{border-color:#4a90e2;border-color:var(--primary-color);color:#4a90e2;color:var(--primary-color)}.register-link{color:#718096;margin-top:1.5rem;text-align:center}.register-link a{color:#4a90e2;color:var(--primary-color);font-weight:500;margin-left:.5rem;text-decoration:none}.register-link a:hover{text-decoration:underline}@media (max-width:768px){.login-container{padding:1rem}.login-form{padding:2rem}.login-form h2{font-size:1.75rem}}.password-requirements{color:#718096;font-size:.8rem;margin-top:.25rem;padding-left:.5rem}.form-group{position:relative}.form-group .input-icon{cursor:pointer;position:absolute;right:1rem;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.login-button.loading{background-color:var(--primary-dark);cursor:not-allowed;opacity:.8}.error{background-color:#fff5f5;border-left:4px solid var(--error-color);border-radius:10px;font-size:.875rem;margin-bottom:1.5rem;padding:1rem}@media (max-width:768px){.login-welcome{display:none}.login-form-container{padding:1.5rem}}.dashboard{background-color:var(--background-color);color:var(--text-primary);min-height:100vh;padding-top:80px}.dashboard-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 2px 10px #0000001a;left:0;padding:var(--spacing-md) var(--spacing-lg);position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.dashboard-header h1{align-items:center;color:var(--text-light);display:flex;font-size:1.75rem;font-weight:600;gap:var(--spacing-sm);margin:0;text-shadow:0 1px 2px #0000001a}.dashboard-header h1:before{content:"🌿";font-size:1.5rem}.logout-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius-sm);color:var(--text-light);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.logout-btn:hover{background-color:#fff3;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}.dashboard-content{margin:var(--spacing-lg) auto;max-width:1400px;padding:0 var(--spacing-lg)}.dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:2fr 1fr}.dashboard-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard-section{background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);overflow:hidden;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.dashboard-section:hover{box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.section-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:var(--spacing-md)}.section-header h2{color:var(--primary-color);font-size:1.25rem;margin:0}.section-content,.visualization-section{padding:var(--spacing-md)}.quick-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.stat-card{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border-radius:var(--border-radius-md);color:var(--text-light);padding:var(--spacing-md)}.stat-card h3{font-size:1rem;margin:0 0 var(--spacing-xs);opacity:.9}.stat-card .stat-value{font-size:1.5rem;font-weight:600}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.dashboard-content{padding:var(--spacing-md)}}@media (max-width:768px){.dashboard{padding-top:70px}.dashboard-header{padding:var(--spacing-sm) var(--spacing-md)}.header-content{padding:0 10px}.dashboard-header h1{font-size:1.4rem}.logout-btn{font-size:.9rem;padding:.6rem 1rem}.quick-stats{grid-template-columns:1fr}}.dashboard-content{scrollbar-color:var(--primary-color) var(--background-color);scrollbar-width:thin}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:var(--background-color)}.dashboard-content::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-section{animation:fadeIn .3s ease-in-out}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}div{padding:20px}h1,h2{color:#333}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:10px 15px}button:hover{background-color:#0056b3}input{border:1px solid #ccc;border-radius:5px;margin:5px 0;padding:10px}form{display:flex;flex-direction:column;max-width:400px}:root{--primary-color:#2e7d32;--primary-light:#4caf50;--primary-dark:#1b5e20;--secondary-color:#81c784;--accent-color:#00c853;--background-color:#f5f9f6;--surface-color:#fff;--card-background:#fff;--text-primary:#2c3e50;--text-secondary:#546e7a;--text-light:#fff;--error-color:#d32f2f;--success-color:#388e3c;--warning-color:#ffa000;--info-color:#1976d2;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--box-shadow-sm:0 2px 4px #0000000d;--box-shadow-md:0 4px 6px #0000001a;--box-shadow-lg:0 8px 16px #0000001a;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--transition-speed:0.3s}body{background-color:#f5f9f6;background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;margin:0;padding:0}.container{margin:0 auto;max-width:1200px;padding:20px}.btn{background-color:#2e7d32;background-color:var(--primary-color);border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.btn:hover{background-color:#357abd}.error{color:#d32f2f;color:var(--error-color);margin-top:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%}
/*# sourceMappingURL=main.dd1cb71c.css.map*/