@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--bg:#0d0f14;--bg2:#141720;--bg3:#1c2030;--bg4:#232840;--border:#ffffff12;--border2:#ffffff1f;--accent:#3b82f6;--accent2:#60a5fa;--accent-glow:#3b82f626;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--text:#e8ecf4;--text2:#8892a4;--text3:#4a5568;--mono:"IBM Plex Mono",monospace;--sans:"DM Sans",sans-serif;--radius:10px;--radius-lg:16px;--shadow:0 4px 24px #0006;--header-h:58px;--input-h:72px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#0d0f14;background:var(--bg);color:#e8ecf4;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--sans);overflow:hidden}.app,body{height:100vh}.app{border-left:1px solid #ffffff12;border-left:1px solid var(--border);border-right:1px solid #ffffff12;border-right:1px solid var(--border);display:flex;flex-direction:column;margin:0 auto;max-width:860px}.header{background:#141720;background:var(--bg2);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);flex-shrink:0;height:58px;height:var(--header-h);justify-content:space-between;padding:0 20px}.header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-logo{align-items:center;background:#3b82f6;background:var(--accent);border-radius:8px;box-shadow:0 0 16px #3b82f626;box-shadow:0 0 16px var(--accent-glow);color:#fff;display:flex;font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:11px;font-weight:500;height:36px;justify-content:center;letter-spacing:.5px;width:36px}.header-info{display:flex;flex-direction:column;gap:1px}.header-title{color:#e8ecf4;color:var(--text);font-size:14px;font-weight:600}.header-sub{align-items:center;color:#8892a4;color:var(--text2);display:flex;font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:11px;gap:5px}.status-dot{animation:pulse 2s infinite;background:#22c55e;background:var(--success);border-radius:50%;box-shadow:0 0 6px #22c55e;box-shadow:0 0 6px var(--success);height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.header-right{align-items:center;display:flex;gap:10px}.ticket-badge{background:#22c55e1f;border:1px solid #22c55e40;border-radius:20px;color:#22c55e;color:var(--success);font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:11px;padding:3px 9px}.btn-new{background:#0000;border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:6px;color:#8892a4;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s}.btn-new:hover{background:#1c2030;background:var(--bg3);color:#e8ecf4;color:var(--text)}.chat-area{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px 20px 12px;scrollbar-color:#232840 #0000;scrollbar-color:var(--bg4) #0000;scrollbar-width:thin}.chat-area::-webkit-scrollbar{width:4px}.chat-area::-webkit-scrollbar-thumb{background:#232840;background:var(--bg4);border-radius:2px}.msg-wrap{align-items:flex-end;animation:fadeUp .2s ease;display:flex;gap:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-agent{flex-direction:row}.msg-user{flex-direction:row-reverse}.msg-avatar{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:10px;font-weight:500;height:30px;justify-content:center;margin-bottom:4px;width:30px}.msg-agent .msg-avatar{background:#3b82f6;background:var(--accent);box-shadow:0 0 12px #3b82f626;box-shadow:0 0 12px var(--accent-glow);color:#fff}.user-avatar{background:#232840;background:var(--bg4);font-size:14px}.msg-bubble{border-radius:16px;border-radius:var(--radius-lg);max-width:72%;padding:11px 14px;position:relative}.bubble-agent{background:#141720;background:var(--bg2);border:1px solid #ffffff12;border:1px solid var(--border);border-bottom-left-radius:4px}.bubble-user{background:#3b82f6;background:var(--accent);border-bottom-right-radius:4px;color:#fff}.msg-text{font-size:13.5px;line-height:1.6}.msg-text .text-line{margin-bottom:1px}.msg-text .list-item{margin:3px 0 3px 4px}.msg-text .spacer{height:6px}.msg-text strong{color:#60a5fa;color:var(--accent2);font-weight:600}.bubble-user .msg-text strong{color:#fff}.msg-text code{background:#0003;border-radius:3px;font-size:12px;padding:1px 5px}.msg-text code,.msg-time{font-family:IBM Plex Mono,monospace;font-family:var(--mono)}.msg-time{color:#4a5568;color:var(--text3);font-size:10px;margin-top:5px;text-align:right}.bubble-user .msg-time{color:#ffffff80}.msg-system{background:#1c2030;background:var(--bg3);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;color:#8892a4;color:var(--text2);font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:12px;margin:4px auto;max-width:80%;padding:7px 14px;text-align:center}.typing-bubble{align-items:center;display:flex;gap:4px;padding:14px 16px;width:56px}.typing-bubble span{animation:bounce 1.2s infinite;background:#4a5568;background:var(--text3);border-radius:50%;height:6px;width:6px}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.quick-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:7px;padding:0 20px 12px}.quick-btn{background:#141720;background:var(--bg2);border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:20px;color:#8892a4;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:12px;font-weight:500;padding:7px 13px;transition:all .15s;white-space:nowrap}.quick-btn:hover{background:#1c2030;background:var(--bg3);border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 10px #3b82f626;box-shadow:0 0 10px var(--accent-glow);color:#e8ecf4;color:var(--text)}.escalation-banner{align-items:center;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;border-radius:var(--radius);color:#f59e0b;color:var(--warning);display:flex;flex-shrink:0;font-size:13px;gap:12px;justify-content:space-between;margin:0 20px 8px;padding:10px 16px}.btn-ticket{background:#f59e0b;background:var(--warning);border:none;border-radius:6px;color:#000;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:12px;font-weight:600;padding:6px 14px;transition:opacity .15s;white-space:nowrap}.btn-ticket:hover{opacity:.85}.input-area{background:#0d0f14;background:var(--bg);border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 20px 14px}.input-wrap{align-items:flex-end;background:#141720;background:var(--bg2);border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:8px;padding:10px 10px 10px 16px;transition:border-color .15s}.input-wrap:focus-within{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626;box-shadow:0 0 0 3px var(--accent-glow)}.input-wrap textarea{background:none;border:none;color:#e8ecf4;color:var(--text);flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:13.5px;line-height:1.5;max-height:120px;min-height:22px;outline:none;resize:none}.input-wrap textarea::placeholder{color:#4a5568;color:var(--text3)}.send-btn{align-items:center;background:#3b82f6;background:var(--accent);border:none;border-radius:8px;box-shadow:0 0 12px #3b82f626;box-shadow:0 0 12px var(--accent-glow);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s;width:36px}.send-btn:hover:not(:disabled){background:#60a5fa;background:var(--accent2);transform:scale(1.05)}.send-btn:disabled{box-shadow:none;cursor:default;opacity:.3}.send-btn svg{color:#fff;height:15px;width:15px}.btn-ticket-small{align-self:flex-start;background:#0000;border:none;color:#4a5568;color:var(--text3);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:11px;font-weight:500;padding:2px 0;transition:color .15s}.btn-ticket-small:hover{color:#f59e0b;color:var(--warning)}.setup{align-items:center;background:#0d0f14;background:var(--bg);background-image:radial-gradient(ellipse 60% 40% at 50% 0,#3b82f614 0,#0000 70%);display:flex;height:100vh;justify-content:center}.setup-card{background:#141720;background:var(--bg2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 24px #0006,0 0 60px #3b82f60f;box-shadow:var(--shadow),0 0 60px #3b82f60f;max-width:420px;padding:40px;width:100%}.setup-logo{gap:14px;margin-bottom:36px}.logo-mark,.setup-logo{align-items:center;display:flex}.logo-mark{background:#3b82f6;background:var(--accent);border-radius:12px;box-shadow:0 0 24px #3b82f626;box-shadow:0 0 24px var(--accent-glow);color:#fff;font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:14px;font-weight:500;height:48px;justify-content:center;width:48px}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-name{font-size:18px;font-weight:700;letter-spacing:-.3px}.logo-sub{color:#8892a4;color:var(--text2);font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:12px}.setup-form{gap:18px}.setup-field,.setup-form{display:flex;flex-direction:column}.setup-field{gap:7px}.setup-field label{color:#8892a4;color:var(--text2);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.setup-field input,.setup-field select{background:#1c2030;background:var(--bg3);border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius);color:#e8ecf4;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:14px;outline:none;padding:11px 14px;transition:border-color .15s}.setup-field input:focus,.setup-field select:focus{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626;box-shadow:0 0 0 3px var(--accent-glow)}.setup-field select{cursor:pointer}.setup-field input::placeholder{color:#4a5568;color:var(--text3)}.btn-start{background:#3b82f6;background:var(--accent);border:none;border-radius:10px;border-radius:var(--radius);box-shadow:0 0 24px #3b82f626;box-shadow:0 0 24px var(--accent-glow);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:14px;font-weight:600;margin-top:8px;padding:13px;transition:all .15s;width:100%}.btn-start:hover:not(:disabled){background:#60a5fa;background:var(--accent2);transform:translateY(-1px)}.btn-start:disabled{box-shadow:none;cursor:default;opacity:.3;transform:none}.setup-hint{color:#4a5568;color:var(--text3);font-size:11.5px;line-height:1.6;margin-top:24px;text-align:center}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .2s ease;background:#141720;background:var(--bg2);border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:20px;box-shadow:0 4px 24px #0006;box-shadow:var(--shadow);margin:20px;max-width:460px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:20px 20px 18px}.modal-icon{font-size:24px}.modal-header h3{font-size:15px;font-weight:600}.modal-header p{font-family:IBM Plex Mono,monospace;font-family:var(--mono);font-size:12px}.modal-close,.modal-header p{color:#8892a4;color:var(--text2)}.modal-close{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;margin-left:auto;padding:4px;transition:color .15s}.modal-close:hover{color:#e8ecf4;color:var(--text)}.modal-form{gap:14px;padding:20px}.form-row,.modal-form{display:flex;flex-direction:column}.form-row{gap:6px}.form-row label{color:#8892a4;color:var(--text2);font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase}.form-row input,.form-row textarea{background:#1c2030;background:var(--bg3);border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius);color:#e8ecf4;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:13.5px;outline:none;padding:9px 12px;resize:vertical;transition:border-color .15s}.form-row input:focus,.form-row textarea:focus{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626;box-shadow:0 0 0 3px var(--accent-glow)}.form-row input::placeholder,.form-row textarea::placeholder{color:#4a5568;color:var(--text3)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.btn-primary{background:#3b82f6;background:var(--accent);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:13px;font-weight:600;padding:9px 20px;transition:all .15s}.btn-primary:hover:not(:disabled){background:#60a5fa;background:var(--accent2)}.btn-primary:disabled{cursor:default;opacity:.5}.btn-secondary{background:#0000;border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius);color:#8892a4;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--sans);font-size:13px;font-weight:500;padding:9px 20px;transition:all .15s}.btn-secondary:hover{background:#1c2030;background:var(--bg3);color:#e8ecf4;color:var(--text)}@media (max-width:600px){.app{border:none;max-width:100%}.msg-bubble{max-width:85%}.quick-actions{padding:0 12px 10px}.chat-area,.input-area{padding-left:12px;padding-right:12px}.header{padding:0 12px}.escalation-banner{align-items:flex-start;flex-direction:column;margin:0 12px 8px}}
/*# sourceMappingURL=main.23cdec50.css.map*/