@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;700&display=swap";body{margin:0;padding:0;font-family:Urbanist,sans-serif;background:linear-gradient(to bottom right,#002366,#2aabff);min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:Urbanist,sans-serif;background:#f9fafb;overflow:hidden}.chat-ui-container{display:flex;height:100%;width:100%;position:fixed;top:0;left:0}.sidebar{width:260px;background:#fff;border-right:1px solid #eee;display:flex;flex-direction:column;padding-top:1px}.sidebar-logo-wrapper{display:flex;justify-content:center;align-items:center;height:auto;padding-top:10px;margin-top:0}.zapfix-sidebar-logo{max-width:140px;height:auto}.new-chat-btn{background-color:#5c4dff;color:#fff;font-size:12px;padding:6px 12px;border-radius:6px;border:none;cursor:pointer;margin:10px auto;display:block;width:120px}.new-chat-btn:hover{background-color:#4721c2}.session-list{flex:1;overflow-y:auto;margin-bottom:20px}.session-btn{width:100%;background:none;border:none;text-align:left;padding:10px 12px;font-size:14px;color:#111827;border-radius:6px;cursor:pointer}.session-btn:hover{background:#f3f4f6}.session-btn.selected{background-color:#e0e7ff;font-weight:600}.diagnostics-section{background:#f3f4f6;border-radius:10px;padding:14px;margin-bottom:16px;font-size:13px;text-align:center}.diagnostics-section h4{font-size:14px;margin-bottom:8px;font-weight:600}.diagnostics-section p{font-size:12px;color:#6b7280;margin-bottom:10px}.diagnostics-section button{background-color:#7c3aed;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;cursor:pointer}.diagnostics-section button:hover{background-color:#6d28d9}.knowledge-base{background:#f3f4f6;border-radius:10px;padding:14px;font-size:13px}.kb-title{font-weight:600;margin-bottom:8px;text-align:center}.kb-links{list-style:none;padding-left:0}.kb-links li{color:#4f46e5;margin-bottom:6px;cursor:pointer;text-align:center}.kb-links li:hover{text-decoration:underline}.main-area{flex-grow:1;display:flex;flex-direction:column;background:#f9fafb;height:100%;width:100%;overflow:hidden}.chat-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;height:64px;flex-shrink:0}.chat-header h2{font-size:20px;font-weight:600;color:#1e293b}.profile-wrapper{position:relative}.user-avatar{width:36px;height:36px;background-color:#4f46e5;color:#fff;border-radius:50%;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.logout-dropdown{position:absolute;top:44px;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:13px;z-index:10}.chat-messages{flex:1;overflow-y:auto;padding:24px}.message-row{display:flex;margin-bottom:16px}.user-msg{justify-content:flex-end}.zapfix-msg{justify-content:flex-start}.message-bubble{max-width:70%;padding:14px 16px;border-radius:12px;font-size:14px;box-shadow:0 1px 4px #0000000f}.user-msg .message-bubble{background:#dbeafe;color:#1e3a8a;text-align:right}.zapfix-msg .message-bubble{background:#f3f4f6;color:#111827;text-align:left}.message-bubble.glass{background:#ffffffe6;border:1px solid #e5e7eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sender{font-weight:600;font-size:13px;margin-bottom:4px}.chat-input-bar{padding:16px 24px;background:#fff;border-top:1px solid #e5e7eb;display:flex;align-items:center;flex-shrink:0}.chat-input{flex:1;padding:10px 14px;border-radius:6px;border:1px solid #d1d5db;font-size:14px;outline:none}.attach-btn,.send-btn{background:none;border:none;color:#7c3aed;font-size:18px;cursor:pointer;margin-left:10px}.attach-btn:hover,.send-btn:hover{color:#5b21b6}.typing-indicator{display:flex;gap:4px;padding-top:4px}.typing-indicator span{display:inline-block;width:8px;height:8px;background-color:#6b7280;border-radius:50%;animation:blink 1.4s infinite both}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0;transform:scale(.9)}40%{opacity:1;transform:scale(1.2)}}.new-chat-btn{width:50%;margin-left:auto;margin-right:10px;margin-top:10px;background-color:#5b46f4;color:#fff;padding:8px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease;text-align:center}.new-chat-btn:hover{background-color:#4a38d1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html,body{margin:0;padding:0;height:100%;width:100%;font-family:Urbanist,sans-serif;overflow:hidden}