.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000;display:flex;justify-content:center;align-items:center;z-index:1000;transition:background .3s;pointer-events:none}.modal-overlay.active{background:#00000080;pointer-events:auto}.modal-content{background:#fff;padding:0;border-radius:8px;width:400px;transform:scale(.8);opacity:0;transition:all .3s cubic-bezier(.3,1.3,.6,1)}.modal-content.active{transform:scale(1);opacity:1}.modal-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.modal-body{padding:20px}.modal-footer{padding:10px 20px;border-top:1px solid #eee;text-align:right}.btn-confirm{background:#007bff;color:#fff;border:none;padding:6px 15px;margin-left:10px;border-radius:4px;cursor:pointer}.btn-cancel{background:#eee;border:none;padding:6px 15px;border-radius:4px;cursor:pointer}.close-btn{background:none;border:none;font-size:20px;cursor:pointer}.login-form-container{padding:10px 5px}.form-item{margin-bottom:15px;display:flex;flex-direction:column}.form-item label{font-size:14px;margin-bottom:8px;color:#666}.form-item input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;outline:none;transition:border-color .3s}.form-item input:focus{border-color:#007bff}.error-msg{color:#ff4d4f;font-size:13px;margin-bottom:15px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.btn-primary,.btn-secondary{padding:8px 20px;border-radius:4px;cursor:pointer;border:none;font-size:14px}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:disabled{background-color:#ccc}.btn-secondary{background-color:#f0f0f0;color:#333}:root{--bg: #f5f7fb;--user: #0b93f6;--bot: #e5e5ea}html,body,#root{height:100%}body{margin:0;font-family:Inter,Roboto,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial;background:var(--bg)}.app{display:flex;flex-direction:column;align-items:center;height:100%;padding:0}.header{width:100%;height:40px;background-color:#fff;display:flex;align-items:center;justify-content:flex-end}.userinfo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:20px}.content{width:100%;display:flex;align-items:center;justify-content:center;flex:1}.chat{width:100%;max-width:720px;background:#fff;box-shadow:0 6px 20px #00000014;border-radius:12px;display:flex;flex-direction:column;height:80vh}.messages{flex:1;padding:20px;overflow:auto;display:flex;flex-direction:column;gap:10px}.message{display:flex}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.bubble{max-width:70%;padding:10px 14px;border-radius:14px;line-height:1.4}.message.user .bubble{background:var(--user);color:#fff;border-bottom-right-radius:6px}.message.bot .bubble{background:var(--bot);color:#111;border-bottom-left-radius:6px}.composer{display:flex;border-top:1px solid #eef2f5;padding:12px}.composer input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #dfe7ef;margin-right:10px}.composer button{padding:8px 14px;border-radius:8px;border:none;background:#0b93f6;color:#fff;cursor:pointer}.composer button:disabled{opacity:.6;cursor:default}