:root{--bg: #F5F1E8;--bg-white: #FFFFFF;--text: #333333;--text-light: #666666;--green: #3E6B57;--green-hover: #2D5241;--green-light: #E8F0EC;--border: #E0DCD0;--shadow: 0 1px 3px rgba(0,0,0,.08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-light);font-size:14px}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{background:var(--bg-white);border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 2px 12px #0000000f}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:28px;font-weight:700;color:var(--green);margin-bottom:8px}.login-header p{font-size:14px;color:var(--text-light);line-height:1.5}.login-form{display:flex;flex-direction:column;gap:16px}.login-form label{font-size:13px;font-weight:500;color:var(--text)}.login-form input{padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;background:var(--bg-white)}.login-form input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #3e6b571a}.login-divider{display:flex;align-items:center;margin:24px 0;color:var(--text-light);font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{padding:0 16px}.google-btn-container{display:flex;justify-content:center}.btn-primary{background:var(--green);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--green-hover)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;min-width:280px;background:var(--bg-white);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;align-self:flex-start;overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid var(--border)}.sidebar-avatar{width:100%;display:flex;justify-content:center;margin-bottom:12px}.sidebar-avatar img{width:120px;height:120px;object-fit:cover;border-radius:16px;border:2px solid var(--border);box-shadow:var(--shadow)}.sidebar-header h2{font-size:18px;font-weight:700;color:var(--green);margin-bottom:4px;text-align:center}.sidebar-tagline{font-size:12px;color:var(--text-light);text-align:center;margin-bottom:16px;line-height:1.4}.btn-new-chat{width:100%;padding:10px;background:var(--green-light);color:var(--green);border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s}.btn-new-chat:hover{background:#d8e8de}.sidebar-conversations{flex:1;overflow-y:auto;padding:8px}.sidebar-empty{padding:24px 16px;text-align:center;color:var(--text-light);font-size:13px}.sidebar-conv-item{width:100%;padding:10px 12px;background:none;border:none;border-radius:6px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;margin-bottom:2px}.sidebar-conv-item:hover{background:var(--bg)}.sidebar-conv-item.active{background:var(--green-light)}.conv-title{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-date{font-size:11px;color:var(--text-light)}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border)}.btn-logout{width:100%;padding:8px;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-light);font-size:13px;font-family:inherit;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg);height:100vh;overflow:hidden}.chat-area{flex:1;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;max-width:800px;width:100%;margin:0 auto}.chat-welcome h2{font-size:24px;font-weight:700;color:var(--green);margin-bottom:12px}.chat-welcome p{font-size:15px;color:var(--text-light);line-height:1.6;max-width:420px}.welcome-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px}.welcome-suggestions button{padding:10px 18px;background:var(--bg-white);border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--text);font-family:inherit;cursor:pointer;transition:all .2s}.welcome-suggestions button:hover{border-color:var(--green);color:var(--green)}.chat-messages{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;width:100%;min-height:0}.chat-messages-inner{max-width:800px;width:100%;margin:0 auto;display:flex;flex-direction:column;min-height:0}.message{display:flex;margin-bottom:16px}.message-user{justify-content:flex-end}.message-assistant{justify-content:flex-start}.message-bubble{max-width:75%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.message-user .message-bubble{background:var(--green);color:#fff;border-bottom-right-radius:4px}.message-assistant .message-bubble{background:var(--bg-white);color:var(--text);border-bottom-left-radius:4px;box-shadow:var(--shadow)}.message-loading{padding:14px 24px;display:flex;gap:5px}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-light);animation:bounce 1.4s infinite both}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-cursor{display:inline-block;margin-left:2px;color:var(--green);animation:blink 1s step-end infinite;vertical-align:bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-input-wrapper{padding:12px 20px 24px;width:100%}.chat-input-container{max-width:800px;width:100%;margin:0 auto;display:flex;gap:8px;align-items:flex-end}.chat-input-container textarea{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:12px;font-size:14px;font-family:inherit;resize:none;max-height:120px;background:var(--bg-white);transition:border-color .2s}.chat-input-container textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #3e6b571a}.btn-send{padding:12px 20px;background:var(--green);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .2s}.btn-send:hover:not(:disabled){background:var(--green-hover)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.hamburger{display:none;position:fixed;top:12px;left:12px;z-index:20;background:var(--bg-white);border:1px solid var(--border);border-radius:8px;padding:10px;cursor:pointer;box-shadow:var(--shadow)}.hamburger span{display:block;width:20px;height:2px;background:var(--text);margin:3px 0;border-radius:1px}@media(max-width:768px){.hamburger{display:block}.sidebar{display:none}.sidebar.open{display:flex;position:fixed;z-index:15;left:0;top:0;bottom:0;box-shadow:2px 0 12px #00000026}.app-main{padding:0}.chat-area{padding:0 12px}.message-bubble{max-width:85%}.login-card{padding:28px 24px}}