.message{display:flex;margin:1rem 0;padding:.5rem 1rem;border-radius:8px}.message.user{background-color:#e3f2fd;margin-left:2rem}.message.assistant{background-color:#f5f5f5;margin-right:2rem}.message-content{width:100%;line-height:1.5}.markdown-content{width:100%}.markdown-content pre{background-color:#f8f9fa;padding:1rem;border-radius:4px;overflow-x:auto}.markdown-content code{font-family:monospace}.table-wrapper{overflow-x:auto;margin:1rem 0}.table-wrapper table{width:100%;border-collapse:collapse}.table-wrapper td,.table-wrapper th{border:1px solid #ddd;padding:.5rem;text-align:left}.chart-wrapper{background-color:white;box-shadow:0 2px 4px rgba(0,0,0,.1)}.chart-placeholder,.chart-wrapper{margin:1rem 0;padding:1rem;border-radius:8px}.chart-placeholder{box-sizing:border-box;background-color:#f8f9fa;height:350px;width:100%;display:flex;align-items:center;justify-content:center;color:#6c757d;border:2px dashed #dee2e6;font-size:.9rem}.chart{width:100%;height:100%}.chart-error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;padding:1rem;margin:1rem 0}.error-title{font-weight:700;margin-bottom:.5rem}.error-code{background-color:rgba(255,255,255,.5);padding:.5rem;margin-top:.5rem;border-radius:4px;overflow-x:auto}.thinking-dots{display:inline-block;vertical-align:middle;height:12px}.thinking-dots:after{content:"...";display:inline-block;animation:thinking 1.5s infinite;font-weight:700;letter-spacing:2px}@keyframes thinking{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}.chart-loading{padding:2rem;text-align:center;background:#f5f5f5;border-radius:8px;color:#666;font-style:italic}.main-container{display:flex;flex-direction:column;height:100vh}.chat-header{box-sizing:border-box;background-color:#007AFF;color:white;padding:16px 20px;font-size:1.33rem;font-weight:400;border-radius:12px 12px 0 0;max-width:1150px;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center}.header-title{margin-top:8px}.header-logo{height:32px;width:auto;margin-right:15px}.procurement-chat-container{display:flex;flex-direction:column;flex:1 1;width:100%;max-width:1150px;margin:0 auto;background:#ffffff;border-radius:0 0 12px 12px;box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden}.chat-messages{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}.message{max-width:80%;padding:12px 16px;border-radius:12px;line-height:1.4}.message.user{align-self:flex-end;background-color:#007AFF;color:white}.message.assistant{align-self:flex-start;background-color:#F0F0F0;color:#333}.chat-input-form{display:flex;gap:12px;padding:20px;background:#f8f9fa;border-top:1px solid #eee}.chat-input{flex:1 1;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#007AFF}.chat-submit{padding:12px 24px;background:#007AFF;color:white;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s}.chat-submit:hover{background:#0056b3}.chat-submit:disabled{background:#ccc;cursor:not-allowed}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.thinking-text:after{content:"";display:inline-block;width:12px;animation:ellipsis 1.5s steps(1) infinite}