*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:#f4f6f8;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden;margin:0!important;padding:0!important}body{background-color:#f4f6f8;margin:0;padding:0;font-family:Segoe UI,sans-serif}.app-container{minHeight:100vh;width:100vw}.header{color:#fff;box-sizing:border-box;background-color:#1b5e20;justify-content:space-between;align-items:center;width:100%;padding:15px 30px;display:flex}.main-layout{box-sizing:border-box;gap:20px;width:100%;max-width:1400px;margin:30px auto;padding:0 20px;display:flex}.sidebar{flex-direction:column;gap:10px;width:240px;display:flex}.nav-btn{borderRadius:8px;cursor:pointer;text-align:left;color:#555;background-color:#fff;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-weight:700;display:flex}.active-nav-btn{color:#fff;cursor:pointer;text-align:left;background-color:#2e7d32;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-weight:700;display:flex}.content-area{background-color:#fff;border-radius:12px;flex:1;padding:25px;box-shadow:0 2px 8px #0000000d}.section-header{color:#1b5e20;border-bottom:2px solid #e8f5e9;margin:0 0 20px;padding-bottom:8px}.pots-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;display:grid}.pot-card{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.badge{color:#2e7d32;background-color:#e8f5e9;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:700}.form-card{flex-direction:column;gap:15px;max-width:500px;display:flex}.input-group{flex-direction:column;gap:5px;display:flex}.label{color:#444;font-size:14px;font-weight:700}.input{border:1px solid #ccc;border-radius:6px;padding:10px;font-size:14px}.primary-btn{color:#fff;cursor:pointer;background-color:#2e7d32;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;display:flex}.auth-container{background-color:#e8f5e9;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.auth-card{background-color:#fff;border-radius:12px;width:100%;max-width:380px;padding:30px;box-shadow:0 4px 12px #0000001a}.link-btn{color:#2e7d32;cursor:pointer;background:0 0;border:none;text-decoration:underline}.error-box{color:#c62828;background-color:#ffebee;border-radius:6px;margin-bottom:15px;padding:10px;font-size:14px}.chat-wrapper{flex-direction:column;height:500px;display:flex}.chat-box{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;flex:1;gap:10px;padding:15px;display:flex;overflow-y:auto}.user-bubble{background-color:#e8f5e9;border-radius:12px 12px 0;align-self:flex-end;max-width:80%;padding:10px 14px}.bot-bubble{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px 12px 12px 0;align-self:flex-start;max-width:80%;padding:10px 14px}.logout-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff6;border-radius:4px;padding:6px 16px}.onboarding-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.onboarding-card{background:#fff;border-radius:16px;width:90%;max-width:480px;padding:28px;animation:.3s cubic-bezier(.16,1,.3,1) modalPop;transform:translateY(0);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.wizard-header{margin-bottom:24px}.progress-info{color:#475569;justify-content:space-between;margin-bottom:8px;font-size:.875rem;font-weight:600;display:flex}.percent-text{color:#2e7d32}.progress-track{background-color:#e2e8f0;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4caf50,#2e7d32);border-radius:999px;height:100%;transition:width .4s ease-in-out}.step-fade-key{animation:.25s ease-out forwards fadeInSlide}@keyframes fadeInSlide{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.step-header{color:#1b5e20;align-items:center;gap:10px;margin-bottom:16px;display:flex}.step-icon{color:#2e7d32}.modal-input,.modal-textarea{box-sizing:border-box;border:1.5px solid #cbd5e1;border-radius:8px;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.modal-input:focus,.modal-textarea:focus{border-color:#2e7d32;outline:none;box-shadow:0 0 0 3px #2e7d3226}.gender-options{gap:12px;display:flex}.gender-btn{cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;flex:1;padding:12px;font-weight:500;transition:all .2s}.gender-btn.selected{color:#1b5e20;background:#e8f5e9;border-color:#2e7d32;font-weight:600}.wizard-footer{justify-content:space-between;gap:12px;margin-top:28px;display:flex}.primary-modal-btn,.finish-modal-btn{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-weight:600;transition:background .2s;display:inline-flex}.primary-modal-btn:hover,.finish-modal-btn:hover{background:#1b5e20}.secondary-modal-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:4px;padding:10px 16px;font-weight:500;display:inline-flex}.secondary-modal-btn:disabled{opacity:.5;cursor:not-allowed}.skip-container{text-align:center;margin-top:14px}.skip-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:.875rem;text-decoration:underline}.success-screen{text-align:center;padding:24px 0}.success-icon{color:#2e7d32;margin-bottom:12px;animation:.6s bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-error{color:#dc2626;margin-top:8px;font-size:.875rem}