.chat{position:relative;height:100vh;display:flex;flex-direction:column;background:#fbfbfe;overflow:hidden}.chat-glow{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;z-index:0;background:radial-gradient(480px 380px at 24% 22%,rgba(251,191,137,.28),transparent 70%),radial-gradient(520px 420px at 70% 30%,rgba(129,140,248,.24),transparent 70%),radial-gradient(460px 380px at 45% 55%,rgba(110,231,183,.22),transparent 70%),radial-gradient(600px 480px at 78% 70%,rgba(196,181,253,.22),transparent 70%);filter:blur(10px);animation:glowDrift 22s ease-in-out infinite alternate}@keyframes glowDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-2%,1.5%,0) scale(1.06)}}@media(prefers-reduced-motion:reduce){.chat-glow{animation:none}}.chat-topbar{position:relative;z-index:1;padding:1.1rem 1.5rem}.brand-mark{display:inline-block;width:max-content;font-weight:600;letter-spacing:-.03em;color:var(--text);view-transition-name:brand-mark}.brand-mark i{font-style:normal;color:#34d399}.brand-mark--sm{font-size:1rem}.brand-mark--lg{font-size:1.9rem}.chat--hero{justify-content:center}.hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:0 1.5rem 4rem}.hero-mark{display:flex;justify-content:center;animation:heroIn .55s cubic-bezier(.16,1,.3,1) both}.hero-heading{margin:0;font-size:clamp(1.9rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:#312e81;text-align:center;animation:heroIn .55s cubic-bezier(.16,1,.3,1) .06s both}.hero-input{width:min(640px,90vw);margin-top:1.25rem;animation:heroIn .55s cubic-bezier(.16,1,.3,1) .12s both}@keyframes heroIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-inputbox{display:flex;align-items:center;gap:.6rem;width:100%;background:#fff;border-radius:22px;padding:.35rem .4rem .35rem 1.35rem;box-shadow:0 2px 8px #1e145a0f,0 0 0 1px #1e145a0d;view-transition-name:composer}.chat-inputbox input{flex:1;border:none;outline:none;background:transparent;font-size:1.02rem;padding:.85rem 0;color:var(--text)}.chat-inputbox input::placeholder{color:#a1a1b0}.chat-inputbox button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border:none;border-radius:50%;background:var(--accent-grad);color:#fff;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.chat-inputbox button:disabled{opacity:.35;cursor:default}.chat-inputbox button:not(:disabled):hover{transform:scale(1.06)}.chat-inputbox button:not(:disabled):active{transform:scale(.92)}.chat-messages{position:relative;z-index:1;flex:1;overflow-y:auto;padding:.5rem 1.5rem 1rem;display:flex;flex-direction:column;gap:1.25rem;max-width:760px;width:100%;margin:0 auto}.msg{display:flex;max-width:74%;animation:msgIn .28s cubic-bezier(.16,1,.3,1) both}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.msg,.hero-mark,.hero-heading,.hero-input{animation:none}}.msg--user{align-self:flex-end;background:#ece9f9;color:#2c2a4a;border-radius:18px;padding:.7rem 1.05rem;font-size:.96rem;line-height:1.5;white-space:pre-wrap}.msg--assistant{align-self:flex-start;align-items:flex-start;gap:.6rem;font-size:.96rem;line-height:1.6;color:#23232f}.msg-avatar{flex:none;width:24px;height:24px;border-radius:8px;background:var(--accent-grad);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:.15rem}.msg-text{flex:1;padding-top:.05rem}.msg-markdown{min-width:0}.msg-markdown>:first-child{margin-top:0}.msg-markdown>:last-child{margin-bottom:0}.msg-markdown p{margin:.55em 0}.msg-markdown h1,.msg-markdown h2,.msg-markdown h3,.msg-markdown h4{margin:.9em 0 .45em;line-height:1.3;font-weight:650}.msg-markdown h1{font-size:1.2em}.msg-markdown h2{font-size:1.1em}.msg-markdown h3{font-size:1.02em}.msg-markdown ul,.msg-markdown ol{margin:.55em 0;padding-left:1.4em}.msg-markdown li{margin:.2em 0}.msg-markdown ul{list-style:disc}.msg-markdown ol{list-style:decimal}.msg-markdown li>ul,.msg-markdown li>ol{margin:.1em 0}.msg-markdown blockquote{margin:.55em 0;padding:.1em .9em;border-left:3px solid #d7d3ee;color:#55546b}.msg-markdown code{font-size:.88em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f0eff7;border-radius:4px;padding:.12em .32em;word-break:break-word}.msg-markdown pre{margin:.7em 0;padding:.75em .95em;background:#f4f3f9;border-radius:10px;overflow-x:auto;line-height:1.45}.msg-markdown pre code{background:none;padding:0;font-size:.85em;word-break:normal}.msg-markdown a{color:#6d28d9;text-decoration:underline;text-underline-offset:2px}.msg-markdown table{border-collapse:collapse;margin:.7em 0;font-size:.92em}.msg-markdown th,.msg-markdown td{border:1px solid #dcd9ef;padding:.4em .65em;text-align:left}.msg-markdown th{background:#f2f0fa;font-weight:600}.chat-error{color:#b91c1c;font-size:.85rem}.typing-dots{display:inline-flex;align-items:center;gap:4px;height:1.4em}.typing-dots span{width:6px;height:6px;border-radius:50%;background:#b3b3c0;animation:typingBounce 1.1s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.chat-dock{position:relative;z-index:1;width:100%;max-width:760px;margin:0 auto;padding:0 1.5rem 1.5rem}.chat-disclaimer{margin:.7rem 0 0;text-align:center;font-size:.76rem;color:#9d9da8}::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-group(composer){animation-duration:.6s}.chat-composer{width:100%}.chat-attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.chat-attachment{position:relative;display:flex;align-items:center;background:#fff;border:1px solid rgba(30,20,90,.08);border-radius:12px;padding:.25rem;box-shadow:0 1px 4px #1e145a0f}.chat-attachment img{width:52px;height:52px;border-radius:8px;object-fit:cover}.chat-attachment-name{max-width:140px;padding:0 .5rem;font-size:.8rem;color:#23232f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment button{border:none;background:transparent;color:#9d9da8;cursor:pointer;font-size:1rem;line-height:1;padding:.25rem .35rem}.chat-inputbox .chat-attach-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border:none;border-radius:50%;background:transparent;color:#7c7c8e;cursor:pointer;transition:background .15s ease,color .15s ease}.chat-inputbox .chat-attach-btn:not(:disabled):hover{background:#1e145a0f;color:#2c2a4a}.chat-inputbox .chat-attach-btn:disabled{opacity:.35;cursor:default}.msg-attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.45rem}.msg-thumb img{display:block;width:72px;height:72px;border-radius:10px;object-fit:cover;cursor:pointer}.msg-file{display:inline-flex;align-items:center;font-size:.8rem;color:#4338ca;background:#4338ca14;border-radius:8px;padding:.3rem .55rem;text-decoration:none}.msg--user{max-width:82%}.chat-topbar--ticket{display:flex;align-items:center;justify-content:space-between;gap:1rem}.chat-topbar-brand{text-decoration:none;color:inherit}.ticket-chip{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;color:#312e81;background:#ffffffbf;border:1px solid rgba(30,20,90,.12);border-radius:99px;padding:.35rem .9rem;box-shadow:0 1px 6px #1e145a12;animation:ticketIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes ticketIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.ticket-chip{animation:none}}.ticket-chip-num{white-space:nowrap}.ticket-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:99px;text-transform:capitalize;white-space:nowrap}.ticket-badge--open{background:#eab3082e;color:#eab308}.ticket-badge--in_progress{background:#3b82f62e;color:#60a5fa}.ticket-badge--closed{background:#94a3b82e;color:#94a3b8}.ticket-summary{position:relative;z-index:1;max-width:760px;width:100%;margin:0 auto .25rem;padding:0 1.5rem;font-size:.88rem;color:#7c7c8e}.msg-role{display:inline-block;font-size:.72rem;font-weight:600;color:#a1a1b0;margin-bottom:.2rem;letter-spacing:.01em}.ticket-state{position:relative;z-index:1;margin:auto;max-width:480px;padding:0 1.5rem;text-align:center;color:#7c7c8e}.ticket-state h2{margin:0 0 .4rem;color:var(--text)}.ticket-state a{color:var(--accent);text-decoration:none;font-weight:600}.admin{display:flex;min-height:100vh}.admin-sidebar{width:224px;flex-shrink:0;background:linear-gradient(180deg,var(--sidebar-from),var(--sidebar-to));color:#cbd5e1;display:flex;flex-direction:column;padding:1rem .75rem}.admin-brand{font-size:1.05rem;font-weight:700;color:#fff;padding:.25rem .75rem 1.25rem;letter-spacing:.01em}.admin-brand span{color:#818cf8}.admin-nav{display:flex;flex-direction:column;gap:.25rem}.admin-nav a{color:#cbd5e1;text-decoration:none;padding:.55rem .75rem;border-radius:8px;font-size:.92rem}.admin-nav a:hover{background:#ffffff0f}.admin-nav a.active{background:#6366f140;color:#fff}.admin-user{margin-top:auto;padding:.75rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.5rem;font-size:.8rem;color:#94a3b8;word-break:break-all}.admin-user button{background:none;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;padding:.4rem;border-radius:6px;cursor:pointer;font-size:.8rem}.admin-user button:hover{background:#ffffff0f}.admin-main{flex:1;min-width:0;display:flex}.admin-topbar{display:none}.admin-hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;border:none;border-radius:8px;background:transparent;cursor:pointer}.admin-hamburger span{display:block;width:20px;height:2px;margin:0 auto;background:currentColor;border-radius:1px}.admin-overlay{display:none}@media(prefers-reduced-motion:reduce){.admin-sidebar{transition:none}}.kb-error,.staff-login-error{color:#b91c1c}.ticket-loading{padding:1rem;color:var(--muted)}.staff-login{max-width:380px;margin:10vh auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:2.5rem 2rem;text-align:center}.staff-login h1{margin:0 0 1.5rem;font-size:1.4rem}.staff-login button{width:100%;padding:.75rem;border:none;border-radius:10px;background:var(--accent-grad);color:#fff;font-weight:600;cursor:pointer}.staff-login button:disabled{opacity:.6}.kb-list,.kb-editor{width:100%;max-width:880px;margin:0 auto;padding:1.75rem}.kb-toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.kb-toolbar input{flex:1;padding:.6rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);outline:none}.kb-toolbar input:focus{border-color:var(--accent)}.kb-new{text-decoration:none;padding:.6rem 1rem;background:var(--accent-grad);color:#fff;border-radius:10px;font-weight:600;font-size:.9rem;white-space:nowrap}.kb-new:disabled{opacity:.6}.kb-rows{list-style:none;padding:0;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.kb-rows li{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid #f1f2f4}.kb-rows li:last-child{border-bottom:none}.kb-title{flex:1;font-weight:600;text-decoration:none;color:var(--text)}.kb-title:hover{color:var(--accent)}.kb-tags{color:var(--muted);font-size:.8rem}.kb-delete{background:none;border:none;color:#b91c1c;cursor:pointer;font-size:.8rem;opacity:.7}.kb-delete:hover{opacity:1}.kb-empty{color:var(--muted)}.kb-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:1.75rem}.kb-editor h2{margin-top:0}.kb-editor label{display:block;margin-bottom:1rem;font-weight:600;font-size:.9rem}.kb-editor input,.kb-editor textarea{width:100%;padding:.6rem .8rem;border:1px solid var(--border);border-radius:8px;margin-top:.3rem;font-weight:400}.kb-editor input:focus,.kb-editor textarea:focus{outline:none;border-color:var(--accent)}.kb-actions{display:flex;gap:.6rem}.kb-actions button{padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-weight:600}.kb-actions button[type=submit]{background:var(--accent-grad);color:#fff}.kb-actions button[type=button]{background:none;border:1px solid var(--border);color:var(--muted)}.kb-actions button:disabled{opacity:.6}.token-intro{color:var(--muted);font-size:.9rem;margin-top:-.25rem;margin-bottom:1.25rem;max-width:60ch}.token-reveal{background:#fff7e6;border:1px solid #f0c36d;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.25rem}.token-reveal-warning{margin:0 0 .6rem;font-weight:600;color:#92620a}.token-reveal-value{display:flex;align-items:center;gap:.75rem}.token-reveal-value code{flex:1;overflow-x:auto;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:.85rem;white-space:nowrap}.token-reveal-value button{padding:.5rem .9rem;border:none;border-radius:8px;background:var(--accent-grad);color:#fff;font-weight:600;cursor:pointer;white-space:nowrap}.token-reveal-done{margin-top:.75rem;background:none;border:1px solid var(--border);color:var(--muted);padding:.4rem .9rem;border-radius:8px;cursor:pointer}.ticket-split{display:flex;width:100%;min-height:100vh}.ticket-list{width:360px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.ticket-toolbar{padding:.9rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem}.ticket-toolbar input{width:100%;padding:.55rem .8rem;border:1px solid var(--border);border-radius:8px;outline:none;font-size:.85rem}.ticket-toolbar input:focus{border-color:var(--accent)}.ticket-filters{display:flex;gap:.4rem}.ticket-filter{padding:.35rem .7rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted);cursor:pointer;font-size:.78rem}.ticket-filter--active{background:var(--accent);border-color:var(--accent);color:#fff}.ticket-rows{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.ticket-row{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem .9rem;text-decoration:none;color:inherit;border-bottom:1px solid #f1f2f4}.ticket-row:hover{background:#f7f8fa}.ticket-row--selected{background:#eef2ff}.ticket-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-grad);color:#fff;font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ticket-row-main{flex:1;min-width:0}.ticket-row-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ticket-number{font-weight:700;font-size:.85rem}.ticket-summary{display:block;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-contact{display:block;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-badge{padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:capitalize;flex-shrink:0}.ticket-badge--open{background:#fef3c7;color:#92400e}.ticket-badge--in_progress{background:#e0e7ff;color:#3730a3}.ticket-badge--closed{background:#d1fae5;color:#065f46}.ticket-empty{padding:1rem;color:var(--muted);font-size:.85rem}.ticket-detail-col{flex:1;min-width:0;background:var(--bg);overflow-y:auto}.ticket-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:.95rem}.ticket-detail{max-width:760px;margin:0 auto;padding:1.5rem 2rem 2.5rem}.ticket-detail-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.ticket-detail-header h2{margin:0;font-size:1.3rem}.ticket-detail-header select{padding:.4rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.8rem;cursor:pointer}.ticket-close{margin-left:auto;text-decoration:none;color:var(--muted);font-size:.85rem;padding:.35rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.ticket-close:hover{color:var(--text)}.ticket-meta{color:var(--muted);font-size:.82rem;margin:.35rem 0}.ticket-detail-summary{font-size:.95rem;margin:.25rem 0 1rem}.ticket-thread{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.ticket-msg,.ticket-note{padding:.7rem 1rem;border-radius:12px;max-width:82%;white-space:pre-wrap}.ticket-msg p,.ticket-note p{margin:.2rem 0;font-size:.92rem;line-height:1.45}.ticket-msg-label{font-size:.72rem;font-weight:600;text-transform:capitalize;color:var(--muted)}.ticket-msg-ts{font-size:.68rem;color:#9ca3af}.ticket-msg--user{align-self:flex-start;background:var(--surface);border:1px solid var(--border)}.ticket-msg--assistant{align-self:flex-start;background:#eef2ff;border:1px solid #e0e7ff}.ticket-msg--staff{align-self:flex-end;background:var(--accent-grad);color:#fff;border:none}.ticket-msg--staff .ticket-msg-label,.ticket-msg--staff .ticket-msg-ts{color:#ffffffbf}.ticket-note{align-self:stretch;max-width:none;background:#fffbeb;border:1px solid #fde68a}.ticket-compose{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;display:flex;flex-direction:column;gap:1.1rem}.compose-block{display:flex;flex-direction:column;gap:.45rem}.compose-block label{font-weight:600;font-size:.85rem}.compose-block textarea{padding:.6rem .8rem;border:1px solid var(--border);border-radius:8px;resize:vertical;min-height:3.2rem}.compose-block textarea:focus{outline:none;border-color:var(--accent)}.compose-block button{align-self:flex-start;padding:.55rem 1.1rem;border:none;border-radius:8px;background:var(--accent-grad);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer}.compose-block button:disabled{opacity:.5}.ticket-delivery-note{margin:0;color:#92400e;font-size:.75rem}.ticket-msg-attachments{display:flex;flex-wrap:wrap;gap:.6rem;margin:.6rem 0}.ticket-attachment-image img{display:block;width:96px;height:96px;border-radius:10px;object-fit:cover;border:1px solid rgba(30,20,90,.08)}.ticket-attachment-link{display:inline-flex;align-items:center;font-size:.82rem;color:#4338ca;background:#4338ca14;border-radius:8px;padding:.35rem .6rem;text-decoration:none}@media(max-width:768px){.admin{flex-direction:column}.admin-topbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(180deg,var(--sidebar-from),var(--sidebar-to));color:#fff;position:sticky;top:0;z-index:45}.admin-topbar-brand{font-weight:700;letter-spacing:.01em}.admin-topbar-brand span{color:#818cf8}.admin-hamburger{color:#fff}.admin-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:40}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:min(260px,80vw);z-index:50;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px #00000040}.admin-sidebar--open{transform:translate(0)}.admin-sidebar .admin-brand{display:none}.admin-main{width:100%}.admin-nav a{padding:.8rem .9rem;font-size:1rem}.ticket-split{flex-direction:column;min-height:0;width:100%}.ticket-list,.ticket-detail-col{width:100%}.ticket-split:not(.ticket-split--detail) .ticket-detail-col{display:none}.ticket-split--detail .ticket-list{display:none}.kb-list,.kb-editor{padding:1.1rem}.ticket-detail{padding:1.1rem 1.1rem 2rem}.staff-login{margin:6vh auto;padding:2rem 1.25rem}.kb-rows li{flex-wrap:wrap;gap:.4rem 1rem}.kb-title{flex-basis:100%}.kb-delete{padding:.35rem .5rem;margin-left:auto}.kb-toolbar{flex-wrap:wrap}.kb-toolbar input{flex-basis:100%}.ticket-toolbar input,.ticket-filter{font-size:1rem}.ticket-filter{padding:.45rem .8rem}.ticket-msg,.ticket-note{max-width:100%}}:root{--bg: #f4f5f7;--surface: #ffffff;--border: #e5e7eb;--text: #1f2937;--muted: #6b7280;--accent: #4f46e5;--accent-2: #7c3aed;--accent-grad: linear-gradient(135deg, #6366f1, #8b5cf6);--sidebar-from: #111b30;--sidebar-to: #0c1322;--radius: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent)}input,textarea,select,button{font:inherit}