*{box-sizing:border-box}body{margin:0;color:#23324b;background:#f3f6fc;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}button,input,textarea{font:inherit}button,a{transition:.15s}button{cursor:pointer;border:0;background:#1677ff;color:white;border-radius:8px;padding:10px 19px}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}a{color:#1677ff;text-decoration:none}input,textarea{width:100%;border:1px solid #dce4f0;border-radius:8px;padding:11px;background:#fff;color:inherit;outline:none}input:focus,textarea:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff12}label{display:block;color:#60716a;font-size:13px}label input,label textarea{margin:6px 0 15px}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;color:#125bcc}.brand small{font-size:12px;font-weight:400;border-left:1px solid #dce5f2;margin-left:12px;padding-left:12px;letter-spacing:0}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-card{width:400px;max-width:90%;margin:auto;padding:60px 0}.login-card h1{margin:55px 0 8px;font-size:26px}.login-card p{color:#85938d}.login-card button{width:100%;margin:8px 0 15px}.login aside{background:#071c48;color:#eef6ff;padding:20% 12%;position:relative;background-image:radial-gradient(ellipse at 90% 90%,#176bdb,transparent 65%)}.login aside span{color:#8cc9ff;letter-spacing:3px;font-size:11px}.login h2{font-size:48px;margin-top:60px;line-height:1.6}.login aside p{color:#a4c4ed}nav{height:78px;display:flex;align-items:center;gap:28px;background:white;border-bottom:1px solid #e4ebf5;padding:0 40px}.nav-links{display:flex;gap:8px;margin-left:60px;flex:1}.nav-links button{background:transparent;color:#708078}.nav-links .active{color:#125bcc;background:#eaf2ff}.quiet{background:transparent;color:#66766e;border:1px solid #dfe7e2}header{padding:32px 40px 28px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;color:#8a9b92;letter-spacing:2px}header h1{margin:5px 0;font-size:28px}header p{color:#87968e;margin:0}.stats{display:flex;gap:50px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:29px;font-weight:600}.stats span{font-size:12px;color:#849289}.workspace{margin:0 30px 25px;display:grid;grid-template-columns:290px minmax(300px,1fr) 290px;background:white;border:1px solid #dce5f2;border-radius:12px;overflow:hidden;height:calc(100vh - 245px);min-height:460px}.section-title{padding:20px;font-weight:650;display:flex;align-items:center;gap:10px}.section-title span{background:#eaf2ff;border-radius:5px;color:#1677ff;padding:0 6px;font-size:11px}.section-title small{font-size:11px;color:#8b9992;font-weight:400}.inbox{border-right:1px solid #e5ebf5;overflow:auto}.inbox>input{width:calc(100% - 32px);margin:0 16px 16px;background:#f8faf9;border:0}.conversation{width:100%;background:white;color:inherit;border-radius:0;padding:18px 16px;text-align:left;display:flex;gap:10px;border-left:3px solid transparent}.conversation.selected{background:#edf4ff;border-left-color:#1677ff}.conversation>div:last-child{flex:1;min-width:0}.avatar,.profile-avatar{background:#dceaff;color:#2464bd;border-radius:12px;display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;font-size:12px}.conversation b{font-size:13px}.conversation time{float:right;font-size:10px;color:#93a095}.conversation p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 9px;font-size:12px;color:#849087}.tag{font-size:10px;border-radius:4px;color:#1677ff;background:#e1edff;padding:3px 6px}.tag.gray{color:#90988f;background:#eef0ed}.conversation small{font-size:10px;color:#93a095}.chat{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-head{height:73px;flex-shrink:0;border-bottom:1px solid #e9eef7;display:flex;align-items:center;justify-content:space-between;padding:15px 24px}.status{font-size:11px;color:#1677ff;margin-left:15px}.messages{overflow:auto;padding:22px;flex:1;background:#fafcff}.empty{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#99afa1;font-size:42px}.empty h3{font-size:17px;margin:10px 0;color:#596e61}.empty p{font-size:12px}.message{margin:0 0 20px;max-width:85%;width:fit-content}.message small{color:#94a096;font-size:10px;display:block;margin:0 3px 7px}.message>div{padding:12px 15px;border-radius:2px 12px 12px;background:white;border:1px solid #e1e9f5;white-space:pre-wrap;overflow-wrap:anywhere}.message.agent{margin-left:auto}.message.agent>div{background:#1677ff;color:white;border:0;border-radius:12px 2px 12px 12px}.message.bot>div{background:#edf4ff}.composer{border-top:1px solid #e9eef7;padding:15px 22px}.composer textarea{border:0;resize:none;height:72px;padding:0;box-shadow:none}.composer>div{display:flex;align-items:center;justify-content:space-between}.composer span{font-size:10px;color:#a2aca4}.inspector{border-left:1px solid #e9eef7;overflow:auto}.visitor-info{padding:0 20px 12px}.profile-avatar{width:48px;height:48px}.visitor-info h3{font-size:15px;margin:10px 0 18px}.visitor-info label{font-size:10px;color:#9aa69d}.visitor-info p{font-size:12px;margin:3px 0 12px;overflow-wrap:anywhere}.timeline{padding:0 20px}.timeline article{border-left:2px solid #dce8fa;padding:0 0 15px 12px}.timeline time{font-size:10px;color:#9aa69d}.timeline b{display:block;font-size:12px}.timeline p{font-size:10px;color:#92a095;overflow-wrap:anywhere;margin:5px 0}.muted{color:#99a69b;font-size:12px}.padded{padding:20px}.rules-panel{margin:0 40px 30px;padding:10px 15px;background:white;border-radius:12px;border:1px solid #dce5f2}.rules-panel form{padding:0 20px 25px;max-width:800px}.check{display:flex;align-items:center;gap:8px;margin:5px 0 15px}.check input{width:auto;margin:0}.rule{display:flex;gap:12px;align-items:center;border-top:1px solid #e9eef7;padding:20px}.rule>div{flex:1}.rule .tag{margin-left:15px}.rule p{margin:8px 0;color:#839187;white-space:pre-wrap}.danger,.error{color:#c04e4e!important}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#132c54;color:white;padding:10px 24px;border-radius:8px;opacity:0;pointer-events:none}#toast.show{opacity:1}@media(max-width:1100px){.workspace{grid-template-columns:240px minmax(300px,1fr)}.inspector{grid-column:1/-1;border-top:1px solid #ddd;max-height:300px}.workspace{height:auto}.chat{height:600px}.stats{gap:20px}}@media(max-width:700px){.login{display:block}.login aside{display:none}nav{padding:0 15px;gap:10px}.brand{font-size:18px}.brand small,nav>a{display:none}.nav-links{margin-left:0;gap:0}.nav-links button{padding:8px}header{padding:20px}.stats{display:none}.workspace{margin:0 12px 20px;display:block}.inbox{max-height:250px;border-bottom:1px solid #ddd}.chat{height:540px}.inspector{max-height:350px}.rules-panel{margin:0 12px}.login-card{padding-top:100px}}
.agent-emojis{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.agent-emojis button{background:#edf4ff;color:#125bcc;padding:5px 7px;font-size:19px}.agent-emojis .quiet{font-size:12px}.sticker-picker{display:flex;flex-wrap:wrap;gap:8px;max-height:150px;overflow:auto;padding:10px;background:#f3f7ff;margin-bottom:8px}.sticker-picker button{background:white;padding:7px;min-width:54px;min-height:54px;color:#125bcc}.sticker-picker a{width:100%;font-size:10px}.settings-dialog{width:520px;max-width:94vw;max-height:90vh;overflow:auto;border:1px solid #dce5f2;border-radius:14px;padding:25px;color:#23324b}.settings-dialog::backdrop{background:#071c4870}.settings-dialog textarea{min-height:65px}.settings-dialog input[type=number]{margin-bottom:10px}nav{flex-wrap:wrap;height:auto;min-height:78px;padding-top:10px;padding-bottom:10px}
.team-dialog{width:1100px;max-width:96vw;max-height:90vh;border:1px solid #dce5f2;border-radius:14px;padding:22px;color:#23324b}.team-dialog::backdrop{background:#071c4870}.team-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.team-dialog h2{margin:0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #e4ebf5}th{background:#edf4ff;white-space:nowrap}.entry-url{max-width:240px;overflow-wrap:anywhere}.presence-select,select{border:1px solid #dce5f2;border-radius:6px;padding:8px;color:#125bcc;background:white;max-width:100%}.team-detail{padding:18px;border-top:1px solid #e4ebf5}.team-detail h3{font-size:13px;margin:15px 0 8px}.team-detail p{font-size:11px;overflow-wrap:anywhere}.team-detail article{padding:10px 0;border-bottom:1px solid #e4ebf5}.team-detail select{display:block;width:100%;margin:5px 0 10px}.visit-search{display:flex;gap:10px;margin-bottom:14px}.visit-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding-top:16px}.visit-page{padding:12px;border-bottom:1px solid #e4ebf5;overflow-wrap:anywhere}#staffForm{margin-top:20px;max-width:500px}
.mobile-switch{display:none}@media(max-width:700px){#app>header{display:none}#app nav{gap:7px;padding:9px;font-size:12px}#app nav button{padding:7px 9px}#app nav .nav-links{flex:0 0 auto}.mobile-switch{display:flex;gap:6px;padding:8px 12px}.mobile-switch button{flex:1;padding:9px}.workspace{min-height:0;height:calc(100dvh - 205px);margin-bottom:8px}.workspace .inbox,.workspace .chat,.workspace .inspector{display:none;max-height:none;height:100%;border:0}.workspace[data-mobile-pane=list] .inbox{display:block}.workspace[data-mobile-pane=chat] .chat{display:flex}.workspace[data-mobile-pane=info] .inspector{display:block}.composer{padding:9px 12px}.composer textarea{height:56px}.agent-emojis{max-height:70px;overflow:auto}.messages{padding:12px}.settings-dialog,.team-dialog{padding:14px}.presence-select{max-width:95px}.stats{display:none}}