.chat-container{display:flex;flex-direction:column;height:100%;max-width:1000px;margin:0 auto;background-color:#f8fafc;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.messages-container{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px;scroll-behavior:smooth}.message-wrapper{display:flex;flex-direction:column;max-width:85%;transition:all .3s ease}.message-user{align-self:flex-end}.message-assistant{align-self:flex-start}.message-sender{font-size:.8rem;color:#666;margin-bottom:4px;font-weight:500}.text-message-user{background-color:#4a72f5;color:white;padding:15px 20px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.text-message-user:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.text-message-assistant{padding:18px 22px;box-shadow:0 2px 4px rgba(0,0,0,.08);transition:all .3s ease}.text-message-assistant:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.12)}.text-message-assistant h1,.text-message-assistant h2,.text-message-assistant h3{color:#2c3e50;margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.3}.text-message-assistant p{margin:.75em 0;line-height:1.6;color:#374151}.text-message-assistant ol,.text-message-assistant ul{margin:.75em 0;padding-left:1.5em;line-height:1.6}.text-message-assistant li{margin:.5em 0;color:#374151}.text-message-assistant code{font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace;font-size:.9em;background-color:#f3f4f6;padding:.2em .4em;border-radius:4px}.text-message-assistant pre{background-color:#f8f9fa;border-radius:8px;padding:1em;overflow-x:auto;border:1px solid #e5e7eb}.text-message-assistant blockquote{border-left:4px solid #4a72f5;margin:1em 0;color:#4b5563;background-color:#f8fafc;padding:.75em 1em;border-radius:0 8px 8px 0}.text-message-assistant table{width:100%;border-collapse:collapse;margin:1em 0;border-radius:8px;overflow:hidden}.text-message-assistant td,.text-message-assistant th{border:1px solid #e5e7eb;padding:.75em;text-align:left}.text-message-assistant th{background-color:#f8fafc;font-weight:600;color:#1f2937}.message-input-form{display:flex;padding:16px;border-top:1px solid #e5e7eb;background-color:white;border-radius:0 0 12px 12px}.message-input{flex-grow:1;padding:12px 16px;border:1px solid #e5e7eb;border-radius:24px;font-size:1rem;transition:all .3s ease;background-color:#f8fafc}.message-input:focus{outline:none;border-color:#4a72f5;box-shadow:0 0 0 3px rgba(74,114,245,.1)}.send-button{margin-left:12px;padding:0 24px;background-color:#4a72f5;color:white;border:none;border-radius:24px;cursor:pointer;font-weight:500;transition:all .3s ease}.send-button:hover{background-color:#3a5dd0;transform:translateY(-1px)}.send-button:active{transform:translateY(0)}.message-container{margin-bottom:24px;position:relative;transition:all .3s ease}.message-container.user{margin-left:40px;margin-right:15%}.user-message-content{background-color:#4a72f5;color:white;padding:15px 20px;border-radius:18px 18px 18px 4px;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;font-weight:500;transition:all .3s ease}.user-message-content:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.message-container.user:before{content:"Ty";position:absolute;left:-40px;top:0;color:#4a72f5;font-size:.85rem;font-weight:500}.message-container.assistant{margin-right:40px;margin-left:15%;margin-top:30px}.assistant-message-content{background-color:white;padding:18px 22px;border-radius:18px 18px 4px 18px;border:1px solid #e5e7eb;box-shadow:0 2px 4px rgba(0,0,0,.08);position:relative;transition:all .3s ease}.assistant-message-content:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.12)}.message-container.assistant:before{content:"Asystent";position:absolute;right:-40px;top:0;color:#4a72f5;font-size:.85rem;font-weight:500}.message-separator{height:1px;background:linear-gradient(90deg,transparent,rgba(74,114,245,.2),transparent);margin:30px 10%;opacity:.5}.assistant-avatar,.user-avatar{width:30px;height:30px;border-radius:50%;position:absolute;top:-15px;transition:all .3s ease}.user-avatar{background-color:#4a72f5;border:2px solid #3a5dd0;left:-15px}.assistant-avatar,.user-avatar{display:flex;align-items:center;justify-content:center}.assistant-avatar{background-color:#f0f4ff;border:2px solid #4a72f5;right:-15px}.assistant-initial,.user-initial{font-weight:700;font-size:14px}.user-initial{color:white}.assistant-initial{color:#4a72f5}.message-time{font-size:.75rem;color:#9ca3af;margin-top:8px;text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper{animation:fadeIn .3s ease-out}@media (max-width:768px){.message-wrapper{max-width:95%}.message-container.user{margin-left:20px;margin-right:5%}.message-container.assistant{margin-right:20px;margin-left:5%}.message-input-form{padding:12px}.message-input{padding:10px 14px}.send-button{padding:0 16px}}.message-content{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#333}.message-content h1,.message-content h2,.message-content h3{margin-top:1.5em;margin-bottom:.5em;font-weight:600}.message-content p{margin:.75em 0}.message-content pre{background:#f6f8fa;padding:1em;border-radius:6px;overflow-x:auto}.message-content code{font-family:monospace;background:#f6f8fa;padding:.2em .4em;border-radius:3px;font-size:.9em}.message-content ol,.message-content ul{padding-left:1.5em;margin:.75em 0}.message-content li{margin:.5em 0}.assistant-message-content{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#333}.assistant-message-content h1,.assistant-message-content h2,.assistant-message-content h3{margin-top:1em;margin-bottom:.5em;font-weight:600;color:#2c5282}.assistant-message-content p{margin:.75em 0}.assistant-message-content ol,.assistant-message-content ul{padding-left:1.5em;margin:.75em 0}.assistant-message-content li{margin:.5em 0}.assistant-message-content pre{background:#f6f8fa;padding:1em;border-radius:6px;overflow-x:auto}.assistant-message-content code{font-family:monospace;background:#f6f8fa;padding:.2em .4em;border-radius:3px;font-size:.9em}.assistant-message-content table{border-collapse:collapse;width:100%;margin:1em 0}.assistant-message-content td,.assistant-message-content th{border:1px solid #ddd;padding:8px;text-align:left}.assistant-message-content th{background-color:#f2f2f2}.assistant-message-content dl{margin:1em 0}.assistant-message-content dt{font-weight:700;margin-top:.5em}.assistant-message-content dd{margin-left:1em;margin-bottom:.5em}.assistant-message-html{background-color:white;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.1);overflow:hidden;margin:10px 0;width:100%}.ai-response-wrapper h1,.ai-response-wrapper h2,.ai-response-wrapper h3{color:#333;margin-top:1em;margin-bottom:.5em;font-weight:600}.ai-response-wrapper p{margin:.75em 0}.ai-response-wrapper ol,.ai-response-wrapper ul{padding-left:1.5em;margin:.75em 0}.ai-response-wrapper li{margin:.3em 0}.ai-response-wrapper table{border-collapse:collapse;width:100%;margin:1em 0}.ai-response-wrapper td,.ai-response-wrapper th{border:1px solid #ddd;padding:8px}.ai-response-wrapper th{background-color:#f2f2f2;font-weight:600}.ai-response-wrapper [style*=background-color]{padding:10px;border-radius:4px}.ai-response-wrapper [style*="background-color: #e8f4fd"],.ai-response-wrapper [style*="background-color:#e8f4fd"]{border-left:3px solid #4a72f5}.html-message-container{width:100%;overflow:hidden;background-color:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.html-message-content{width:100%;overflow-x:auto}.text-message-user{background-color:#e9f0ff;padding:12px 16px;border-radius:18px 18px 18px 4px;color:#333}.text-message-assistant{background-color:white;padding:12px 16px;border-radius:18px 18px 4px 18px;border:1px solid #e0e0e0;color:#333}.html-message-content table{border-collapse:collapse;margin:10px 0}.html-message-content td,.html-message-content th{border:1px solid #ddd;padding:8px}.html-message-content th{background-color:#f2f2f2}.html-message-content img{max-width:100%;height:auto}.html-message-content ol,.html-message-content ul{padding-left:20px}@media (max-width:768px){.html-message-container{max-width:100vw;margin:0}.html-message-content{font-size:.9rem}}:root{--primary-color:#4a72f5;--primary-dark:#3a5dd0;--secondary-color:#f8f9fa;--text-dark:#333333;--text-medium:#666666;--text-light:#999999;--background-light:#ffffff;--background-gray:#f8f9fa;--background-dark:#f0f0f0;--border-light:#e6e6e6;--border-medium:#dddddd;--border-radius-sm:4px;--border-radius:8px;--border-radius-lg:12px;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow:0 4px 8px rgba(0,0,0,0.1);--shadow-lg:0 8px 16px rgba(0,0,0,0.1);--spacing-xs:4px;--spacing-sm:8px;--spacing:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px}