*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#f5f5f5}#root{min-height:100vh}a{color:#667eea;text-decoration:none}a:hover{text-decoration:underline}button,input{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%;overflow:hidden}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px;text-align:center}.login-header h1{margin:0;font-size:2.5rem;font-weight:700;letter-spacing:-.5px}.login-header p{margin:10px 0 0;opacity:.9;font-size:1rem}.login-content{padding:30px}.login-description{color:#555;line-height:1.6;margin:0 0 25px;text-align:center}.login-error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.telegram-widget-container{display:flex;justify-content:center;min-height:50px;margin:20px 0}.login-loading{color:#888;font-size:.9rem}.login-note{text-align:center;font-size:.85rem;color:#888;margin:20px 0 0}.login-note a{color:#667eea;text-decoration:none}.login-note a:hover{text-decoration:underline}.login-footer{background:#f8f9fa;padding:15px 30px;border-top:1px solid #eee}.login-footer p{margin:0;font-size:.75rem;color:#999;text-align:center}.chat-container{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #0000001a}.chat-header-left{display:flex;align-items:center;gap:15px}.chat-header h1{margin:0;font-size:1.5rem;font-weight:700}.connection-status{font-size:.75rem;padding:4px 10px;border-radius:12px;background:#fff3}.connection-status.connected{background:#22c55e4d}.connection-status.disconnected{background:#ef44444d}.chat-header-right{display:flex;align-items:center;gap:15px}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}.user-name{font-size:.9rem;font-weight:500}.logout-btn{background:#fff3;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#ffffff4d}.chat-error{background:#fee2e2;color:#dc2626;padding:10px 20px;font-size:.9rem;text-align:center}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.chat-welcome{text-align:center;padding:60px 20px;color:#666}.chat-welcome h2{margin:0 0 10px;color:#333;font-size:1.5rem}.chat-welcome p{margin:0;font-size:.95rem}.message{display:flex;max-width:70%}.message-user{align-self:flex-end}.message-ai{align-self:flex-start}.message-content{padding:12px 16px;border-radius:18px;position:relative}.message-user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message-ai .message-content{background:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000001a}.message-content p{margin:0;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-time{display:block;font-size:.7rem;margin-top:6px;opacity:.7}.typing-indicator{display:flex;gap:4px;padding:16px 20px}.typing-indicator span{width:8px;height:8px;background:#888;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.chat-input-container{display:flex;gap:12px;padding:15px 20px;background:#fff;border-top:1px solid #e5e5e5}.chat-input{flex:1;padding:14px 18px;border:1px solid #ddd;border-radius:24px;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 28px;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s}.send-btn:hover:not(:disabled){transform:scale(1.02)}.send-btn:active:not(:disabled){transform:scale(.98)}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.message{max-width:85%}.user-name{display:none}.chat-header h1{font-size:1.2rem}}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:20px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading p{margin:0;font-size:1rem;opacity:.9}