@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.chat-page{display:flex;flex-direction:column;height:100vh;max-width:860px;margin:0 auto;background:var(--bg-white);box-shadow:var(--shadow-lg)}.chat-header{background:var(--bg-white);color:var(--text);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));position:sticky;top:0;z-index:10}.chat-header-logo{display:flex;align-items:center;gap:14px}.chat-header-icon{width:40px;height:40px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent),var(--accent-dark));display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;box-shadow:0 2px 8px #6366f14d}.chat-header h1{font-size:16px;font-weight:600;margin:0;letter-spacing:-.01em}.chat-header-subtitle{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.chat-llm-badge{margin-top:6px;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--accent-subtle);border:1px solid var(--accent-light);color:var(--accent-dark);font-size:11px;font-weight:600}.chat-header-status{width:6px;height:6px;background:var(--success);border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:6px;background:var(--gray-50)}.chat-message{display:flex;gap:10px;max-width:80%;animation:msgIn .35s var(--ease) both}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-message-user{align-self:flex-end;flex-direction:row-reverse}.chat-message-avatar{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;font-weight:600;margin-top:2px}.chat-message-assistant .chat-message-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 1px 4px #6366f133}.chat-message-user .chat-message-avatar{background:var(--gray-200);color:var(--gray-600)}.chat-message-content{padding:12px 16px;border-radius:var(--radius-lg);line-height:1.65;font-size:14px}.chat-message-assistant .chat-message-content{background:var(--bg-white);color:var(--text);border:1px solid var(--border-light);border-bottom-left-radius:var(--radius-xs);box-shadow:var(--shadow-xs)}.chat-message-user .chat-message-content{background:var(--accent);color:#fff;border-bottom-right-radius:var(--radius-xs);box-shadow:0 2px 8px #6366f140}.chat-message-content p{margin-bottom:8px}.chat-message-content p:last-child{margin-bottom:0}.chat-message-content code{background:var(--accent-subtle);color:var(--accent-dark);padding:2px 6px;border-radius:var(--radius-xs);font-size:13px;font-family:var(--font-mono)}.chat-message-user .chat-message-content code{background:#fff3;color:#fff}.chat-message-content ol,.chat-message-content ul{padding-left:18px;margin:6px 0}.chat-message-content li{margin-bottom:4px}.chat-message-content strong{font-weight:600}.chat-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chat-source-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--accent-subtle);border:1px solid var(--accent-light);border-radius:var(--radius-full);font-size:11px;color:var(--accent-dark);font-weight:500;transition:all .2s var(--ease)}.chat-source-chip:hover{background:var(--accent-light)}.chat-youtube-links{margin-top:10px;padding:10px 12px;background:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px}.chat-youtube-links strong{font-size:12px;color:var(--text-secondary);font-weight:500}.chat-youtube-links a{color:var(--accent);font-size:13px;word-break:break-all;transition:color .15s}.chat-youtube-links a:hover{color:var(--accent-dark)}.chat-images{display:flex;flex-direction:column;gap:8px;margin-top:10px}.chat-image{max-width:100%;border-radius:var(--radius-xs);cursor:pointer;transition:opacity .15s}.chat-image:hover{opacity:.85}.chat-feedback{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:12px;color:var(--text-light)}.chat-feedback span{margin-right:4px}.chat-feedback button{background:none;border:1px solid transparent;border-radius:var(--radius-full);padding:2px 8px;font-size:14px;transition:all .2s var(--ease);opacity:.5}.chat-feedback button:hover{opacity:1;background:var(--gray-100);border-color:var(--border);transform:scale(1.1)}.chat-typing{display:flex;align-items:center;gap:5px;padding:14px 18px!important}.chat-typing span{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:think 1.4s infinite ease-in-out}.chat-typing span:nth-child(1){animation-delay:0s}.chat-typing span:nth-child(2){animation-delay:.16s}.chat-typing span:nth-child(3){animation-delay:.32s}.chat-escalation{padding:16px 24px;background:var(--bg-white);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.chat-escalation p{font-size:14px;font-weight:500;color:var(--text)}.chat-escalation input{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);outline:none;background:var(--bg-white);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.chat-escalation input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.chat-escalation-actions{display:flex;gap:10px}.btn-primary{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .2s var(--ease);box-shadow:0 1px 3px #6366f133}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border);padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;transition:all .2s var(--ease)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.chat-input-area{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:flex-end;background:var(--bg-white)}.chat-input-area textarea{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:var(--font-sans);resize:none;outline:none;max-height:120px;line-height:1.5;background:var(--gray-50);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s}.chat-input-area textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);background:var(--bg-white)}.chat-send-btn{width:42px;height:42px;border-radius:var(--radius);background:var(--accent);color:#fff;border:none;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);flex-shrink:0;box-shadow:0 1px 3px #6366f133}.chat-send-btn:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed;background:var(--gray-300);box-shadow:none}.chat-clarification{display:flex;flex-direction:column;gap:6px;margin-top:12px}.chat-topic-btn{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);cursor:pointer;text-align:left;font-size:13px;line-height:1.4;transition:all .2s var(--ease);color:var(--text)}.chat-topic-btn:hover:not(:disabled){background:var(--accent-subtle);border-color:var(--accent);color:var(--accent-dark);transform:translate(2px)}.chat-topic-btn:disabled{opacity:.5;cursor:not-allowed}.chat-topic-btn--other{background:transparent;border-style:dashed;color:var(--text-light);font-size:12px}@media(max-width:640px){.chat-messages{padding:16px}.chat-message{max-width:90%}.chat-input-area{padding:12px 16px}}.op-login{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0673a5,#044d6e)}.op-login-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 8px 40px #0003;width:360px}.op-login-card h1{text-align:center;margin-bottom:28px;font-size:20px;color:#044d6e}.op-login-card form{display:flex;flex-direction:column;gap:14px}.op-login-card input{padding:12px 16px;border:1px solid #e0e4e8;border-radius:8px;font-size:14px;outline:none}.op-login-card input:focus{border-color:#0673a5}.op-error{color:#dc3545;font-size:13px;text-align:center}.op-panel{display:flex;height:100vh}.op-sidebar{width:380px;background:#fff;border-right:1px solid #e0e4e8;display:flex;flex-direction:column}.op-sidebar-header{padding:16px 20px;background:linear-gradient(135deg,#0673a5,#044d6e);color:#fff}.op-sidebar-header h2{font-size:16px;margin-bottom:8px}.op-sidebar-info{display:flex;justify-content:space-between;align-items:center}.op-pending-badge{background:#fff3;padding:4px 10px;border-radius:12px;font-size:12px}.op-logout-btn{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer}.op-logout-btn:hover{background:#ffffff1a}.op-filters{display:flex;padding:10px 12px;gap:6px;border-bottom:1px solid #e0e4e8}.op-filters button{flex:1;padding:6px 8px;border:1px solid #e0e4e8;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.op-filters button:hover{border-color:#0673a5;color:#0673a5}.op-filters button.active{background:#0673a5;color:#fff;border-color:#0673a5}.op-list{flex:1;overflow-y:auto}.op-empty{padding:40px;text-align:center;color:#999}.op-item{padding:14px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s}.op-item:hover{background:#f8f9fa}.op-item-active{background:#e8f4fd!important;border-left:3px solid #0673a5}.op-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.op-status{font-size:12px;padding:2px 8px;border-radius:10px;font-weight:500}.status-pending{background:#fff3cd;color:#856404}.status-progress{background:#cce5ff;color:#004085}.status-resolved{background:#d4edda;color:#155724}.status-closed{background:#e2e3e5;color:#383d41}.op-time{font-size:11px;color:#999}.op-item-preview{font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-contact{font-size:11px;color:#0673a5;margin-top:4px;display:inline-block}.op-detail{flex:1;display:flex;flex-direction:column;background:#f8f9fa}.op-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#999}.op-detail-header{padding:16px 24px;background:#fff;border-bottom:1px solid #e0e4e8;display:flex;justify-content:space-between;align-items:center}.op-detail-header h3{font-size:16px;margin-bottom:4px}.op-detail-contact{font-size:14px;color:#0673a5}.op-reason{padding:12px 24px;background:#fff8e1;font-size:13px;border-bottom:1px solid #f0e4c0}.op-chat-history{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.op-chat-msg{padding:10px 14px;border-radius:10px;max-width:80%;font-size:13px;line-height:1.5}.op-chat-user{background:#fff;border:1px solid #e0e4e8;align-self:flex-start}.op-chat-assistant{background:#e8f4fd;align-self:flex-end}.op-chat-role{font-size:11px;font-weight:600;color:#999;display:block;margin-bottom:4px}.op-chat-msg p{margin:0;white-space:pre-wrap}.op-reply-area{padding:16px 24px;background:#fff;border-top:1px solid #e0e4e8}.op-reply-area textarea{width:100%;padding:12px;border:1px solid #e0e4e8;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;outline:none;margin-bottom:10px}.op-reply-area textarea:focus{border-color:#0673a5}.op-reply-actions{display:flex;justify-content:space-between;align-items:center}.op-reply-actions label{font-size:13px;display:flex;align-items:center;gap:6px;color:#555;cursor:pointer}.op-notes{padding:12px 24px;background:#f0f0f0;font-size:13px;border-top:1px solid #e0e4e8}.op-notes strong{display:block;margin-bottom:4px}.widget-toggle{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;font-size:24px;box-shadow:0 4px 20px #6366f159;z-index:10000;transition:all .3s var(--ease-spring);display:flex;align-items:center;justify-content:center}.widget-toggle:hover{transform:scale(1.08);box-shadow:0 6px 28px #6366f173}.widget-toggle-open{background:var(--gray-700);border-radius:var(--radius);font-size:18px;box-shadow:0 4px 16px #0003}.widget-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid white}.widget-window{position:fixed;bottom:92px;right:24px;width:380px;height:540px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:10000;display:flex;flex-direction:column;overflow:hidden;animation:widgetIn .35s var(--ease-spring);border:1px solid var(--border-light)}@keyframes widgetIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.widget-header{background:var(--bg-white);color:var(--text);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;border-bottom:1px solid var(--border)}.widget-header-left{display:flex;align-items:center;gap:10px}.widget-header-meta{display:flex;flex-direction:column;gap:2px}.widget-llm-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--accent-subtle);border:1px solid var(--accent-light);color:var(--accent-dark);font-size:10px;font-weight:600}.widget-header-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),var(--accent-dark));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.widget-header button{background:none;border:none;color:var(--text-light);font-size:18px;width:28px;height:28px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:all .15s var(--ease)}.widget-header button:hover{background:var(--gray-100);color:var(--text)}.widget-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--gray-50)}.widget-msg{max-width:85%;padding:10px 14px;border-radius:var(--radius-lg);font-size:13px;line-height:1.55;animation:msgIn .3s var(--ease) both}@keyframes msgIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.widget-msg-assistant{background:var(--bg-white);align-self:flex-start;border-bottom-left-radius:var(--radius-xs);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);color:var(--text)}.widget-msg-user{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:var(--radius-xs);box-shadow:0 2px 8px #6366f133}.widget-msg p{margin:0 0 6px}.widget-msg p:last-child{margin-bottom:0}.widget-msg ol,.widget-msg ul{padding-left:18px;margin:4px 0}.widget-yt-link{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:12px;color:var(--accent);transition:color .15s}.widget-yt-link:hover{color:var(--accent-dark)}.widget-images{display:flex;flex-direction:column;gap:8px;margin-top:8px}.widget-chat-image{max-width:100%;border-radius:var(--radius-xs);cursor:pointer;transition:opacity .15s}.widget-chat-image:hover{opacity:.85}.widget-escalation-btn{display:block;margin-top:8px;background:var(--accent-subtle);color:var(--accent-dark);border:1px solid var(--accent-light);padding:6px 12px;border-radius:var(--radius-xs);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s var(--ease)}.widget-escalation-btn:hover{background:var(--accent-light)}.widget-typing{display:flex;align-items:center;gap:4px;padding:12px 16px!important}.widget-typing span{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:think 1.4s infinite ease-in-out}.widget-typing span:nth-child(1){animation-delay:0s}.widget-typing span:nth-child(2){animation-delay:.16s}.widget-typing span:nth-child(3){animation-delay:.32s}@keyframes think{0%,80%,to{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}.widget-input{padding:12px;border-top:1px solid var(--border);display:flex;gap:8px;background:var(--bg-white)}.widget-input input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:var(--font-sans);outline:none;background:var(--gray-50);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s}.widget-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);background:var(--bg-white)}.widget-input button{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;border:none;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);box-shadow:0 1px 3px #6366f133}.widget-input button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.widget-input button:disabled{opacity:.35;background:var(--gray-300);box-shadow:none}@media(max-width:440px){.widget-window{width:calc(100vw - 16px);height:calc(100vh - 120px);right:8px;bottom:80px;border-radius:var(--radius-lg)}}.widget-clarification{display:flex;flex-direction:column;gap:5px;margin-top:8px}.widget-topic-btn{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-white);cursor:pointer;text-align:left;font-size:12px;line-height:1.4;transition:all .2s var(--ease);color:var(--text)}.widget-topic-btn:hover:not(:disabled){background:var(--accent-subtle);border-color:var(--accent);color:var(--accent-dark)}.widget-topic-btn:disabled{opacity:.5;cursor:not-allowed}.widget-topic-btn--other{background:transparent;border-style:dashed;color:var(--text-light);font-size:11px}:root{--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--gray-950: #09090b;--accent: #6366f1;--accent-light: #e0e7ff;--accent-dark: #4338ca;--accent-subtle: rgba(99, 102, 241, .08);--primary: var(--accent);--primary-light: var(--accent-light);--primary-dark: var(--accent-dark);--bg: var(--gray-50);--bg-white: #ffffff;--bg-elevated: #ffffff;--text: var(--gray-900);--text-secondary: var(--gray-500);--text-light: var(--gray-400);--border: var(--gray-200);--border-light: var(--gray-100);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .1);--radius-xs: 6px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 12px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--gray-300);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--gray-400)}