:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#f5f5f5}body,#root{margin:0;padding:0;width:100%;min-height:100vh}#root{display:flex;flex-direction:column}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.chat-container{max-width:800px;margin:0 auto;padding:20px;height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.chat-header{text-align:center;padding:20px 0;background-color:#4a196c;color:#fff;border-radius:8px;margin-bottom:20px}.messages{flex:1;overflow-y:auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;white-space:pre-line}.message{margin:10px 0;padding:12px;border-radius:8px;max-width:80%;position:relative}.message-label{font-size:.8em;font-weight:700;margin-bottom:4px;display:block}.token-label{font-size:.7em;font-weight:700;margin-bottom:4px;display:block}.user{background-color:#62bd19;color:#fff;margin-left:auto}.bot{background-color:#4a196c;color:#fff;margin-right:auto}.input-form{display:flex;gap:10px;padding:20px 0}input{flex:1;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}button{padding:12px 24px;background-color:#4a196c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}button:hover{background-color:#4a196c}button:disabled{background-color:#ccc;cursor:not-allowed}.loading{display:inline-block;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.login-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}.login-box{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:#f5f5f5}.login-header{width:100%;max-width:400px;text-align:center;padding:20px 0;background-color:#4a196c;color:#fff;border-radius:8px;margin-bottom:20px;box-sizing:border-box}.header-content{display:flex;flex-direction:column;align-items:center;gap:10px}.header-image{width:200px;height:auto}.login-form{width:100%;max-width:400px;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box}.input-wrapper{position:relative;width:100%;box-sizing:border-box}.input-wrapper i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#4a196c}.input-wrapper input{width:100%;padding:12px 12px 12px 40px;border:1px solid #ddd;border-radius:4px;font-size:16px;background-color:#fff;box-sizing:border-box}.input-wrapper input:focus{outline:none;border-color:#4a196c;box-shadow:0 0 0 2px #4a196c1a}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;text-align:center;margin-bottom:1rem}