:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#1f2937;background:#f4f6f8}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{border:0;background:#2563eb;color:#fff;padding:8px 14px;border-radius:5px;cursor:pointer;font:inherit}button.secondary{background:#eef1f5;color:#374151}.hidden{display:none!important}header{height:60px;background:#111827;color:#fff;display:flex;align-items:center;padding:0 24px;gap:24px}.brand{font-size:18px;font-weight:700}header nav{height:100%;display:flex}.nav{border-radius:0;background:transparent;color:#9ca3af;border-bottom:2px solid transparent}.nav.active{color:#fff;border-bottom-color:#3b82f6}header #health{margin-left:auto;font-size:12px;color:#9ca3af}.view{height:calc(100vh - 60px)}#chat-view{display:grid;grid-template-columns:320px 1fr}aside{background:#fff;border-right:1px solid #e5e7eb;overflow:auto}.aside-head{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}#conversations>div{padding:14px 16px;border-bottom:1px solid #f0f1f3;cursor:pointer;display:flex;gap:11px;align-items:flex-start}#conversations>div.active{background:#eff6ff;border-left:3px solid #2563eb}#conversations>div.needs-reply{background:#e5edf9}#conversations>div.needs-reply.active{background:#d9e8fb}.conversation-body{min-width:0;flex:1}.avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--avatar-hue) 55% 88%);color:hsl(var(--avatar-hue) 55% 30%);font-size:12px;font-weight:700}.name{font-size:13px;color:#2563eb}.openid,.preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview{font-size:13px;margin-top:6px}.time{font-size:11px;color:#9ca3af;float:right}.unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;margin-left:6px;vertical-align:middle}.unread-dot.hidden{display:none}section{display:flex;flex-direction:column;min-width:0}.conversation-head{height:52px;padding:0 20px;color:#6b7280;border-bottom:1px solid #e5e7eb;display:flex;align-items:center}.back-button{display:none;background:transparent;color:#111827;font-size:32px;padding:0 12px 0 0}.msg-list{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column}.bubble{max-width:70%;padding:10px 12px;margin:8px 0;border-radius:7px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.in{background:#fff;align-self:flex-start}.out{background:#dbeafe;align-self:flex-end}.image-bubble{padding:7px}.image-bubble a{display:flex;flex-direction:column;gap:6px;color:#2563eb;text-decoration:none}.image-bubble img{display:block;max-width:280px;max-height:260px;border-radius:4px;object-fit:contain;background:#f3f4f6}.image-bubble span{font-size:12px}#reply{display:flex;gap:12px;padding:14px;background:#fff;border-top:1px solid #e5e7eb;min-height:238px}textarea{flex:1;height:210px;resize:none;border:1px solid #d1d5db;border-radius:5px;padding:12px;font:inherit}#reply button{height:210px;min-width:72px;align-self:auto}form button:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}#programs-view{padding:24px;overflow:auto}.page-head{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 20px}.page-head h1{font-size:22px;margin:0 0 5px}.page-head p{margin:0;color:#6b7280;font-size:13px}.table-wrap{max-width:1200px;margin:auto;background:#fff;border:1px solid #e5e7eb;border-radius:7px;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #edf0f2;font-size:13px}th{background:#f9fafb;color:#6b7280}.callback{max-width:430px;display:flex;align-items:center;gap:8px}.callback code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-ok{color:#16803b}.row-actions{display:flex;gap:8px}.danger{background:#fff0f0!important;color:#b42318!important}.overlay{position:fixed;inset:0;background:rgba(17,24,39,.48);display:flex;align-items:center;justify-content:center;z-index:10}.dialog{width:min(560px,calc(100vw - 32px));background:#fff;padding:24px;border-radius:7px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.login-box{width:380px}.dialog h2{margin:0 0 6px;font-size:19px}.dialog p{color:#6b7280;font-size:13px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.icon{background:transparent;color:#6b7280;font-size:25px;padding:0}.dialog label{display:block;font-size:13px;margin:13px 0}.dialog input{width:100%;height:40px;margin-top:6px;border:1px solid #d1d5db;border-radius:5px;padding:0 10px;font:inherit}.field-action{display:grid;grid-template-columns:1fr auto;gap:8px}.field-action button{height:40px;margin-top:6px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.error{min-height:18px;color:#b42318;font-size:13px;margin-top:8px}.login-box>button{width:100%;margin-top:8px}
@media(max-width:760px){body{background:#ededed}header{height:52px;padding:0 10px;gap:4px}.brand{font-size:15px;max-width:120px;line-height:1.2}header nav{margin-left:auto}.nav{padding:6px 10px;font-size:14px}header #health{display:none}#logout{padding:7px 9px}.view{height:calc(100dvh - 52px)}#chat-view{display:block;position:relative;overflow:hidden}#chat-view aside{height:100%;border:0;background:#fff;overflow:auto}#chat-view section{display:none;height:100%;background:#ededed}#chat-view.mobile-chat-open aside{display:none}#chat-view.mobile-chat-open section{display:flex}.aside-head{height:50px}.conversation-head{height:50px;background:#f7f7f7;color:#111827;font-weight:600;padding:0 12px}.back-button{display:block}.msg-list{padding:12px}.bubble{max-width:82%;font-size:15px}.image-bubble img{max-width:220px;max-height:220px}#reply{min-height:76px;padding:8px;gap:8px;align-items:flex-end;padding-bottom:max(8px,env(safe-area-inset-bottom))}textarea{height:58px;min-height:58px;padding:9px;border-radius:6px;background:#fff}#reply button{height:58px;min-width:64px}#programs-view{padding:12px}.table-wrap{overflow-x:auto}table{min-width:850px}.page-head h1{font-size:18px}.dialog{padding:18px}}
.welcome-dialog .dialog-head p{margin:4px 0 0}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px}.switch-row span{display:flex;flex-direction:column;gap:4px}.switch-row small,.field-note{color:#6b7280;font-weight:400}.switch-row input{width:18px!important;height:18px!important;margin:0!important;flex:0 0 18px}.welcome-dialog textarea{width:100%;height:120px;margin-top:6px;resize:vertical}.field-note{display:block;margin-top:6px;line-height:1.5}.welcome-status{display:block;margin-top:5px;color:#6b7280;font-size:12px}.welcome-status.enabled{color:#16803b}