@import "https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap";:root{--hcs-primary-blue:#001b4c;--hcs-light-blue:#0056b3;--hcs-accent-blue:#4a90e2;--hcs-background:#f0f4fb;--hcs-white:#fff;--hcs-text-dark:#495057;--hcs-text-light:#6c757d;--hcs-border:#e5e9f2;--hcs-shadow:#001b4c14;--hcs-shadow-hover:#001b4c26}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--hcs-text-dark);background:linear-gradient(135deg,#f0f4fb 0%,#e8f0fe 100%);min-height:100vh;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--hcs-primary-blue);font-family:Roboto,sans-serif;font-weight:500}code{white-space:nowrap;word-break:keep-all;background:#f5f7fa;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9em;display:inline}.container{max-width:1200px;margin:0 auto;padding:30px 20px}.chat-container{background:var(--hcs-white);box-shadow:0 10px 40px var(--hcs-shadow);border:1px solid var(--hcs-border);border-radius:16px;flex-direction:column;height:85vh;display:flex;overflow:hidden}.chat-header{background:linear-gradient(135deg, var(--hcs-primary-blue) 0%, var(--hcs-light-blue) 100%);color:var(--hcs-white);padding:24px 30px;box-shadow:0 2px 10px #001b4c1a}.header-content{justify-content:flex-start;align-items:center;gap:20px;display:flex}.hcs-logo{object-fit:contain;flex-shrink:0;width:100px;height:100px}.header-text{text-align:left;flex-grow:1}.chat-header h1{color:var(--hcs-white);letter-spacing:-.5px;margin-bottom:6px;font-family:Roboto,sans-serif;font-size:26px;font-weight:600}.chat-header p{opacity:.95;letter-spacing:.2px;font-size:14px;font-weight:300}.chat-messages{background:linear-gradient(to bottom, var(--hcs-white) 0%, #fafbfd 100%);flex-direction:column;flex:1;gap:20px;padding:30px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a0a7b0}.message{word-wrap:break-word;border-radius:16px;max-width:75%;padding:14px 18px;animation:.3s ease-in fadeIn;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{background:linear-gradient(135deg, var(--hcs-primary-blue) 0%, var(--hcs-light-blue) 100%);color:var(--hcs-white);align-self:flex-end;box-shadow:0 3px 12px #001b4c26}.message.assistant{background:var(--hcs-white);color:var(--hcs-text-dark);border:1px solid var(--hcs-border);box-shadow:0 2px 8px var(--hcs-shadow);align-self:flex-start}.formatted-content{font-size:15px;line-height:1.6}.formatted-content .numbered-item{margin:10px 0;padding-left:8px;font-weight:500;line-height:1.6;position:relative}.formatted-content .bullet-item{margin:8px 0;padding-left:16px;line-height:1.5;position:relative}.formatted-content .bullet-item:before{content:"•";color:var(--hcs-accent-blue);font-weight:700;position:absolute;left:0}.formatted-content .section-header{color:var(--hcs-primary-blue);margin:16px 0 8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:600}.formatted-content .content-line{margin:6px 0;line-height:1.6}.message.assistant .sources{border-top:1px solid var(--hcs-border);margin-top:14px;padding-top:14px;font-size:13px}.source-item{background:var(--hcs-background);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin:6px 0;padding:8px 12px;transition:all .2s;display:flex}.source-item:hover{background:var(--hcs-white);border-color:var(--hcs-accent-blue);transform:translate(4px)}.source-filename{color:var(--hcs-light-blue);cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s}.source-filename:hover{color:var(--hcs-primary-blue);text-decoration:underline}.source-page{color:var(--hcs-text-light);font-size:12px;font-weight:400}.chat-input-container{border-top:1px solid var(--hcs-border);background:var(--hcs-white);padding:24px 30px;box-shadow:0 -2px 10px #001b4c08}.chat-input-form{align-items:flex-end;gap:14px;display:flex}.chat-input{border:2px solid var(--hcs-border);resize:none;background:var(--hcs-white);border-radius:12px;outline:none;flex:1;min-height:52px;max-height:120px;padding:14px 20px;font-family:Public Sans,sans-serif;font-size:15px;transition:all .3s}.chat-input:focus{border-color:var(--hcs-accent-blue);background:var(--hcs-white);box-shadow:0 0 0 3px #4a90e21a}.chat-input::placeholder{color:var(--hcs-text-light);font-size:14px}.send-button{background:linear-gradient(135deg, var(--hcs-primary-blue) 0%, var(--hcs-light-blue) 100%);color:var(--hcs-white);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;transition:all .3s;display:flex;box-shadow:0 3px 10px #001b4c33}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #001b4c4d}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#cbd5e0 0%,#a0aec0 100%)}.sample-questions-mobile{background:var(--hcs-white);border-top:1px solid var(--hcs-border);padding:0}.sample-questions-toggle{background:linear-gradient(135deg, var(--hcs-primary-blue) 0%, var(--hcs-light-blue) 100%);width:100%;color:var(--hcs-white);text-align:center;cursor:pointer;border:none;padding:16px 30px;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;transition:all .3s;box-shadow:0 2px 8px #001b4c1a}.sample-questions-toggle:hover{background:linear-gradient(135deg, var(--hcs-light-blue) 0%, var(--hcs-primary-blue) 100%);box-shadow:0 4px 12px #001b4c33}.sample-questions-toggle:active{transform:translateY(1px)}.sample-question-buttons{flex-wrap:wrap;gap:10px;display:flex}.sample-question-button{background:var(--hcs-background);border:1px solid var(--hcs-border);color:var(--hcs-text-dark);cursor:pointer;border-radius:20px;padding:10px 16px;font-family:Public Sans,sans-serif;font-size:13px;font-weight:400;transition:all .3s}.sample-question-button:hover{background:linear-gradient(135deg, var(--hcs-primary-blue) 0%, var(--hcs-light-blue) 100%);color:var(--hcs-white);border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #001b4c26}.sample-questions-mobile .sample-question-buttons{gap:10px;max-height:none;padding:20px 30px;overflow-y:visible}.loading{color:var(--hcs-text-light);align-items:center;gap:10px;padding:14px 18px;font-style:italic;display:flex}.loading-content{align-items:center;gap:8px;display:flex}.loading-dots{gap:3px;display:inline-flex}.loading-dot{background:var(--hcs-accent-blue);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite loading}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes loading{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.status-banner{color:#92400e;text-align:center;background:linear-gradient(135deg,#fef3c7 0%,#fed7aa 100%);border:1px solid #fbbf24;padding:14px 24px;font-size:14px;font-weight:500;box-shadow:0 2px 8px #fbbf2426}@media (width<=768px){.container{padding:15px}.chat-container{border-radius:12px;height:88vh;max-height:-webkit-fill-available}.chat-header{padding:16px}.chat-header h1{font-size:18px}.chat-header p{display:none}.header-content{gap:12px}.message{margin-bottom:16px;max-width:95%!important}.chat-messages{gap:16px;padding:20px!important}.sample-questions-mobile{background:var(--hcs-white);border-top:1px solid var(--hcs-border);padding:0}.sample-questions-toggle{background:var(--hcs-background);width:100%;color:var(--hcs-primary-blue);text-align:center;cursor:pointer;border:none;padding:14px 20px;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.sample-questions-toggle:active{background:var(--hcs-border)}.sample-questions-mobile .sample-question-buttons{flex-direction:column;gap:8px;max-height:300px;padding:12px;display:flex;overflow-y:auto}.sample-questions-mobile .sample-question-button{text-align:left!important;padding:10px 14px!important;font-size:13px!important}.sample-question-button{text-align:left;width:100%}.hcs-logo{width:70px;height:70px}.chat-input-container{padding:16px}.chat-input{min-height:44px;font-size:16px!important}.send-button{width:44px;height:44px}.formatted-content{overflow-wrap:break-word!important;word-wrap:break-word!important;width:100%!important}.formatted-content h1,.formatted-content h2,.formatted-content h3{margin-bottom:.75rem!important;font-size:16px!important;line-height:1.4!important}.formatted-content p{margin-bottom:.75rem!important;font-size:14px!important;line-height:1.5!important}.formatted-content code{word-break:break-all!important;white-space:pre-wrap!important;background-color:#f3f4f6!important;border-radius:.25rem!important;padding:.125rem .25rem!important;font-size:11px!important}.formatted-content pre{white-space:pre-wrap!important;word-break:break-all!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:.375rem!important;max-width:100%!important;padding:.75rem!important;font-size:11px!important;line-height:1.4!important;overflow-x:auto!important}.formatted-content pre code{white-space:pre-wrap!important;word-break:break-all!important;background:0 0!important;padding:0!important;font-size:11px!important}.formatted-content ul,.formatted-content ol{margin-bottom:.75rem!important;padding-left:1.25rem!important;font-size:14px!important}.formatted-content li{margin-bottom:.25rem!important;line-height:1.5!important}.formatted-content strong{font-size:14px!important;font-weight:600!important}.formatted-content hr{border:none!important;border-top:1px solid #e5e7eb!important;margin:1rem 0!important}}
