*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;background-color:#f5f7fb;font-family:Segoe UI,sans-serif}.app{display:flex;flex-direction:column;height:100%;width:100%}.app h1{background-color:#f0f2f8;color:#333;font-size:1.4rem;font-weight:600;text-align:center;padding:14px 0;border-bottom:1px solid #ddd}.chat-container{flex:1;display:flex;flex-direction:column;height:100%;max-height:100%;width:100%;padding:0}.chat-box{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.message{display:flex;margin-bottom:10px;width:100%}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.bubble{padding:10px 14px;border-radius:14px;max-width:70%;word-wrap:break-word;line-height:1.5;white-space:pre-wrap;animation:fadeIn .3s ease}.user .bubble{background-color:#0078ff;color:#fff;border-bottom-right-radius:4px}.bot .bubble{background-color:#f1f0f0;color:#222;border-bottom-left-radius:4px}.input-bar{display:flex;align-items:center;padding:12px;background-color:#fff;border-top:1px solid #ddd}.input-bar input{flex:1;padding:10px 14px;border:1px solid #ccc;border-radius:12px;outline:none}.input-bar button{margin-left:8px;padding:10px 20px;border:none;border-radius:12px;background-color:#0078ff;color:#fff;cursor:pointer}.bubble.loading{display:flex;align-items:center;gap:4px;background-color:#f1f0f0;color:transparent}.dot{width:8px;height:8px;background-color:#999;border-radius:50%;animation:blink 1.4s infinite both}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.bot .bubble{background-color:#fafafa;color:#222;border:1px solid #eee;border-radius:16px;padding:14px 18px;font-size:.95rem;line-height:1.6}.bot .bubble strong{color:#333;font-weight:600}.bot .bubble ul{margin:8px 0 8px 20px;padding:0;list-style-type:"• "}.bot .bubble li{margin-bottom:6px}.bot .bubble p{margin-bottom:8px}.bot .bubble>*:last-child{margin-bottom:0}.bot .bubble blockquote{margin:8px 0;padding-left:12px;border-left:3px solid #ddd;color:#555;font-style:italic}.bot .bubble code{background-color:#eee;padding:2px 4px;border-radius:4px;font-family:Consolas,monospace;font-size:.9em}.bot .bubble h1,.bot .bubble h2,.bot .bubble h3{font-weight:600;margin:10px 0 6px}.bot .bubble h1{font-size:1.2rem}.bot .bubble h2{font-size:1.1rem}.bot .bubble h3{font-size:1rem}.name-entry-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:#f5f7fb}.name-box{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 10px #0000001a;text-align:center;max-width:400px;width:90%}.name-box h2{color:#333;margin-bottom:10px}.name-box p{color:#555;margin-bottom:16px}.name-box input{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem;outline:none}.name-box button{margin-top:16px;width:100%;padding:10px;border:none;border-radius:8px;background-color:#0078ff;color:#fff;cursor:pointer;font-size:1rem}.admin-container{padding:20px}.admin-container table{width:100%;border-collapse:collapse;margin-top:16px}.admin-container th,.admin-container td{border:1px solid #ddd;padding:8px;text-align:left}.admin-container th{background-color:#0078ff;color:#fff}.admin-container tr:nth-child(2n){background-color:#f9f9f9}