.app-footer{text-align:center;color:#4b5563;box-sizing:border-box;background:0 0;width:100%;padding:14px 10px;font-size:13px;line-height:1.4}.admin-chat-page{background:#eef3f8;flex-direction:column;gap:8px;min-height:100vh;padding:18px;display:flex}.admin-chat-container{background:#fff;border:1px solid #dce5ef;border-radius:8px;flex:1;grid-template-columns:360px minmax(0,1fr);min-height:calc(100vh - 82px);display:grid;overflow:hidden;box-shadow:0 20px 50px #1720331f}.admin-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;min-height:0;display:flex}.admin-sidebar-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex}.admin-sidebar-header h2{color:#172033;margin-top:8px;font-size:22px;font-weight:850}.sound-toggle,.admin-public-link,.admin-logout-btn{border-radius:8px;min-height:38px;padding:0 13px;font-size:13px;font-weight:850;text-decoration:none}.sound-toggle{color:#17605b;background:#f4fbf8;border:1px solid #cfe0dc}.admin-kpis{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.admin-kpis div{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.admin-kpis strong{color:#17605b;font-size:22px;font-weight:850;display:block}.admin-kpis span{color:#64748b;font-size:12px;font-weight:700}.admin-search{background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;grid-template-columns:1fr;gap:8px;padding:12px;display:grid}.admin-search input{color:#172033;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:38px;padding:0 10px}.admin-search input:focus{border-color:#17605b;box-shadow:0 0 0 3px #17605b1f}.admin-search-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-search-actions button{color:#fff;background:#17605b;border:none;border-radius:8px;min-height:36px;font-size:13px;font-weight:850}.admin-search-actions button.secondary{color:#172033;background:#fff;border:1px solid #cbd5e1}.conversation-list{flex:1;min-height:0;overflow-y:auto}.conversation-item{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf2f7;padding:14px 16px;transition:background-color .2s,border-color .2s;display:block}.conversation-item:hover{background:#eef8f5}.conversation-item.active{background:#e7f3ef;box-shadow:inset 4px 0 #17605b}.conversation-item.highlight{background:#fff7ed;animation:1.2s ease-in-out 2 pulseHighlight}@keyframes pulseHighlight{0%,to{background:#fff7ed}50%{background:#fed7aa}}.conversation-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.conversation-actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.delete-conversation-btn{color:#b42318;background:#fff1f0;border:1px solid #fecaca;border-radius:8px;min-height:26px;padding:0 8px;font-size:11px;font-weight:850}.delete-conversation-btn:hover{background:#fee4e2}.conversation-top strong{color:#172033;font-size:15px;font-weight:850}.conversation-session,.conversation-meta,.conversation-last-message{color:#64748b;font-size:12px}.conversation-session{word-break:break-all;margin-bottom:5px}.conversation-last-message{color:#344054;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;overflow:hidden}.new-badge{color:#fff;background:#f97316;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:850;display:inline-flex}.admin-chat-detail{background:#f7f9fc;flex-direction:column;min-width:0;min-height:0;display:flex}.admin-detail-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:18px 20px}.admin-detail-header-content{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-detail-header h2{color:#172033;font-size:22px;font-weight:850}.admin-detail-header p{color:#64748b;font-size:13px}.admin-actions{gap:10px;display:flex}.admin-public-link{color:#172033;background:#fff;border:1px solid #cbd5e1;align-items:center;display:inline-flex}.admin-logout-btn{color:#fff;background:#b42318;border:none}.admin-messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:22px;display:flex;overflow-y:auto}.admin-message{word-break:break-word;border-radius:8px;max-width:min(74%,640px);padding:12px 14px;box-shadow:0 8px 18px #17203312}.admin-message.user{color:#fff;background:#17605b;align-self:flex-end}.admin-message.bot{color:#172033;background:#fff;border:1px solid #e3e9f2;align-self:flex-start}.admin-message-sender{opacity:.8;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:850}.admin-message-text{white-space:pre-line;flex-direction:column;gap:10px;font-size:15px;line-height:1.5;display:flex}.admin-attachment-link{color:#17605b;background:#e7f3ef;border-radius:8px;width:fit-content;padding:8px 12px;font-weight:850;text-decoration:none}.admin-attachment-link:hover{background:#d8ebe5}.demo-modal-backdrop{z-index:50;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.demo-modal{background:#fff;border:1px solid #dce5ef;border-radius:8px;width:min(440px,100%);padding:24px;box-shadow:0 24px 70px #0f172a47}.demo-modal-pill{color:#17605b;text-transform:uppercase;background:#f4fbf8;border:1px solid #cfe0dc;border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:850;display:inline-flex}.demo-modal h3{color:#172033;margin-top:14px;font-size:24px;font-weight:850}.demo-modal p{color:#475569;margin-top:10px;font-size:15px;line-height:1.55}.demo-modal button{color:#fff;background:#17605b;border:none;border-radius:8px;width:100%;min-height:42px;margin-top:20px;font-weight:850}.admin-message-time{opacity:.66;margin-top:7px;font-size:11px}.admin-loading,.admin-empty{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;margin:14px;padding:16px;line-height:1.45}.admin-empty.detail{text-align:center;max-width:420px;margin:auto}.conversation-list::-webkit-scrollbar{width:8px}.admin-messages::-webkit-scrollbar{width:8px}.conversation-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.admin-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}@media (width<=768px){.admin-chat-page{padding:8px}.admin-chat-container{grid-template-columns:1fr}.admin-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;max-height:360px}.admin-detail-header-content,.admin-actions{flex-direction:column;align-items:stretch}.admin-message{max-width:92%}}.admin-login-page{background-color:#0000;background-image:linear-gradient(120deg,#f7f9fceb,#e8f3eff0),url(https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:calc(100vh - 45px);padding:20px;display:flex}.admin-login-card{background:#fffffff2;border:1px solid #dde6f0;border-radius:8px;width:min(440px,100%);overflow:hidden;box-shadow:0 24px 60px #1720332e}.admin-login-header{flex-direction:column;gap:10px;padding:28px 26px 18px;display:flex}.admin-login-header h1{color:#172033;font-size:26px;font-weight:850;line-height:1.15}.admin-login-header p{color:#58667a;font-size:14px;line-height:1.45}.admin-login-form{padding:0 26px 28px}.admin-form-group{margin-bottom:16px}.admin-form-group label{color:#344054;margin-bottom:7px;font-size:13px;font-weight:800;display:block}.admin-form-group input{color:#172033;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:46px;padding:0 14px}.admin-form-group input:focus{border-color:#17605b;box-shadow:0 0 0 3px #17605b1f}.admin-login-error{color:#b42318;background:#fff1f0;border-radius:8px;margin-bottom:14px;padding:12px 14px;font-size:14px;line-height:1.35}.admin-login-btn{color:#fff;background:#17605b;border:none;border-radius:8px;width:100%;height:46px;font-weight:850}.admin-login-btn:hover:not(:disabled){background:#124d49}*{box-sizing:border-box;margin:0;padding:0}body{color:#172033;background:#f4f7fb;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.65}#app{min-height:100vh}.brand-pill{color:#17605b;letter-spacing:0;text-transform:uppercase;background:#fff;border:1px solid #d9e4f2;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.chat-page{background-color:#0000;background-image:linear-gradient(120deg,#f4f7fbf0,#ecf4f1e6),url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:calc(100vh - 45px);padding:28px;display:flex}.chat-shell{grid-template-columns:minmax(320px,.9fr) minmax(360px,1fr);align-items:center;gap:28px;width:min(1180px,100%);display:grid}.chat-intro{color:#101828}.chat-intro h1{max-width:650px;margin-top:16px;font-size:clamp(34px,5vw,64px);font-weight:850;line-height:1}.chat-intro p{color:#3b4960;max-width:620px;margin-top:18px;font-size:18px;line-height:1.6}.intro-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.intro-stats div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border:1px solid #dee5eee6;border-radius:8px;padding:16px}.intro-stats strong{color:#17605b;font-size:24px;font-weight:850;display:block}.intro-stats span{color:#58667a;font-size:13px;line-height:1.35;display:block}.demo-notice{color:#293548;background:#ffffffe0;border-left:4px solid #17605b;border-radius:8px;flex-direction:column;gap:3px;width:min(520px,100%);margin-top:18px;padding:14px 16px;display:flex}.demo-notice strong{font-weight:800}.demo-notice span{font-size:14px}.demo-notice.expired{color:#7a271a;background:#fff1f0;border-left-color:#b42318}.admin-link{color:#fff;background:#172033;border-radius:8px;justify-content:center;align-items:center;min-height:44px;margin-top:20px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.chat-card{background:#fff;border:1px solid #dee5eef2;border-radius:8px;flex-direction:column;width:100%;height:min(760px,100vh - 86px);min-height:620px;display:flex;overflow:hidden;box-shadow:0 24px 60px #1720332e}.chat-header{color:#fff;background:#172033;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.chat-header h2{font-size:22px;font-weight:850}.chat-header p{color:#c9d4e5;font-size:13px}.ghost-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff47;border-radius:8px;min-width:72px;min-height:38px;font-weight:800}.chat-messages{background:#f7f9fc;flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px;display:flex;overflow-y:auto}.message{color:#111827;word-break:break-word;border-radius:8px;flex-direction:column;gap:7px;max-width:min(78%,520px);padding:13px 15px;line-height:1.45;display:flex;box-shadow:0 8px 18px #17203312}.message.user{color:#fff;background:#17605b;align-self:flex-end}.message.bot{background:#fff;border:1px solid #e3e9f2;align-self:flex-start}.message small{color:inherit;opacity:.68;font-size:11px}.message-highlight{color:#172033;background:#fff3b0;border-radius:6px;padding:1px 5px;font-weight:900;display:inline}.typing{flex-direction:row;align-items:center;width:fit-content}.typing i{background:#64748b;border-radius:999px;width:6px;height:6px;animation:1s ease-in-out infinite typingPulse}.typing i:nth-child(3){animation-delay:.15s}.typing i:nth-child(4){animation-delay:.3s}@keyframes typingPulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.quick-options{background:#fff;border-top:1px solid #e6ecf4;flex-wrap:wrap;gap:10px;padding:14px 16px 0;display:flex}.option-btn{color:#17605b;background:#f4fbf8;border:1px solid #cfe0dc;border-radius:999px;min-height:38px;padding:0 14px;font-size:13px;font-weight:800;transition:background .2s,border-color .2s,transform .2s}.option-btn:hover{background:#e9f6f2;border-color:#17605b;transform:translateY(-1px)}.chat-input-area{background:#fff;border-top:1px solid #e6ecf4;grid-template-columns:46px 1fr 52px;align-items:center;gap:8px;padding:16px;display:grid}.chat-input-area input,.chat-input-area select{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-width:0;height:46px;padding:0 14px}.chat-input-area input:focus,.chat-input-area select:focus{border-color:#17605b;box-shadow:0 0 0 3px #17605b1f}.hidden-file-input{display:none}.attach-btn,.send-circle-btn{border:none;border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:850;display:inline-flex}.attach-btn{color:#17605b;background:#f4fbf8;border:1px solid #cfe0dc;font-size:20px}.send-circle-btn{color:#fff;background:#85c400;font-size:18px}.send-circle-btn:hover:not(:disabled){background:#6fac00}.attach-btn:hover:not(:disabled){background:#e9f6f2}.chat-input-area button:not(.attach-btn):not(.send-circle-btn){color:#fff;background:#17605b;border:none;border-radius:8px;min-width:96px;height:46px;font-weight:850}.chat-input-area button:not(.attach-btn):not(.send-circle-btn):hover:not(:disabled){background:#124d49}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}@media (width<=900px){.chat-page{align-items:stretch;padding:14px}.chat-shell{grid-template-columns:1fr;gap:16px}.chat-intro h1{font-size:36px}.chat-card{height:72vh;min-height:560px}}@media (width<=560px){.chat-page{padding:8px}.chat-intro{display:none}.chat-card{height:calc(100vh - 54px);min-height:0}.chat-header{padding:15px}.chat-messages{padding:13px}.message{max-width:92%;font-size:14px}.quick-options{flex-wrap:nowrap;padding:12px 12px 0;overflow-x:auto}.option-btn{flex:none}.chat-input-area{grid-template-columns:42px 1fr 48px;padding:12px}.attach-btn,.send-circle-btn{width:42px;height:42px}}@media (width<=768px){.admin-chat-page{padding:10px}.admin-chat-container{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 20px)}.admin-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;min-height:260px;max-height:330px}.admin-detail-header-content{flex-direction:column;align-items:stretch}.admin-message{max-width:92%}}