:root{font-family:Helvetica Neue,Arial,sans-serif;color:#151a24;background:#f7f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.widget-shell{width:100%;height:100vh;max-width:390px;margin:auto;background:#fff;display:flex;flex-direction:column;border:1px solid #dfe2e8;box-shadow:0 16px 40px #1720331a}.widget-header{height:68px;padding:0 20px;border-bottom:1px solid #e6e8ed;display:flex;justify-content:space-between;align-items:center}.widget-header strong{font-size:15px;display:block}.online-dot{font-size:11px;color:#176b4d;display:block;margin-top:4px}.online-dot:before,.status-pill i{content:"";display:inline-block;background:#2ca873;width:6px;height:6px;border-radius:50%;margin-right:5px}.close-widget,.icon-button{border:0;background:transparent;color:#657080;padding:8px}.widget-intro{padding:22px 20px 18px;display:flex;gap:12px;border-bottom:1px solid #eef0f3}.intro-icon,.brand-mark{width:38px;height:38px;background:#153c82;color:#fff;display:grid;place-items:center;border-radius:11px}.widget-intro h1{font-size:18px;margin:0 0 5px}.widget-intro p{font-size:13px;color:#667085;margin:0;line-height:1.5}.message-list,.admin-messages{flex:1;overflow:auto;padding:20px}.empty-chat,.admin-empty{text-align:center;color:#8992a1;margin:auto}.empty-chat p,.empty-chat small,.admin-empty p{display:block;margin:8px 0;font-size:13px}.message-row{display:flex;margin:9px 0}.message-row.agent{justify-content:flex-start}.message-row.visitor{justify-content:flex-end}.message-bubble{max-width:78%;padding:10px 12px;border-radius:13px;background:#f0f2f5;font-size:13px;line-height:1.5;color:#273142}.message-row.visitor .message-bubble{background:#153c82;color:#fff}.message-bubble small{display:flex;align-items:center;gap:4px;color:#87909e;font-size:10px;margin-top:6px}.message-row.visitor .message-bubble small{color:#d8e3fa}.attachment-image{display:block;max-width:190px;max-height:170px;border-radius:8px;margin-top:6px}.file-card{display:flex;align-items:center;gap:7px;color:inherit;text-decoration:none;background:#fff6;padding:8px;border-radius:7px;margin-top:6px}.file-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card small{margin:0!important;white-space:nowrap}.composer{padding:11px 13px;border-top:1px solid #e6e8ed;display:flex;gap:6px;align-items:center}.composer input:not([type=file]){min-width:0;flex:1;border:0;outline:0;font-size:13px}.composer input[type=file]{display:none}.send-button{border:0;background:#153c82;color:#fff;width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.send-button:disabled{opacity:.35}.selected-file{font-size:11px;max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#687386}.offline-link,.text-button{border:0;background:transparent;color:#153c82;font-size:11px;text-align:left;padding:7px 20px}.offline-form{padding:20px;flex:1}.offline-form h2{font-size:17px;margin:25px 0 6px}.offline-form p{font-size:12px;color:#667085}.offline-form input,.offline-form textarea{display:block;width:100%;border:1px solid #d9dde5;border-radius:8px;padding:10px;margin:10px 0;font-size:13px;resize:vertical}.primary-button{width:100%;border:0;background:#153c82;color:#fff;border-radius:8px;padding:11px;font-size:13px}.success-note,.error-note{background:#edf9f3;color:#176b4d;padding:9px;border-radius:8px;font-size:12px;margin-top:10px}.login-page{min-height:100vh;display:grid;place-items:center;background:#f7f7f8}.login-card{background:#fff;width:min(390px,calc(100% - 36px));border:1px solid #e0e3e9;padding:34px;border-radius:14px}.login-card .brand-mark{margin-bottom:24px}.login-card h1{font-size:24px;margin:0 0 7px}.login-card p{font-size:13px;color:#707a8b;margin:0 0 26px}.login-card label{display:block;font-size:12px;color:#4d5869;margin:14px 0}.login-card input{display:block;width:100%;padding:11px;border:1px solid #dfe3ea;border-radius:8px;margin-top:6px}.login-card small{display:block;color:#8a93a2;margin-top:17px;font-size:11px}.admin-shell{min-height:100vh;background:#f7f7f8}.topbar{height:70px;background:#fff;border-bottom:1px solid #dfe2e8;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.topbar-brand{display:flex;align-items:center;gap:11px}.topbar-brand strong{display:block;font-size:14px}.topbar-brand span{display:block;font-size:11px;color:#8992a1;margin-top:3px}.topbar-actions{display:flex;align-items:center;gap:12px}.status-pill{font-size:12px;color:#176b4d}.admin-body{height:calc(100vh - 70px);display:grid;grid-template-columns:290px minmax(380px,1fr) 250px}.conversation-panel,.detail-panel{background:#fff;border-right:1px solid #dfe2e8}.detail-panel{border-left:1px solid #dfe2e8;border-right:0;padding:22px}.panel-heading{padding:22px 20px 15px;display:flex;justify-content:space-between;align-items:start}.panel-heading h2,.chat-heading h2{font-size:16px;margin:0}.panel-heading span,.chat-heading span{display:block;font-size:11px;color:#8992a1;margin-top:5px}.filter-button{border:1px solid #dfe3ea;background:#fff;border-radius:6px;font-size:11px;padding:6px 9px}.conversation-item{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:0;border-top:1px solid #eef0f3;background:#fff;padding:14px 17px}.conversation-item.selected{background:#f1f5fc;border-left:3px solid #153c82;padding-left:14px}.avatar{width:34px;height:34px;border-radius:50%;background:#e7edf8;color:#153c82;display:grid;place-items:center;font-size:12px;flex:0 0 auto}.avatar.large{width:40px;height:40px}.conversation-copy{min-width:0;flex:1}.conversation-copy strong{display:block;font-size:13px}.conversation-copy small,.conversation-meta small{display:block;font-size:11px;color:#8992a1;margin-top:3px}.conversation-meta{text-align:right}.conversation-meta b{background:#153c82;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px}.empty-list{padding:30px 20px;color:#8992a1;font-size:12px}.admin-chat{display:flex;flex-direction:column;min-width:0}.chat-heading{height:76px;border-bottom:1px solid #dfe2e8;background:#fff;padding:17px 22px;display:flex;gap:11px;align-items:center}.admin-messages{padding:28px 8%;background:#f7f7f8}.admin-chat .composer{background:#fff;margin:0 8%;border:1px solid #dfe2e8;border-bottom:0;border-radius:10px 10px 0 0}.detail-heading{font-size:13px;font-weight:700;border-bottom:1px solid #e6e8ed;padding-bottom:16px}.detail-avatar{margin:30px auto 13px}.detail-panel h3{text-align:center;font-size:14px;margin:0}.detail-muted{text-align:center;color:#8992a1;font-size:11px}.detail-rule{border-top:1px solid #e6e8ed;margin:24px 0}.detail-stat{display:flex;justify-content:space-between;margin:14px 0;font-size:12px}.detail-stat span{color:#8992a1}.detail-stat strong{font-weight:500}.close-conversation{width:100%;border:1px solid #d9dde5;background:#fff;color:#b13c3c;border-radius:7px;padding:9px;font-size:12px;margin-top:20px}.admin-empty{display:grid;place-items:center;height:100%}@media(max-width:900px){.admin-body{grid-template-columns:250px 1fr}.detail-panel{display:none}}@media(max-width:560px){.admin-body{display:block;height:auto}.conversation-panel{min-height:220px}.admin-chat{height:calc(100vh - 290px);min-height:440px}.widget-shell{max-width:none;border:0}.topbar{padding:0 15px}}.admin-chat .chat-heading{min-height:84px;height:auto;padding:18px 28px}.admin-chat .chat-heading h2{font-size:24px;color:#151a24}.admin-chat .chat-heading .avatar{display:none}.admin-chat .chat-heading h2{font-size:0}.admin-chat .chat-heading h2:after{content:"在线客服";font-size:24px}.admin-chat .chat-heading span:not(.admin-online){font-size:0}.admin-chat .chat-heading span:not(.admin-online):after{content:"在线";font-size:15px;color:#25835f}.admin-chat .chat-heading .close-widget{margin-left:auto}.admin-chat .admin-messages{padding:0 8% 30px;background:#fff}.admin-chat .admin-messages:before{content:"你好\a有问题可以直接留言，我们会尽快回复。";white-space:pre;display:block;min-height:132px;padding:34px 8% 22px;margin:0 -8% 28px;border-bottom:1px solid #e4e7ec;color:#6d788a;font-size:19px;line-height:1.9}.admin-chat .admin-messages .message-row{margin:18px 0}.admin-chat .admin-messages .message-bubble{min-width:112px;padding:17px 20px;border-radius:20px;font-size:18px}.admin-chat .admin-messages .message-row.agent{justify-content:flex-end}.admin-chat .admin-messages .message-row.agent .message-bubble{background:#1d448f;color:#fff}.admin-chat .admin-messages .message-row.visitor{justify-content:flex-start}.admin-chat .admin-messages .message-row.visitor .message-bubble{background:#f0f2f5;color:#273142}.admin-chat .admin-messages .message-bubble small{font-size:12px}.admin-chat .admin-messages .message-row.agent .message-bubble small{color:#d8e3fa}.admin-chat .admin-messages .message-row.visitor .message-bubble small{color:#667085!important;opacity:1;font-weight:600}.admin-chat .admin-messages .message-bubble small{line-height:1.2;letter-spacing:.01em}.admin-chat .admin-welcome{display:flex;gap:16px;align-items:center;border-bottom:1px solid #e4e7ec;margin:0 -8% 30px;padding:42px 8% 36px}.admin-chat .admin-welcome h1{margin:0 0 6px;font-size:34px}.admin-chat .admin-welcome p{margin:0;font-size:19px;color:#6d788a}.admin-chat .admin-welcome .intro-icon{width:72px;height:72px;border-radius:21px}.customer-page{min-height:100vh;padding:36px;background:#eef1f6;color:#2e3138;font-family:Helvetica Neue,Arial,PingFang SC,sans-serif}.customer-window{min-height:calc(100vh - 72px);max-width:1660px;margin:0 auto;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 14px 38px #203b621c}.customer-banner{height:122px;background:#6493f5;position:relative;display:flex;align-items:center;padding-left:255px;color:#fff}.customer-banner>img{position:absolute;left:45px;bottom:0;width:190px;height:185px;object-fit:cover;object-position:top;border-radius:120px 120px 0 0;mix-blend-mode:multiply}.customer-banner strong{font-size:27px;font-weight:500}.customer-close{position:absolute;right:26px;top:25px;border:0;background:transparent;color:#fff}.mute-button{position:absolute;left:206px;bottom:22px;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffff80;color:#fff}.customer-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;min-height:calc(100vh - 194px)}.customer-conversation{min-width:0;display:flex;flex-direction:column;border-right:1px solid #e2e6ed}.welcome-card{margin:48px 28px 16px;padding:30px 24px;border:1px solid #e0e6f0;border-radius:16px;display:flex;gap:12px;align-items:flex-start;font-size:25px;line-height:1.5}.welcome-card>svg{color:#5d6b7b;flex:0 0 auto;margin-top:5px}.highlight{color:#f02e1f;font-weight:600}.customer-messages{flex:1;overflow:auto;padding:25px 34px 35px;min-height:360px}.session-start{width:max-content;margin:0 auto 24px;padding:9px 22px;border-radius:9px;background:#f3f5f8;color:#6f737b;font-size:20px}.customer-message{display:flex;margin:14px 0}.customer-message.visitor{justify-content:flex-end}.customer-message.agent{justify-content:flex-start}.customer-bubble{max-width:min(70%,620px);padding:15px 20px;border-radius:16px;background:#f1f3f6;font-size:21px;line-height:1.5}.customer-message.visitor .customer-bubble{background:#6493f5;color:#fff}.customer-bubble small{display:flex;align-items:center;gap:4px;margin-top:8px;color:#818895;font-size:13px}.customer-message.visitor .customer-bubble small{color:#e6edff}.message-check{font-size:17px}.customer-image-message{display:block;max-width:320px;max-height:250px;margin-top:6px;border-radius:9px}.customer-file-message{display:flex;gap:9px;align-items:center;margin-top:5px;color:inherit;text-decoration:none}.customer-file-message small{margin:0}.customer-compose{border-top:1px solid #e4e8ef;min-height:185px;position:relative;padding:10px 24px 42px}.customer-tools{display:flex;gap:24px}.customer-tools button,.customer-tools label{border:0;background:transparent;color:#69717b;padding:5px;display:grid;place-items:center;cursor:pointer}.customer-tools input{display:none}.customer-compose textarea{width:calc(100% - 150px);height:88px;border:0;outline:0;resize:none;font-size:18px;padding:8px 0}.customer-send{position:absolute;right:25px;bottom:26px;display:flex;gap:8px;align-items:center;background:#6493f5;color:#fff;border:0;border-radius:7px;padding:13px 35px;font-size:19px}.customer-send:disabled{opacity:.45}.customer-support-note{position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:#adb3bd;font-size:16px}.customer-aside{padding:40px;background:#fff}.customer-aside>img{width:100%;height:560px;object-fit:cover;object-position:center;border-radius:0}.customer-aside p{font-size:23px;line-height:1.5;margin:32px 0}.customer-aside strong{font-size:25px}@media(max-width:900px){.customer-page{padding:0}.customer-window{min-height:100vh;border-radius:0}.customer-layout{display:block}.customer-aside{display:none}.customer-banner{height:100px;padding-left:190px}.customer-banner>img{left:18px;width:160px;height:155px}.customer-banner strong{font-size:20px}.welcome-card{font-size:17px;margin:24px 16px 10px;padding:18px}.customer-messages{padding:18px 16px}.customer-bubble{font-size:16px}.session-start{font-size:14px}.customer-compose{padding-left:16px;padding-right:16px}.customer-send{right:16px}.customer-tools{gap:14px}.customer-compose textarea{width:calc(100% - 110px)}}.customer-page{min-height:100vh;padding:24px;display:grid;place-items:center;background:#f4f7f9}.customer-window{width:min(420px,100%);height:min(680px,calc(100vh - 48px));min-height:0;border-radius:20px;border:1px solid #dfe6ea;box-shadow:0 18px 50px #18304a1c}.customer-banner{height:78px;padding-left:84px;background:#172b4d}.customer-banner>img{left:18px;width:58px;height:74px;border-radius:30px 30px 0 0;mix-blend-mode:normal;object-fit:cover}.customer-banner strong{font-size:16px;letter-spacing:.01em}.customer-banner .connection-state{display:block;color:#9aa8b9;font-size:10px;margin-top:5px;font-weight:400}.customer-banner .connection-state.connected{color:#62d4b8}.customer-error{margin:10px 16px 0;padding:9px 12px;border:1px solid #f1c7c7;border-radius:8px;background:#fff5f5;color:#a84d4d;font-size:12px}.customer-banner strong:after{content:"在线";display:block;color:#62d4b8;font-size:11px;margin-top:5px;font-weight:400}.customer-close{right:12px;top:25px;color:#cbd5e1}.mute-button{display:none}.customer-layout{display:block;min-height:0;height:calc(100% - 78px)}.customer-conversation{height:100%;border:0}.welcome-card{margin:16px 16px 8px;padding:14px 15px;border:0;border-left:3px solid #2ac6a8;border-radius:10px;background:#f2f7f8;gap:9px;font-size:13px;line-height:1.55}.welcome-card>svg{width:17px;height:17px;margin-top:2px;color:#2ac6a8}.highlight{color:#1f8d7a;font-weight:600}.customer-messages{padding:12px 16px 16px;min-height:0}.session-start{margin:0 auto 18px;padding:5px 10px;border-radius:999px;font-size:10px;color:#8995a3;background:#f1f4f6}.customer-message{margin:10px 0}.customer-bubble{max-width:78%;padding:9px 12px;border-radius:13px;font-size:13px;line-height:1.45}.customer-message.visitor .customer-bubble{background:#2f9f8a}.customer-bubble small{margin-top:5px;font-size:10px}.customer-compose{min-height:108px;padding:7px 12px 28px;background:#fff}.customer-tools{gap:5px}.customer-tools button,.customer-tools label{padding:5px;color:#7b8794}.customer-tools button.active{color:#2f9f8a;background:#edf8f5;border-radius:7px}.customer-tools svg{width:18px;height:18px}.emoji-picker{position:absolute;left:12px;bottom:104px;z-index:5;display:grid;grid-template-columns:repeat(8,30px);gap:4px;padding:8px;border:1px solid #dce5ec;border-radius:12px;background:#fff;box-shadow:0 10px 28px #18304a24}.emoji-picker button{width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;font-size:19px;cursor:pointer}.emoji-picker button:hover{background:#edf8f5;transform:scale(1.08)}.customer-compose textarea{width:calc(100% - 74px);height:42px;padding:5px 3px;font-size:13px}.customer-compose textarea::placeholder{color:#a1aab5}.customer-send{right:12px;bottom:29px;width:58px;justify-content:center;padding:8px 0;border-radius:8px;font-size:12px;background:#2f9f8a}.customer-send svg{display:none}.customer-support-note{bottom:8px;font-size:9px;color:#b2bbc4}.customer-aside{display:none}.offline-inquiry{padding:16px;border-top:1px solid #e4e9ef;background:#fbfcfd}.offline-inquiry h3{margin:0 0 5px;color:#27364a;font-size:15px}.offline-inquiry p{margin:0 0 10px;color:#8793a3;font-size:11px}.offline-inquiry input,.offline-inquiry textarea{display:block;width:100%;margin:7px 0;padding:9px 10px;border:1px solid #dce5ec;border-radius:8px;outline:0;background:#fff;font-size:12px}.offline-inquiry textarea{min-height:58px;resize:vertical}.inquiry-submit{width:100%;padding:9px;border:0;border-radius:8px;background:#2f9f8a;color:#fff;font-size:12px;cursor:pointer}.inquiry-success{padding:12px;border-radius:8px;background:#edf8f4;color:#24785f;font-size:12px}.customer-image-message{max-width:210px;max-height:160px}.customer-file-message{font-size:12px}@media(max-width:520px){.customer-page{padding:12px}.customer-window{width:100%;height:calc(100vh - 24px)}.emoji-picker{grid-template-columns:repeat(6,30px);bottom:104px}}.admin-shell{min-height:100vh;background:#eef2f6;color:#17202e}.topbar{height:78px;padding:0 30px;background:#fff;border-bottom:1px solid #dfe6ed;position:relative}.topbar:after{content:"演示网站  ·  在线接待";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 13px;border:1px solid #e2e8f0;border-radius:999px;color:#6b7788;background:#f8fafc;font-size:11px}.topbar-brand{gap:13px}.topbar-brand .brand-mark{width:44px;height:44px;border-radius:12px;background:#163f8f;font-size:19px}.topbar-brand strong{font-size:16px;letter-spacing:-.02em}.topbar-brand span{font-size:12px;color:#7a8797}.topbar-actions{gap:18px}.status-pill{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #d8e8e3;border-radius:999px;background:#f3faf7;color:#24785f}.topbar-actions .icon-button{color:#718096;border-left:1px solid #e3e8ee;padding-left:18px}.admin-body{height:calc(100vh - 78px);padding:16px;gap:16px;grid-template-columns:300px minmax(0,1fr) 280px}.conversation-panel,.detail-panel,.admin-chat{border:1px solid #dfe6ed;border-radius:16px;overflow:hidden}.conversation-panel,.detail-panel{border-right:1px solid #dfe6ed}.detail-panel{border-left:1px solid #dfe6ed}.panel-heading{padding:22px 20px 18px}.panel-heading h2{font-size:18px;letter-spacing:-.03em}.panel-heading span{margin-top:6px;color:#8793a3}.filter-button{border-color:#d9e1e9;color:#425166;border-radius:8px;padding:7px 12px}.conversation-item{padding:15px 17px;border-top-color:#edf1f5;transition:background .15s ease}.conversation-item:hover{background:#f6f9fc}.conversation-item.selected{background:#edf3ff;border-left:3px solid #2457b8;padding-left:14px}.conversation-item .avatar{background:#edf2fa;color:#2457b8}.conversation-copy strong{color:#263447}.conversation-copy small{color:#8a96a5}.conversation-meta b{background:#2457b8}.admin-chat{background:#fff}.admin-chat .chat-heading{min-height:88px;padding:20px 28px;border-bottom-color:#e3e9f0}.admin-chat .chat-heading h2:after{font-size:23px}.admin-chat .chat-heading span:not(.admin-online):after{font-size:13px}.admin-chat .admin-messages{background:#fbfcfd}.admin-chat .admin-messages:before{background:#f2f5f8}.admin-chat .admin-messages .message-row.agent .message-bubble{background:#2457b8}.admin-chat .admin-messages .message-row.visitor .message-bubble{background:#eef2f6}.admin-chat .composer{margin:0 22px 22px;border:1px solid #dfe6ed;border-radius:12px;background:#fff}.admin-chat .send-button{background:#2457b8;border-radius:10px}.detail-panel{padding:0;background:#fff}.detail-heading{padding:22px 22px 16px;font-size:15px}.detail-avatar{margin-top:34px;background:#edf2fa;color:#2457b8}.detail-panel h3{font-size:15px}.detail-stat{padding:0 2px;color:#506075}.close-conversation{margin:28px 0 0;border-color:#efd6d6;background:#fff8f8;color:#b84646}.admin-empty{background:#fbfcfd}.admin-empty svg{width:68px;height:68px;padding:19px;border-radius:21px;background:#edf3ff;color:#2457b8;margin-bottom:16px}.admin-empty p{margin:0;color:#344256;font-size:16px;font-weight:600}.admin-empty:after{content:"访客发起咨询后，新会话会出现在左侧列表";margin-top:9px;color:#8a96a5;font-size:12px}.detail-panel>.detail-muted{margin:36px 22px;padding:16px 12px;border:1px dashed #d9e2ec;border-radius:10px;background:#fafcfe}.conversation-panel .empty-list{margin:22px 16px;padding:18px 12px;border:1px dashed #d9e2ec;border-radius:11px;text-align:center;background:#fafcfe}.admin-composer{display:flex;align-items:center;gap:8px;margin:0 22px 22px;padding:9px 12px;border:1px solid #dfe6ed;border-radius:12px;background:#fff}.admin-composer label{display:grid;place-items:center;color:#728096;cursor:pointer}.admin-composer label input{display:none}.admin-composer span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#728096;font-size:11px}.admin-compose-input{min-width:0;flex:1;border:0;outline:0;font-size:13px}.admin-composer button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:#2457b8;color:#fff}.admin-composer button:disabled{opacity:.4}.admin-welcome-line{display:flex;align-items:center;gap:8px;padding:13px 15px;margin:0 0 22px;border:1px solid #e4eaf1;border-radius:10px;color:#6b7788;background:#fff;font-size:13px}.admin-attachment-image{display:block;max-width:220px;max-height:160px;border-radius:8px;margin-top:6px}.admin-file{display:flex;align-items:center;gap:7px;color:inherit;text-decoration:none;margin-top:6px}.admin-file small{margin-left:auto}.browsing-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#344256;margin-bottom:10px}.browsing-heading small{color:#8793a3;font-weight:400}.browsing-list{display:grid;gap:8px;max-height:230px;overflow:auto}.browsing-item{display:flex;gap:8px;align-items:flex-start;padding:9px;border:1px solid #e7edf3;border-radius:9px;text-decoration:none;color:#36465b;background:#fbfcfd}.browsing-item:hover{border-color:#b9cbe9;background:#f4f8ff}.browsing-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#e9f0fc;color:#2457b8;flex:0 0 auto}.browsing-item strong{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.browsing-item small{display:block;margin-top:3px;color:#8793a3;font-size:10px}@media(max-width:900px){.topbar:after{display:none}.admin-body{padding:10px;gap:10px;grid-template-columns:250px minmax(0,1fr)}}@media(max-width:560px){.topbar{padding:0 15px}.admin-body{padding:0;display:block}.conversation-panel,.admin-chat{border-radius:0;border-left:0;border-right:0}}.overview-shell{min-height:100vh;display:flex;background:#eef2f7;color:#1b2638;font-family:Helvetica Neue,Arial,PingFang SC,sans-serif}.overview-sidebar{width:220px;flex:0 0 220px;background:#17202d;color:#d7e0eb;padding:22px 14px;display:flex;flex-direction:column}.overview-logo{width:42px;height:42px;display:grid;place-items:center;margin:0 0 28px 8px;border-radius:12px;background:#2457b8;color:#fff;font-size:20px;font-weight:600}.overview-nav{display:grid;gap:6px}.overview-nav a,.overview-sidebar-bottom button{display:flex;align-items:center;gap:11px;position:relative;padding:12px;border:0;border-radius:9px;background:transparent;color:#aebccc;text-decoration:none;font-size:13px;text-align:left;cursor:pointer}.overview-nav a.active,.overview-nav a:hover,.overview-sidebar-bottom button:hover{background:#263547;color:#fff}.overview-nav b{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:999px;background:#e85b67;color:#fff;font-size:10px;text-align:center}.overview-sidebar-bottom{margin-top:auto;border-top:1px solid #2c394a;padding-top:12px}.overview-sidebar-bottom button{width:100%}.overview-main{min-width:0;flex:1;padding:30px 34px 40px}.overview-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.overview-header h1{font-size:28px;margin:0 0 6px;letter-spacing:-.03em}.overview-header p{margin:0;color:#7e8b9b;font-size:13px}.overview-header-actions{display:flex;align-items:center;gap:18px}.overview-header-actions span{display:flex;align-items:center;gap:6px;color:#278064;font-size:12px}.overview-header-actions span i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ca873}.overview-header-actions a,.panel-title a{display:flex;align-items:center;gap:4px;color:#2457b8;text-decoration:none;font-size:12px}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card,.overview-panel{background:#fff;border:1px solid #dfe7ef;border-radius:14px;box-shadow:0 3px 12px #17305208}.metric-card{padding:20px 22px;min-height:132px}.metric-label{display:block;color:#7d8b9c;font-size:12px}.metric-card strong{display:block;margin:11px 0 4px;font-size:34px;letter-spacing:-.04em}.metric-card small{color:#9aa6b4;font-size:11px}.metric-card.compact{background:#f8fbff}.overview-panel{min-height:310px;padding:20px 22px}.live-panel,.history-panel{grid-column:span 2}.panel-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e8edf2}.panel-title>div{display:flex;align-items:center;gap:9px}.panel-title svg{color:#68809e}.panel-title h2{font-size:15px;margin:0}.panel-empty{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8794a4}.panel-empty svg{padding:12px;width:52px;height:52px;margin-bottom:10px;border-radius:15px;color:#2457b8;background:#edf3ff}.panel-empty p{margin:0 0 6px;color:#536276;font-size:14px}.panel-empty small{font-size:11px}.live-list,.history-list{display:grid}.live-item,.history-item{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #edf1f4;text-decoration:none;color:#334256}.live-item:last-child,.history-item:last-child{border-bottom:0}.live-item>div,.history-item>div{min-width:0;flex:1}.live-item strong,.history-item strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-item small,.history-item small{display:block;margin-top:4px;color:#8c99a8;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-item time,.history-item time{color:#8c99a8;font-size:11px}.overview-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#edf3ff;color:#2457b8;font-size:12px}.history-item>b{min-width:19px;padding:2px 5px;border-radius:999px;background:#2457b8;color:#fff;font-size:10px;text-align:center}@media(max-width:1000px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-panel,.history-panel{grid-column:span 2}}@media(max-width:680px){.overview-sidebar{width:58px;flex-basis:58px;padding:16px 8px}.overview-logo{margin-left:0}.overview-nav a,.overview-sidebar-bottom button{justify-content:center;padding:11px}.overview-nav a:not(.active):after,.overview-nav a:not(.active)>svg+*,.overview-sidebar-bottom button>*:not(svg){display:none}.overview-nav a b{position:absolute;top:3px;right:2px}.overview-main{padding:22px 14px}.overview-header{align-items:flex-start;gap:12px;flex-direction:column}.overview-header-actions{width:100%;justify-content:space-between}.overview-grid{grid-template-columns:1fr}.live-panel,.history-panel{grid-column:span 1}.metric-card{min-height:108px}}.resource-shell{min-height:100vh;background:#eef2f7;color:#1b2638}.resource-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff;border-bottom:1px solid #dfe7ef}.resource-header>a,.resource-header>div{display:flex;align-items:center;gap:8px;text-decoration:none;color:#2457b8}.resource-header>div{display:flex;flex-direction:column;gap:4px;color:#1b2638}.resource-header>div span{font-size:11px;color:#8a96a5}.resource-header>button{border:0;background:transparent;color:#6d7b8c}.resource-content{max-width:1050px;margin:0 auto;padding:44px 30px}.resource-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.resource-title>div{display:flex;align-items:center;gap:10px}.resource-title h1{font-size:25px;margin:0}.resource-title>span{color:#8793a3;font-size:12px}.resource-list{background:#fff;border:1px solid #dfe7ef;border-radius:14px;overflow:hidden}.resource-row{display:flex;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid #edf1f4}.resource-row:last-child{border-bottom:0}.resource-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf3ff;color:#2457b8}.resource-row>div{min-width:0;flex:1}.resource-row strong{display:block;font-size:13px;font-weight:500}.resource-row small{display:block;margin-top:4px;color:#8a96a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.resource-row time{color:#8a96a5;font-size:11px}.resource-row>a{color:#2457b8;font-size:12px;text-decoration:none}.resource-row code{color:#8793a3;font-size:11px}.resource-empty{padding:80px 20px;background:#fff;border:1px dashed #d5e0ea;border-radius:14px;text-align:center;color:#8793a3}.overview-nav button{display:flex;align-items:center;gap:11px;position:relative;padding:12px;width:100%;border:0;border-radius:9px;background:transparent;color:#aebccc;font-size:13px;text-align:left;cursor:pointer}.overview-nav button.active,.overview-nav button:hover{background:#263547;color:#fff}.overview-nav button b{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:999px;background:#e85b67;color:#fff;font-size:10px;text-align:center}.overview-header-actions button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#2457b8;font-size:12px;cursor:pointer}.inline-inbox{height:100%;display:flex;flex-direction:column}.inline-inbox-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.inline-inbox-heading h2{margin:0 0 5px;font-size:25px}.inline-inbox-heading span{color:#8793a3;font-size:12px}.inline-live{display:flex;align-items:center;gap:6px;color:#278064!important}.inline-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ca873}.inline-inbox-body{min-height:560px;flex:1;display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden;border:1px solid #dfe7ef;border-radius:14px;background:#fff}.inline-conversations{border-right:1px solid #e7edf3;overflow:auto}.inline-conversations button{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border:0;border-bottom:1px solid #edf1f4;background:#fff;text-align:left;cursor:pointer}.inline-conversations button:hover,.inline-conversations button.selected{background:#f1f5ff}.inline-conversations button>span:nth-child(2){min-width:0;flex:1}.inline-conversations strong,.inline-conversations small{display:block}.inline-conversations strong{font-size:13px}.inline-conversations small{margin-top:4px;color:#8a96a5;font-size:11px}.inline-conversations b{padding:2px 6px;border-radius:999px;background:#2457b8;color:#fff;font-size:10px}.inline-chat{display:flex;flex-direction:column;min-width:0}.inline-chat-title{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #e7edf3;color:#2457b8}.inline-chat-title div{display:flex;flex-direction:column;gap:4px;color:#27364a}.inline-chat-title small{color:#8793a3;font-size:11px}.inline-messages{flex:1;overflow:auto;padding:20px}.inline-message{display:flex;margin:10px 0}.inline-message.visitor{justify-content:flex-start}.inline-message.agent{justify-content:flex-end}.inline-message>div{max-width:70%;padding:10px 13px;border-radius:12px;background:#eef2f6;font-size:13px;color:#324156}.inline-message.agent>div{background:#2457b8;color:#fff}.inline-message small{display:flex;align-items:center;gap:4px;margin-top:5px;color:#8b98a8;font-size:10px}.inline-message.agent small{color:#dfe8fb}.inline-composer{display:flex;align-items:center;gap:8px;margin:14px;padding:9px 12px;border:1px solid #dfe7ef;border-radius:10px}.inline-composer svg{color:#8793a3}.inline-composer input{min-width:0;flex:1;border:0;outline:0;font-size:13px}.inline-composer button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:#2457b8;color:#fff}.inline-composer button:disabled{opacity:.4}.inline-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8793a3;font-size:13px}.inline-empty svg{margin-bottom:10px;color:#2457b8}.inline-search{display:flex;align-items:center;gap:7px;width:220px;padding:8px 10px;border:1px solid #dfe7ef;border-radius:8px;background:#f8fafc;color:#8793a3}.inline-search input{width:100%;border:0;outline:0;background:transparent;color:#33445a;font-size:12px}.inline-search input::placeholder{color:#a1adba}.inline-composer label{display:grid;place-items:center;cursor:pointer}.inline-composer label input{display:none}.inline-composer>span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6c7888;font-size:11px}.inline-composer input:disabled{background:transparent;color:#99a3b2}.inline-error{margin:-6px 0 12px;padding:9px 12px;border:1px solid #f2c8c8;border-radius:8px;background:#fff5f5;color:#b34c4c;font-size:12px}.inline-attachment-image{display:block;margin-top:7px}.inline-attachment-image img{display:block;max-width:210px;max-height:150px;border-radius:8px}.inline-attachment-file{display:flex;align-items:center;gap:6px;margin-top:7px;color:inherit;text-decoration:none;background:#fff3;padding:7px;border-radius:6px;font-size:12px}.inline-inbox-body{grid-template-columns:250px minmax(0,1fr) 250px}.inline-visitor-panel{border-left:1px solid #e7edf3;background:#fbfcfe;overflow:auto;padding:18px 15px}.inline-visitor-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e7edf3}.inline-visitor-heading>div{display:flex;align-items:center;gap:7px;color:#2b3b50}.inline-visitor-heading svg{color:#2457b8}.inline-visitor-heading strong{font-size:13px}.inline-visitor-heading>span{color:#8a96a5;font-size:10px}.inline-visitor-empty{padding:40px 8px;text-align:center;color:#9aa5b3;font-size:11px}.inline-visitor-timeline{padding-top:10px}.inline-visitor-event{position:relative;display:flex;gap:9px;padding:9px 0 13px;color:#334256;text-decoration:none}.inline-visitor-event:not(:last-child):after{content:"";position:absolute;left:4px;top:19px;bottom:-2px;width:1px;background:#dce6f0}.inline-visitor-dot{position:relative;z-index:1;flex:0 0 9px;height:9px;margin-top:3px;border:2px solid #aab8c8;border-radius:50%;background:#fff}.inline-visitor-event.current .inline-visitor-dot{border-color:#2f9f8a;background:#2f9f8a}.inline-visitor-event>div{min-width:0}.inline-visitor-event strong,.inline-visitor-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-visitor-event strong{font-size:11px;font-weight:600}.inline-visitor-event small{margin-top:3px;color:#8a96a5;font-size:10px}.inline-visitor-event time{display:flex;align-items:center;gap:4px;margin-top:5px;color:#9aa5b3;font-size:9px;white-space:nowrap}.inline-visitor-event time svg{flex:none}@media(max-width:980px){.inline-inbox-body{grid-template-columns:220px minmax(0,1fr)}.inline-visitor-panel{display:none}}@media(max-width:680px){.inline-inbox-body{grid-template-columns:1fr}.inline-chat{display:none}}.control-shell{min-height:100vh;background:#eef2f7;color:#1b2638}.control-header{height:78px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe7ef}.control-header>a{display:flex;align-items:center;gap:7px;color:#2457b8;text-decoration:none;font-size:12px}.control-header>div{display:flex;flex-direction:column;gap:4px}.control-header strong{font-size:15px}.control-header span{font-size:11px;color:#8793a3}.control-header button{border:0;background:transparent;color:#708096}.control-content{max-width:880px;margin:0 auto;padding:44px 30px}.settings-card,.inquiries-card{padding:28px;background:#fff;border:1px solid #dfe7ef;border-radius:14px;box-shadow:0 3px 12px #17305208}.control-title{display:flex;align-items:center;gap:10px;color:#2457b8}.control-title h1{margin:0;color:#1b2638;font-size:22px}.control-title span{margin-left:auto;color:#8793a3;font-size:12px}.control-description{color:#7e8b9b;font-size:13px;margin:14px 0 26px}.setting-toggle{display:flex;align-items:center;gap:10px;font-size:13px;color:#344256}.setting-toggle input{display:none}.setting-toggle span{width:36px;height:20px;border-radius:999px;background:#cbd5e1;position:relative}.setting-toggle span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s}.setting-toggle input:checked+span{background:#2f9f8a}.setting-toggle input:checked+span:after{left:19px}.time-fields{display:flex;gap:14px;margin:24px 0 14px}.time-fields label{display:grid;gap:6px;color:#68778a;font-size:12px}.time-fields input{padding:10px;border:1px solid #dbe4ec;border-radius:8px;font-size:13px}.timezone-note{display:flex;align-items:center;gap:7px;color:#8793a3;font-size:11px}.control-save{margin-top:24px;display:flex;align-items:center;gap:7px;padding:10px 15px;border:0;border-radius:8px;background:#2457b8;color:#fff;cursor:pointer}.control-empty{text-align:center;padding:70px;color:#8793a3}.lead-list{margin-top:18px}.lead-item{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid #edf1f4}.lead-item:last-child{border-bottom:0}.lead-main{min-width:0}.lead-main>strong{display:block;font-size:14px}.lead-main>span{display:inline-flex;align-items:center;gap:4px;margin:7px 14px 0 0;color:#68778a;font-size:11px}.lead-main p{margin:9px 0 0;color:#4d5d71;font-size:13px}.lead-action{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}.lead-action button,.accepted{display:flex;align-items:center;gap:5px;padding:7px 11px;border:1px solid #c9d7ee;border-radius:7px;background:#f1f5ff;color:#2457b8;font-size:12px;cursor:pointer}.accepted{border-color:#cce6dc;background:#effaf5;color:#24785f}.lead-action small{color:#9aa6b4;font-size:10px}@media(max-width:600px){.control-header{padding:0 15px}.control-content{padding:22px 14px}.time-fields,.lead-item{flex-direction:column}.lead-action{align-items:flex-start}}.embedded-resource,.embedded-control{min-height:100%;background:transparent}.embedded-resource .resource-header,.embedded-control .control-header{margin:0 0 22px;padding:0 0 16px;background:transparent;border-bottom:1px solid #dfe7ef}.embedded-resource .resource-content,.embedded-control .control-content{max-width:none;padding:0}.embedded-resource .resource-header>button:first-child,.embedded-control .control-header>button:first-child{display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#2457b8;cursor:pointer}.overview-main>.embedded-resource .resource-list,.overview-main>.embedded-control .settings-card,.overview-main>.embedded-control .inquiries-card{box-shadow:none}.lead-action select{padding:7px 9px;border:1px solid #c9d7ee;border-radius:7px;background:#fff;color:#425166;font-size:11px;max-width:140px}.quick-shell{min-height:100vh;background:#eef2f7;color:#1b2638}.quick-header{height:78px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe7ef}.quick-header>button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#2457b8;cursor:pointer}.quick-header>div{display:flex;flex-direction:column;gap:4px}.quick-header strong{font-size:15px}.quick-header span{font-size:11px;color:#8793a3}.quick-content{max-width:950px;margin:0 auto;padding:44px 30px}.quick-title{display:flex;align-items:center;gap:10px;color:#2457b8;margin-bottom:20px}.quick-title h1{margin:0;color:#1b2638;font-size:24px}.quick-title span{margin-left:auto;color:#8793a3;font-size:12px}.quick-layout{display:grid;grid-template-columns:1fr 310px;gap:18px}.quick-list,.quick-form{padding:20px;background:#fff;border:1px solid #dfe7ef;border-radius:14px}.quick-item{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f4}.quick-item:last-child{border-bottom:0}.quick-item strong{font-size:13px}.quick-item p{margin:6px 0 0;color:#5e6c7d;font-size:12px;line-height:1.5}.quick-item button{width:30px;height:30px;border:0;border-radius:7px;background:#fff3f3;color:#c45656;cursor:pointer}.quick-form h2{font-size:15px;margin:0 0 15px}.quick-form input,.quick-form textarea{width:100%;display:block;margin:9px 0;padding:10px;border:1px solid #dbe4ec;border-radius:8px;outline:0;font:inherit;font-size:12px}.quick-form textarea{height:110px;resize:vertical}.quick-form button{display:flex;align-items:center;gap:6px;padding:9px 13px;border:0;border-radius:8px;background:#2457b8;color:#fff;font-size:12px;cursor:pointer}.quick-empty{text-align:center;padding:70px;color:#8793a3}@media(max-width:700px){.quick-content{padding:22px 14px}.quick-layout{grid-template-columns:1fr}.quick-header{padding:0 15px}}.embedded-quick{min-height:100%;background:transparent}.embedded-quick .quick-header{margin:0 0 22px;padding:0 0 16px;background:transparent;border-bottom:1px solid #dfe7ef}.embedded-quick .quick-content{max-width:none;padding:0}.auto-shell{min-height:100vh;background:#eef2f7;color:#1b2638}.auto-header{height:78px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe7ef}.auto-header>button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#2457b8;cursor:pointer}.auto-header>div{display:flex;flex-direction:column;gap:4px}.auto-header strong{font-size:15px}.auto-header span{font-size:11px;color:#8793a3}.auto-content{max-width:950px;margin:0 auto;padding:44px 30px}.auto-title{display:flex;align-items:center;gap:10px;color:#2457b8;margin-bottom:20px}.auto-title h1{margin:0;color:#1b2638;font-size:24px}.auto-title span{margin-left:auto;color:#8793a3;font-size:12px}.auto-layout{display:grid;grid-template-columns:1fr 310px;gap:18px}.auto-list,.auto-form{padding:20px;background:#fff;border:1px solid #dfe7ef;border-radius:14px}.auto-item{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f4}.auto-item:last-child{border-bottom:0}.auto-item strong{font-size:13px}.auto-item p{margin:6px 0 0;color:#5e6c7d;font-size:12px;line-height:1.5}.auto-actions{display:flex;gap:7px;align-items:flex-start}.auto-actions button{padding:6px 9px;border:1px solid #dbe4ec;border-radius:7px;background:#f4f6f8;color:#8793a3;font-size:11px;cursor:pointer}.auto-actions button.enabled{border-color:#cce6dc;background:#effaf5;color:#24785f}.auto-actions .delete-auto{padding:7px;color:#c45656;background:#fff3f3}.auto-form h2{font-size:15px;margin:0 0 15px}.auto-form input,.auto-form textarea{width:100%;display:block;margin:9px 0;padding:10px;border:1px solid #dbe4ec;border-radius:8px;outline:0;font:inherit;font-size:12px}.auto-form textarea{height:110px;resize:vertical}.auto-form button{display:flex;align-items:center;gap:6px;padding:9px 13px;border:0;border-radius:8px;background:#2457b8;color:#fff;font-size:12px;cursor:pointer}.auto-empty{text-align:center;padding:70px;color:#8793a3}.embedded-auto{min-height:100%;background:transparent}.embedded-auto .auto-header{margin:0 0 22px;padding:0 0 16px;background:transparent;border-bottom:1px solid #dfe7ef}.embedded-auto .auto-content{max-width:none;padding:0}@media(max-width:700px){.auto-content{padding:22px 14px}.auto-layout{grid-template-columns:1fr}.auto-header{padding:0 15px}}.auto-settings-card{max-width:680px;padding:25px;background:#fff;border:1px solid #dfe7ef;border-radius:14px}.auto-toggle{display:flex;align-items:center;gap:10px;color:#344256;font-size:13px}.auto-toggle input{display:none}.auto-toggle span{width:36px;height:20px;position:relative;border-radius:999px;background:#cbd5e1}.auto-toggle span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s}.auto-toggle input:checked+span{background:#2f9f8a}.auto-toggle input:checked+span:after{left:19px}.auto-settings-card p{color:#8793a3;font-size:12px;margin:18px 0 10px}.auto-settings-card textarea{width:100%;min-height:150px;padding:12px;border:1px solid #dbe4ec;border-radius:9px;resize:vertical;outline:0;font:inherit;font-size:13px}.auto-save{display:flex;align-items:center;gap:7px;margin-top:16px;padding:10px 15px;border:0;border-radius:8px;background:#2457b8;color:#fff;cursor:pointer}.overview-sidebar{width:236px;flex-basis:236px;padding:26px 14px 18px;background:#172331;border-right:1px solid #26374a}.overview-logo{width:48px;height:48px;margin:0 0 34px 8px;border-radius:14px;background:#245bc1;color:#fff;font-size:22px;box-shadow:0 8px 18px #07142155}.overview-nav{gap:4px}.overview-nav a,.overview-nav button{min-height:46px;padding:11px 13px;border-radius:10px;font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease}.overview-nav a svg,.overview-nav button svg{width:19px;height:19px;color:#aebdce}.overview-nav a:hover,.overview-nav button:hover{background:#21354a;color:#fff}.overview-nav a.active,.overview-nav button.active{position:relative;background:#2a3e54;color:#fff}.overview-nav a.active:before,.overview-nav button.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 4px 4px 0;background:#5c91f2}.overview-nav a.active svg,.overview-nav button.active svg{color:#dce9ff}.overview-nav a:nth-child(5),.overview-nav button:nth-child(5){margin-top:13px}.overview-sidebar-bottom{padding-top:14px;border-top:1px solid #2b3b4d}.overview-sidebar-bottom button{min-height:42px;color:#95a6b9}.overview-sidebar-bottom button:hover{background:#21354a;color:#fff}@media(max-width:680px){.overview-sidebar{width:64px;flex-basis:64px;padding:18px 8px}.overview-logo{width:42px;height:42px;margin:0 auto 28px;font-size:19px}.overview-nav a,.overview-nav button{justify-content:center;padding:11px 0}.overview-nav a:not(.active)>:not(svg),.overview-nav button:not(.active)>:not(svg){display:none}.overview-sidebar-bottom button{justify-content:center;padding:10px 0}}.avatar-settings-shell{min-height:100%;background:#eef2f7;color:#182537}.avatar-settings-header{height:78px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe7ef}.avatar-settings-header>div{display:flex;align-items:center;gap:12px}.avatar-settings-header span{font-size:17px;font-weight:750}.avatar-settings-header small{color:#8996a7;font-size:12px}.avatar-back,.avatar-logout{border:0;background:transparent;color:#65758a;display:flex;align-items:center;gap:6px;cursor:pointer}.avatar-settings-content{max-width:760px;padding:42px 30px;margin:0 auto}.avatar-settings-card{background:#fff;border:1px solid #dfe7ef;border-radius:16px;padding:30px;box-shadow:0 8px 24px #243b5a0b}.avatar-card-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5;padding-bottom:20px}.avatar-card-title>div{display:flex;align-items:center;gap:10px;color:#2457b8}.avatar-card-title h1{margin:0;color:#182537;font-size:22px}.avatar-card-title span{color:#8996a7;font-size:12px}.avatar-preview{display:flex;align-items:center;gap:24px;padding:34px 0}.avatar-preview img{width:112px;height:112px;border-radius:30px;object-fit:cover;background:#eaf1ff;border:1px solid #dce6f5}.avatar-preview strong{font-size:17px}.avatar-preview p{margin:8px 0 18px;color:#718096;font-size:13px}.avatar-upload{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:9px;background:#edf4ff;color:#2457b8;font-size:13px;font-weight:650;cursor:pointer}.avatar-upload input{display:none}.avatar-save{display:flex;align-items:center;gap:7px;border:0;border-radius:9px;background:#2457b8;color:#fff;padding:11px 16px;cursor:pointer}.avatar-save:disabled{opacity:.45;cursor:not-allowed}.avatar-message{margin:0 0 16px;font-size:13px}.avatar-message.error{color:#c45151}.avatar-message.success{color:#238264}.avatar-settings-shell.embedded{min-height:100%;border-radius:18px;overflow:hidden}@media(max-width:600px){.avatar-settings-header{padding:0 16px}.avatar-settings-header small{display:none}.avatar-settings-content{padding:22px 14px}.avatar-settings-card{padding:20px}.avatar-preview{align-items:flex-start;flex-direction:column}}.settings-hub{min-height:100%;background:#eef2f7;color:#182537}.settings-hub-header{display:flex;align-items:center;justify-content:space-between;padding:30px 34px 22px;background:#fff;border-bottom:1px solid #dfe7ef}.settings-hub-header h1{margin:0;font-size:25px}.settings-hub-header p{margin:7px 0 0;color:#8793a3;font-size:13px}.settings-hub-header>button{padding:9px 13px;border:1px solid #d8e1ec;border-radius:8px;background:#fff;color:#53657b;cursor:pointer}.settings-hub-tabs{display:flex;gap:8px;padding:16px 34px;background:#fff;border-bottom:1px solid #dfe7ef;overflow:auto}.settings-hub-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:#6d7c90;font-size:13px;cursor:pointer}.settings-hub-tabs button.active{border-color:#cbdcf8;background:#edf4ff;color:#2457b8;font-weight:700}.settings-hub-content{min-height:calc(100% - 145px)}.settings-hub-content .control-shell,.settings-hub-content .avatar-settings-shell,.settings-hub-content .quick-shell,.settings-hub-content .auto-shell{min-height:calc(100vh - 145px);background:transparent}.settings-hub-content .control-header,.settings-hub-content .avatar-settings-header,.settings-hub-content .quick-header,.settings-hub-content .auto-header{display:none}.settings-hub-content .control-content,.settings-hub-content .avatar-settings-content,.settings-hub-content .quick-content,.settings-hub-content .auto-content{padding-top:28px}.settings-hub-content .avatar-settings-card{max-width:760px;margin:auto}@media(max-width:600px){.settings-hub-header{padding:22px 16px 18px}.settings-hub-tabs{padding:12px 16px}.settings-hub-header p{font-size:12px}.settings-hub-header>button{font-size:12px}}.overview-nav button:nth-child(5),.overview-nav button:nth-child(7),.overview-nav button:nth-child(8),.overview-nav button:nth-child(9){display:none}