.team-layout{display:flex;flex:1;min-width:0;min-height:0}.team-left{display:flex;flex-direction:column;overflow:hidden;flex:0 0 auto;width:clamp(260px,26vw,340px);min-width:0;transition:width .32s var(--ease-out),flex-basis .32s var(--ease-out),min-width .32s var(--ease-out);will-change:width}.team-left.collapsed{width:64px;flex-basis:64px}.team-left-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 14px;min-height:52px;flex-shrink:0}.team-left.collapsed .team-left-header{justify-content:center;padding:10px 6px}.team-left-header-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-left-header-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.team-left-action{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--muted);transition:background .15s,color .15s}.team-left-action svg{width:16px;height:16px}.team-left-action:hover{background:var(--hover);color:var(--text)}.team-left-action.active{background:var(--primary-50);color:var(--primary)}.team-left-tabs{display:flex;gap:2px;padding:0 12px 6px;border-bottom:1px solid var(--border);flex-shrink:0}.team-left-tab{position:relative;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px 10px;font-size:13px;font-weight:600;color:var(--muted);border-radius:8px 8px 0 0;transition:color .15s,background .15s}.team-left-tab:after{content:"";position:absolute;left:10%;right:10%;bottom:-7px;height:2px;border-radius:2px;background:transparent;transition:background .18s var(--ease-out)}.team-left-tab:hover{color:var(--text);background:var(--hover)}.team-left-tab.active{color:var(--primary)}.team-left-tab.active:after{background:var(--primary)}.team-left-tab-badge{background:var(--primary);color:#fff;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;min-width:18px;text-align:center;line-height:1.5}.team-left-empty{padding:18px 14px;text-align:center;color:var(--muted)}.team-left-empty-title{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:2px}.team-left-empty-sub{font-size:12px}.team-left-toggle{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--muted);flex-shrink:0;transition:background .15s,color .15s}.team-left-toggle:hover{background:var(--hover);color:var(--text)}.team-left-toggle-caret{transform:rotate(90deg);transition:transform .28s var(--ease-out)}.team-left-toggle-caret.collapsed{transform:rotate(-90deg)}.team-left.collapsed .team-group-head{display:none}.team-left.collapsed .team-group+.team-group{border-top:1px solid var(--border);padding-top:8px;margin-top:2px}.team-left.collapsed .team-row{justify-content:center;gap:0;padding:8px 4px;position:relative}.team-left.collapsed .team-row>svg{width:22px;height:22px}.team-left.collapsed .team-row-label,.team-left.collapsed .team-unread{display:none}.team-left.collapsed .team-row.has-unread:after{content:"";position:absolute;top:4px;right:10px;width:8px;height:8px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 2px var(--panel)}.team-left.collapsed .team-avatar-status{width:8px;height:8px}.team-row-label,.team-unread{transition:opacity .18s var(--ease-out)}.team-left.collapsed .team-row-label,.team-left.collapsed .team-unread{opacity:0}.team-left-body{flex:1;overflow-y:auto;padding:12px 10px 16px;display:flex;flex-direction:column;gap:14px}.team-search-collapse{overflow:hidden;padding:10px 14px 6px;border-bottom:1px solid var(--border);animation:team-search-in var(--dur-md) var(--ease-out);transform-origin:top center}.team-search-collapse.closing{animation:team-search-out var(--dur-sm) var(--ease-in) forwards}.team-search-collapse .search-box{border-radius:10px;gap:8px}.team-search-collapse .search-box input{font-size:13.5px}.team-search-close{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:var(--muted);flex-shrink:0}.team-search-close:hover{background:var(--hover);color:var(--text)}@keyframes team-search-in{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-4px)}to{opacity:1;max-height:80px;padding-top:10px;padding-bottom:6px;transform:translateY(0)}}@keyframes team-search-out{0%{opacity:1;max-height:80px;padding-top:10px;padding-bottom:6px;transform:translateY(0)}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-4px)}}.team-group{display:flex;flex-direction:column;gap:2px}.team-group-head{display:flex;align-items:center;gap:4px;padding:4px 6px}.team-group-toggle{flex:1;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 6px;border-radius:6px}.team-group-toggle:hover{background:var(--hover);color:var(--text)}.team-group-caret{transform:rotate(-90deg);transition:transform var(--dur-sm) var(--ease-out);width:12px;height:12px}.team-group-caret.open{transform:rotate(0)}.team-group-count{margin-left:auto;font-size:11px;font-weight:600;color:var(--muted-2);background:var(--panel-2);padding:1px 7px;border-radius:999px}.team-group-add{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:var(--muted);transition:background .15s,color .15s,transform var(--dur-sm) var(--ease-out)}.team-group-add svg{width:14px;height:14px}.team-group-add:hover{background:var(--hover);color:var(--text)}.team-group-add.active{background:var(--primary-50);color:var(--primary)}.team-group-list{display:flex;flex-direction:column;gap:1px;overflow:hidden;animation:team-group-expand var(--dur-md) var(--ease-out) both}.team-group-list.closing{animation:team-group-collapse var(--dur-sm) var(--ease-in) both}.team-group-list .team-row{opacity:0;animation:fade-slide-down var(--dur-sm) var(--ease-out) forwards}.team-group-list .team-row:nth-child(1){animation-delay:20ms}.team-group-list .team-row:nth-child(2){animation-delay:45ms}.team-group-list .team-row:nth-child(3){animation-delay:70ms}.team-group-list .team-row:nth-child(4){animation-delay:95ms}.team-group-list .team-row:nth-child(5){animation-delay:.12s}.team-group-list .team-row:nth-child(6){animation-delay:145ms}.team-group-list .team-row:nth-child(7){animation-delay:.17s}.team-group-list.closing .team-row{animation:none;opacity:1}@keyframes team-group-expand{0%{opacity:0;max-height:0;transform:translate3d(0,-4px,0)}to{opacity:1;max-height:800px;transform:translateZ(0)}}@keyframes team-group-collapse{0%{opacity:1;max-height:800px;transform:translateZ(0)}to{opacity:0;max-height:0;transform:translate3d(0,-4px,0)}}.team-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--text-2);font-size:13.5px;font-weight:500;text-align:left;width:100%}.team-row>svg{color:var(--muted);flex-shrink:0}.team-row:hover{background:var(--hover);color:var(--text)}.team-row.active{background:var(--primary-50);color:var(--primary)}.team-row.active>svg{color:var(--primary)}.team-row-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-unread{background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;min-width:20px;text-align:center}.team-center{display:flex;flex-direction:column;min-width:0}.team-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.team-chat-head-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.team-chat-head-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--primary-50);color:var(--primary);flex-shrink:0}.team-chat-head-body{min-width:0}.team-chat-head-title{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-chat-head-sub{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-chat-head-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.team-avatar-stack{display:inline-flex;align-items:center;margin-right:6px}.team-avatar-stack>*+*{margin-left:-8px}.team-avatar-stack .team-avatar{border:2px solid var(--panel)}.team-avatar-more{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--panel-2);color:var(--muted);border:2px solid var(--panel);font-size:10.5px;font-weight:700}.team-avatar{position:relative;display:inline-grid;place-items:center;border-radius:50%;font-weight:700;letter-spacing:.3px;flex-shrink:0;-webkit-user-select:none;user-select:none}.team-avatar-status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--panel)}.team-status-online{background:var(--success)}.team-status-away{background:var(--warning)}.team-status-offline{background:var(--muted-2)}.team-status-ooo{background:#a855f7}.team-status-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;vertical-align:middle}.team-status-text{text-transform:capitalize;font-weight:600;background:transparent!important}.team-status-inline{display:inline-flex;align-items:center;gap:6px;background:transparent}.team-status-text.team-status-online{color:var(--success)}.team-status-text.team-status-away{color:var(--warning)}.team-status-text.team-status-offline{color:var(--muted)}.team-status-text.team-status-ooo{color:#a855f7}.team-status-pill{font-size:10.5px;padding:2px 8px;border-radius:999px;background:var(--panel-2);text-transform:capitalize;color:var(--muted)}.team-status-pill.team-status-online{color:var(--success);background:var(--success-50)}.team-status-pill.team-status-away{color:var(--warning);background:var(--warning-50)}.team-status-pill.team-status-offline{color:var(--muted);background:var(--panel-2)}.team-status-pill.team-status-ooo{color:#a855f7;background:#a855f71f}.team-chat-body{flex:1;overflow-y:auto;padding:18px 24px 24px;display:flex;flex-direction:column;gap:10px}.team-msg{display:flex;gap:12px;padding:4px;border-radius:8px;position:relative;animation:fade-slide-up var(--dur-sm) var(--ease-out)}.team-msg:hover{background:color-mix(in srgb,var(--hover) 80%,transparent)}.team-msg.compact{padding-top:0;margin-top:-6px}.team-msg-avatar{width:36px;flex-shrink:0}.team-msg-body{flex:1;min-width:0}.team-msg-head{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.team-msg-name{font-weight:600;font-size:12.5px;color:var(--muted);letter-spacing:.01em}.team-msg-time{font-size:11px;color:var(--muted-2, var(--muted))}.team-msg-bubble{display:inline-block;max-width:680px;background:var(--panel-2);border:1px solid var(--border);padding:9px 13px;border-radius:14px 14px 14px 4px}.team-msg.me{flex-direction:row-reverse}.team-msg.me .team-msg-avatar{display:none}.team-msg.me .team-msg-body{display:flex;flex-direction:column;align-items:flex-end}.team-msg.me .team-msg-head{justify-content:flex-end}.team-msg.me .team-msg-name{display:none}.team-msg.me .team-msg-bubble{background:var(--primary);border-color:transparent;color:#fff;border-radius:14px 14px 4px}.team-msg.me .team-msg-text{color:#fff}.team-msg.me .team-msg-edited{color:#ffffffb8}.team-msg.me .team-mention{color:#fff;background:#ffffff38}.team-msg.me .team-msg-reply{background:#ffffff26;margin-left:auto}.team-msg.me .team-msg-reply-name,.team-msg.me .team-msg-reply-text{color:#ffffffd9}.team-msg.me .team-msg-reply-bar{background:#fff9}.team-msg.me .team-reactions{justify-content:flex-end}.team-msg.me .team-msg-actions{right:auto;left:12px}.team-msg.me .team-msg-more-menu{right:auto;left:0}.team-msg-text{font-size:14px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word}.team-mention{color:var(--primary);background:var(--primary-50);font-weight:600;padding:1px 6px;border-radius:6px;margin:0 1px}.team-mention-channel{color:var(--info);background:var(--info-50)}.team-msg-reply{display:flex;align-items:stretch;gap:8px;padding:6px 8px;margin-bottom:6px;background:color-mix(in srgb,var(--text) 5%,transparent);border-radius:8px;max-width:520px}.team-msg-reply-bar{width:3px;border-radius:2px;background:var(--primary);flex-shrink:0}.team-msg-reply-body{min-width:0}.team-msg-reply-name{font-size:11.5px;font-weight:700;color:var(--muted)}.team-msg-reply-text{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.team-msg-attachments{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:440px}.team-attach-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);background:var(--panel);border-radius:10px;box-shadow:var(--shadow-sm);min-width:280px}.team-attach-card.compact{padding:8px 10px;box-shadow:none}.team-attach-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--panel-2);color:var(--muted);flex-shrink:0}.team-attach-icon.tone-primary{background:var(--primary-50);color:var(--primary)}.team-attach-icon.tone-info{background:var(--info-50);color:var(--info)}.team-attach-icon.tone-success{background:var(--success-50);color:var(--success)}.team-attach-icon.tone-danger{background:var(--danger-50);color:var(--danger)}.team-attach-body{flex:1;min-width:0}.team-attach-title{font-weight:600;font-size:13.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-attach-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-attach-pill{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted);flex-shrink:0}.team-attach-pill.tone-info{background:var(--info-50);color:var(--info)}.team-attach-pill.tone-success{background:var(--success-50);color:var(--success)}.team-attach-pill.tone-danger{background:var(--danger-50);color:var(--danger)}.team-attach-meta{font-size:11.5px;font-weight:600;color:var(--muted);flex-shrink:0}.team-attach-image .team-attach-thumb{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-50),var(--info-50));color:var(--primary);flex-shrink:0;overflow:hidden}.team-attach-image .team-attach-thumb img{width:100%;height:100%;object-fit:cover}.team-attach-image-full{display:block;max-width:340px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--panel-2)}.team-attach-image-full img{display:block;width:100%;max-height:320px;object-fit:cover}.team-attach-file-link{text-decoration:none;color:inherit}.team-attach-file-link:hover{background:var(--hover)}.team-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.team-reaction{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--border);background:var(--panel-2);border-radius:999px;font-size:12px;line-height:1;color:var(--text-2);transition:transform var(--dur-sm) var(--ease-out),background .15s,border-color .15s}.team-reaction:hover{transform:translateY(-1px);border-color:var(--border-strong)}.team-reaction.mine{background:var(--primary-50);border-color:color-mix(in srgb,var(--primary) 35%,transparent);color:var(--primary)}.team-reaction-count{font-weight:700;font-size:11.5px}.team-reaction-add{color:var(--muted);gap:2px}.team-reaction-add svg{width:13px;height:13px}.team-msg-actions{position:absolute;top:-10px;right:12px;display:none;gap:2px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:8px;padding:2px;z-index:3}.team-msg:hover .team-msg-actions{display:flex}.team-msg-action{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:var(--muted)}.team-msg-action:hover{background:var(--hover);color:var(--text)}.team-msg-more{position:relative;display:inline-flex}.team-msg-more-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);padding:4px;z-index:30}.team-msg-more-menu .team-menu-item.danger .team-menu-item-title{color:var(--danger, #ef4444)}.team-msg-edit{display:grid;gap:6px}.team-msg-edit .team-chat-input{min-height:36px}.team-msg-edit-actions{display:flex;gap:6px;justify-content:flex-end}.team-msg-edited{color:var(--muted);font-size:11px;margin-left:4px}.team-emoji-pop{position:absolute;top:18px;right:48px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:10px;padding:6px;z-index:20;animation:pop-in var(--dur-sm) var(--ease-spring)}.team-emoji-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;font-size:18px;line-height:1}.team-emoji-btn:hover{background:var(--hover);transform:scale(1.15)}.team-emoji-pop-composer{top:auto;right:auto;left:52px;bottom:68px}.team-typing{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;font-size:12px;color:var(--muted);align-self:flex-start}.team-typing-dots{display:inline-flex;align-items:center;gap:3px}.team-typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--muted-2);animation:team-typing-bounce 1.2s infinite var(--ease-in-out)}.team-typing-dots span:nth-child(2){animation-delay:.15s}.team-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes team-typing-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-3px);opacity:1}}.team-empty{margin:auto;text-align:center;color:var(--muted);padding:40px 20px}.team-empty-icon{width:56px;height:56px;margin:0 auto 12px;display:grid;place-items:center;border-radius:14px;background:var(--primary-50);color:var(--primary)}.team-empty-title{font-weight:700;font-size:15px;color:var(--text);margin-bottom:4px}.team-empty-sub{font-size:13px}.team-reply-banner,.team-attach-preview{display:flex;align-items:center;gap:10px;padding:8px 16px;margin:0 14px;border:1px solid var(--border);border-bottom:none;background:var(--panel-2);border-top-left-radius:10px;border-top-right-radius:10px;animation:fade-slide-up var(--dur-sm) var(--ease-out)}.team-reply-banner>svg{color:var(--primary);flex-shrink:0}.team-reply-banner-body{flex:1;min-width:0}.team-reply-banner-name{font-size:12px;font-weight:700;color:var(--text)}.team-reply-banner-text{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-reply-banner-close{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:var(--muted);flex-shrink:0}.team-reply-banner-close:hover{background:var(--hover);color:var(--text)}.team-attach-preview{padding:6px 10px 6px 6px}.team-attach-preview .team-attach-card{flex:1}.team-composer{position:relative;padding:8px 14px 14px;border-top:1px solid var(--border);background:var(--panel);flex-shrink:0}.team-composer-row{display:flex;align-items:flex-end;gap:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:22px;padding:6px;transition:border-color .15s,background .15s,box-shadow .15s}.team-composer-row:focus-within{border-color:var(--primary);background:var(--panel);box-shadow:0 0 0 3px var(--primary-50)}.team-composer-row .chat-input{padding:8px 6px}.team-chat-input::placeholder{color:var(--muted-2);opacity:1;font-size:13px;font-weight:400}.team-composer-icon{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:transparent;transition:background .15s,color .15s}.team-composer-icon:hover{background:var(--hover);color:var(--text)}.team-mention-menu,.team-plus-menu{position:absolute;bottom:calc(100% - 6px);left:14px;right:14px;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);padding:6px;z-index:30;max-height:320px;overflow-y:auto}.team-plus-menu{left:14px;right:auto;width:360px}.team-menu-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 10px 6px}.team-menu-title.no-pad{padding:0}.team-menu-empty{padding:12px;text-align:center;color:var(--muted);font-size:13px}.team-menu-head{display:flex;align-items:center;gap:8px;padding:6px 8px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.team-menu-back{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:var(--muted)}.team-menu-back:hover{background:var(--hover);color:var(--text)}.team-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;text-align:left;color:var(--text)}.team-menu-item:hover{background:var(--panel-2)}.team-menu-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--panel-2);color:var(--muted);flex-shrink:0}.team-menu-icon.tone-primary{background:var(--primary-50);color:var(--primary)}.team-menu-icon.tone-info{background:var(--info-50);color:var(--info)}.team-menu-icon.tone-success{background:var(--success-50);color:var(--success)}.team-menu-item-body{flex:1;min-width:0}.team-menu-item-title{font-size:13.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-menu-item-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-pick-sheet{max-height:360px}.team-info{display:flex;flex-direction:column;gap:18px}.team-info-head{display:flex;align-items:center;gap:12px}.team-info-head.tall{flex-direction:column;text-align:center}.team-info-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--primary-50);color:var(--primary);flex-shrink:0}.team-info-title{font-weight:700;font-size:15px;color:var(--text)}.team-info-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.team-info-section{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:1px solid var(--border)}.team-info-section-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.team-info-members{display:flex;flex-direction:column;gap:6px}.team-info-member{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px}.team-info-member:hover{background:var(--hover)}.team-info-member-body{min-width:0}.team-info-member-name{font-size:13.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-info-member-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}.team-info-row b{color:var(--text);font-weight:600}.team-info-empty{font-size:12.5px;color:var(--muted);padding:12px;background:var(--panel-2);border-radius:8px;text-align:center}@media (max-width: 1100px){.team-info{display:none}}@media (max-width: 820px){.team-left{flex-basis:260px}}.chat-row{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;border-radius:8px;width:100%;text-align:left;color:var(--text);background:transparent;transition:background .15s}.chat-row:hover{background:var(--hover)}.chat-row.active{background:var(--panel-2)}.chat-row-bar{position:absolute;left:2px;top:8px;bottom:8px;width:3px;border-radius:2px;background:transparent;transition:background .15s}.chat-row.active .chat-row-bar{background:var(--primary)}.chat-row-avatar-wrap{flex-shrink:0;position:relative}.chat-row-avatar-channel{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--primary-50);color:var(--primary)}.chat-row-avatar-channel svg{width:18px;height:18px}.chat-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-row-head{display:flex;align-items:baseline;gap:8px;min-width:0}.chat-row-title{font-size:13.5px;font-weight:600;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row.unread .chat-row-title{font-weight:700}.chat-row-time{font-size:11px;color:var(--muted);flex-shrink:0;font-variant-numeric:tabular-nums}.chat-row.unread .chat-row-time{color:var(--primary);font-weight:600}.chat-row-sub{display:flex;align-items:center;gap:6px;min-width:0}.chat-row-preview{flex:1;min-width:0;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row.unread .chat-row-preview{color:var(--text-2)}.chat-row-unread{flex-shrink:0;background:var(--primary);color:#fff;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;min-width:18px;text-align:center;line-height:1.5}.chat-row.collapsed{justify-content:center;padding:6px 4px;gap:0}.chat-row-dot{position:absolute;top:4px;right:10px;width:8px;height:8px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 2px var(--panel)}.team-group-list{gap:2px}.team-group-list .chat-row{opacity:0;animation:fade-slide-down var(--dur-sm) var(--ease-out) forwards}.team-group-list .chat-row:nth-child(1){animation-delay:20ms}.team-group-list .chat-row:nth-child(2){animation-delay:45ms}.team-group-list .chat-row:nth-child(3){animation-delay:70ms}.team-group-list .chat-row:nth-child(4){animation-delay:95ms}.team-group-list .chat-row:nth-child(5){animation-delay:.12s}.team-group-list .chat-row:nth-child(6){animation-delay:145ms}.team-group-list .chat-row:nth-child(7){animation-delay:.17s}.team-group-list.closing .chat-row{animation:none;opacity:1}.team-left.collapsed .chat-row-body{display:none}.team-left{width:clamp(280px,28vw,360px)}.ch-layout{flex:1;display:flex;min-height:0;background:var(--bg)}.ch-sidenav{flex:0 0 260px;width:260px;border-right:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;padding:18px 14px;gap:10px;overflow-y:auto}.ch-sidenav-head{padding:4px 8px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.ch-sidenav-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.ch-sidenav-sub{font-size:13px;color:var(--text);font-weight:600;margin-top:2px}.ch-sidenav-list{display:flex;flex-direction:column;gap:2px}.ch-sidenav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-2);transition:background var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out);cursor:pointer}.ch-sidenav-item:hover{background:var(--hover);color:var(--text)}.ch-sidenav-item.active{background:var(--primary-50);color:var(--primary)}.ch-sidenav-item.active .ch-sidenav-desc{color:var(--primary);opacity:.7}.ch-sidenav-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--panel-2);color:inherit;flex-shrink:0}.ch-sidenav-item.active .ch-sidenav-icon{background:var(--panel);color:var(--primary)}.ch-sidenav-body{display:flex;flex-direction:column;min-width:0;flex:1}.ch-sidenav-label{font-size:14px;font-weight:600}.ch-sidenav-desc{font-size:11.5px;color:var(--muted)}.ch-sidenav-foot{margin-top:auto;padding-top:12px}.ch-help-card{background:linear-gradient(140deg,var(--primary-50),var(--panel-2));border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.ch-help-title{font-size:13px;font-weight:700;color:var(--text)}.ch-help-sub{font-size:12px;color:var(--muted);line-height:1.5}.ch-help-card .btn{align-self:flex-start}.ch-content{flex:1;min-width:0;min-height:0;overflow-y:auto;background:var(--bg)}.ch-page{padding:28px 36px 40px;max-width:1400px;margin:0 auto;animation:fade-slide-up var(--dur-md) var(--ease-out) both;position:relative}.ch-toast{position:fixed;top:22px;right:22px;z-index:80;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 12px 32px #0f172a2e;cursor:pointer;border:1px solid transparent;background:var(--surface);color:var(--text);animation:fade-slide-up var(--dur-sm) var(--ease-out) both}.ch-toast-success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.ch-toast-warning{background:#fffbeb;color:#92400e;border-color:#fde68a}.ch-toast-info{background:#eff6ff;color:#1e3a8a;border-color:#bfdbfe}.ch-toast-danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}.ch-breadcrumb{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:10px}.ch-breadcrumb-sep{width:12px;height:12px;opacity:.6;transform:rotate(-90deg)}.ch-breadcrumb-current{color:var(--text);font-weight:600}.ch-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.ch-page-head-compact{align-items:center;margin-bottom:16px}.ch-page-head-compact .ch-page-sub{max-width:720px;margin:0}.ch-page-head-actions{display:flex;gap:8px;flex-shrink:0}.ch-page-title{font-size:24px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px;color:var(--text)}.ch-page-sub{font-size:13.5px;color:var(--muted);max-width:640px;line-height:1.55}.ch-hero{display:grid;grid-template-columns:1fr 320px;gap:20px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:22px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.ch-hero:before{content:"";position:absolute;inset:auto -120px -160px auto;width:360px;height:360px;background:radial-gradient(circle,var(--primary-50),transparent 65%);pointer-events:none;opacity:.9}.ch-hero-left{position:relative}.ch-hero-title{font-size:26px;font-weight:700;letter-spacing:-.4px;margin:6px 0 8px;color:var(--text)}.ch-hero-sub{font-size:14px;color:var(--muted);line-height:1.6;max-width:560px;margin-bottom:20px}.ch-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ch-hero-stat{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.ch-hero-stat-value{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.4px}.ch-hero-stat-of{color:var(--muted);font-weight:600;font-size:14px}.ch-hero-stat-label{font-size:12px;color:var(--muted);margin-top:2px;font-weight:600}.ch-hero-stat-caption{font-size:11px;color:var(--muted-2);margin-top:2px}.ch-hero-stat.tone-success .ch-hero-stat-value{color:var(--success)}.ch-hero-right{position:relative;z-index:1}.ch-quick-card{background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;height:100%}.ch-quick-title{font-size:13px;font-weight:700;color:var(--text);display:inline-flex;align-items:center;gap:6px}.ch-quick-title svg{color:var(--primary)}.ch-quick-steps{display:flex;flex-direction:column;gap:6px}.ch-quick-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);padding:6px 0}.ch-quick-step.done{color:var(--text)}.ch-quick-step-dot{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border-strong);display:grid;place-items:center;background:var(--panel);flex-shrink:0;color:transparent}.ch-quick-step.done .ch-quick-step-dot{background:var(--success);border-color:var(--success);color:#fff}.ch-quick-step.done .ch-quick-step-dot svg{width:12px;height:12px}.ch-quick-card .btn{align-self:stretch;justify-content:center}.ch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.ch-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ch-tabs{display:flex;gap:4px;flex-wrap:wrap}.ch-tab{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;transition:background var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out)}.ch-tab:hover{background:var(--panel-2);color:var(--text)}.ch-tab.active{background:var(--primary-50);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.ch-tab-count{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--panel-2);color:var(--muted)}.ch-tab.active .ch-tab-count{background:var(--panel);color:var(--primary)}.ch-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--muted);min-width:260px;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.ch-search.grow{flex:1;min-width:260px}.ch-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.ch-search input{flex:1;border:none;background:transparent;outline:none;color:var(--text);font-size:13.5px}.ch-search input::placeholder{color:var(--muted-2)}.ch-search-clear{width:22px;height:22px;display:grid;place-items:center;color:var(--muted);border-radius:6px}.ch-search-clear:hover{background:var(--hover);color:var(--text)}.ch-dropdown{position:relative;display:inline-flex;align-items:center;height:38px;padding:0 34px 0 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--text);gap:8px;cursor:pointer}.ch-dropdown:hover{border-color:var(--border-strong)}.ch-dropdown select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:none;font-size:13px;font-weight:600;color:var(--text);padding-right:0;cursor:pointer;color-scheme:light dark;max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}[data-theme=dark] .ch-dropdown select{color-scheme:dark}.ch-dropdown select option{background:var(--panel);color:var(--text);font-weight:500}.ch-dropdown select option:checked,.ch-dropdown select option:hover{background:var(--primary-50);color:var(--primary)}.ch-dropdown-label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ch-dropdown-caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;width:14px;height:14px}.ch-date-range{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:600;color:var(--text)}.ch-date-range:hover{border-color:var(--border-strong);background:var(--panel-2)}.ch-date-range svg{color:var(--muted)}.ch-chip-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel);font-size:12.5px;font-weight:600;color:var(--text-2)}.ch-chip-btn:hover{background:var(--panel-2);color:var(--text)}.ch-section{margin-bottom:22px}.ch-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ch-section-head-right{display:flex;gap:6px}.ch-section-title-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.ch-section-title{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.1px}.ch-section-hint{font-size:12px;color:var(--muted);margin-left:38px;line-height:1.45}.ch-section-icon{width:28px;height:28px;border-radius:8px;background:var(--panel-2);color:var(--primary);display:grid;place-items:center}.ch-section-count{font-size:11px;font-weight:700;background:var(--panel-2);color:var(--muted);padding:2px 8px;border-radius:999px}.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.ch-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out);min-height:190px}.ch-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ch-card.is-connected{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--success-50) 60%,var(--panel)) 0%,var(--panel) 42%)}.ch-card-top{display:flex;align-items:center;gap:12px}.ch-card-logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0;box-shadow:inset 0 0 0 1px #fff3}.ch-card-headings{flex:1;min-width:0}.ch-card-name{font-size:14.5px;font-weight:700;color:var(--text);line-height:1.25}.ch-card-cat{font-size:11.5px;color:var(--muted);margin-top:2px;font-weight:500}.ch-card-desc{font-size:13px;color:var(--muted);line-height:1.55;flex:1}.ch-card-stats{display:flex;gap:12px;font-size:12px;color:var(--muted);padding:8px 0;border-top:1px dashed var(--border)}.ch-card-stats span{display:inline-flex;align-items:center;gap:6px}.ch-card-stats svg{color:var(--primary)}.ch-card-actions{display:flex;gap:8px;align-items:center}.ch-card-actions .btn.sm{padding:7px 12px}.ch-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:none;letter-spacing:.1px;white-space:nowrap}.ch-pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ch-pill-success{background:var(--success-50);color:var(--success)}.ch-pill-warning{background:var(--warning-50);color:var(--warning)}.ch-pill-danger{background:var(--danger-50);color:var(--danger)}.ch-pill-info{background:var(--info-50);color:var(--info)}.ch-pill-muted{background:var(--panel-2);color:var(--muted)}.ch-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.ch-kpi{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.ch-kpi:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.ch-kpi-label{font-size:12px;color:var(--muted);font-weight:600}.ch-kpi-value{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.3px}.ch-kpi-delta{font-size:11.5px;font-weight:700;margin-top:auto}.ch-kpi-delta.tone-success{color:var(--success)}.ch-kpi-delta.tone-warning{color:var(--warning)}.ch-kpi-delta.tone-danger{color:var(--danger)}.ch-two-col{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.ch-store-list{display:flex;flex-direction:column;gap:10px}.ch-store-row{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,1.6fr) auto;gap:24px;align-items:center;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.ch-store-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.ch-store-left{display:flex;align-items:center;gap:12px;min-width:0}.ch-store-name{font-weight:700;font-size:14.5px;color:var(--text)}.ch-store-meta{font-size:12px;color:var(--muted);margin-top:2px}.ch-store-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:0}.ch-store-cell{min-width:0;overflow:hidden}.ch-store-cell-value{flex-wrap:wrap}.ch-store-cell-label{font-size:11px;color:var(--muted);font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.ch-store-cell-value{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.ch-store-cell-value.muted{color:var(--muted);font-weight:500}.ch-health{flex:1;height:6px;background:var(--panel-2);border-radius:999px;overflow:hidden;min-width:60px}.ch-health-bar{height:100%;border-radius:999px;transition:width var(--dur-md) var(--ease-out)}.ch-health-bar.tone-success{background:var(--success)}.ch-health-bar.tone-warning{background:var(--warning)}.ch-health-bar.tone-danger{background:var(--danger)}.ch-health-value{font-size:12px;font-weight:700;color:var(--muted)}.ch-store-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ch-icon-btn{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:transparent}.ch-icon-btn:hover{background:var(--hover);color:var(--text)}.ch-activity{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}.ch-activity-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ch-link{background:transparent;color:var(--primary);font-size:12.5px;font-weight:600;padding:4px 8px;border-radius:6px}.ch-link:hover{background:var(--primary-50)}.ch-activity-list{display:flex;flex-direction:column;gap:10px}.ch-activity-item{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:10px;transition:background var(--dur-sm) var(--ease-out)}.ch-activity-item:hover{background:var(--panel-2)}.ch-activity-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.ch-activity-icon.tone-primary{background:var(--primary-50);color:var(--primary)}.ch-activity-icon.tone-info{background:var(--info-50);color:var(--info)}.ch-activity-icon.tone-success{background:var(--success-50);color:var(--success)}.ch-activity-icon.tone-warning{background:var(--warning-50);color:var(--warning)}.ch-activity-icon.tone-danger{background:var(--danger-50);color:var(--danger)}.ch-activity-body{flex:1;min-width:0}.ch-activity-title{font-size:13px;font-weight:600;color:var(--text)}.ch-activity-sub{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.45}.ch-activity-time{font-size:11.5px;color:var(--muted);white-space:nowrap;padding-top:4px}.ch-segment{display:inline-flex;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:4px;gap:2px;margin-bottom:14px}.ch-segment-btn{padding:8px 16px;font-size:13px;font-weight:600;border-radius:7px;color:var(--muted);display:inline-flex;align-items:center;gap:8px;transition:background var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out)}.ch-segment-btn:hover{color:var(--text)}.ch-segment-btn.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.ch-segment-count{font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--panel);color:var(--muted)}.ch-segment-btn.active .ch-segment-count{background:var(--primary-50);color:var(--primary)}.ch-table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.ch-table{width:100%;border-collapse:collapse;font-size:13.5px}.ch-table thead th{text-align:left;padding:12px 16px;background:var(--panel-2);font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;font-weight:700;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.ch-table thead th.num,.ch-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.ch-table tbody tr{border-bottom:1px solid var(--border);transition:background var(--dur-sm) var(--ease-out)}.ch-table tbody tr:last-child{border-bottom:none}.ch-table tbody tr:hover{background:var(--panel-2)}.ch-table tbody tr.ch-log-row{cursor:pointer}.ch-table tbody tr.ch-log-row.active{background:var(--primary-50)}.ch-table tbody td{padding:13px 16px;color:var(--text);vertical-align:middle}.ch-table tbody td.muted{color:var(--muted)}.ch-api-name{font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,monospace;font-size:13px;font-weight:600;color:var(--text)}.ch-api-desc{font-size:12px;color:var(--muted);margin-top:2px;max-width:420px}.ch-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);font-size:11.5px;font-weight:600;color:var(--text-2);white-space:nowrap}.ch-method{display:inline-grid;place-items:center;min-width:54px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.4px;font-family:JetBrains Mono,ui-monospace,monospace}.ch-method-get{background:var(--info-50);color:var(--info)}.ch-method-post{background:var(--success-50);color:var(--success)}.ch-method-put{background:var(--warning-50);color:var(--warning)}.ch-method-delete{background:var(--danger-50);color:var(--danger)}.ch-row-actions{display:inline-flex;gap:4px;flex-wrap:wrap}.ch-row-action{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-2);background:transparent;transition:background var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out)}.ch-row-action:hover{background:var(--hover);color:var(--primary)}.ch-row-action.danger{color:var(--danger)}.ch-row-action.danger:hover{background:var(--danger-50);color:var(--danger)}.ch-table-empty{padding:40px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}.ch-table-empty svg{color:var(--muted-2);opacity:.7}.ch-status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:600}.ch-status-pill .ch-status-code{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700}.ch-status-pill.tone-success{background:var(--success-50);color:var(--success)}.ch-status-pill.tone-warning{background:var(--warning-50);color:var(--warning)}.ch-status-pill.tone-danger{background:var(--danger-50);color:var(--danger)}.ch-logs-layout{display:grid;grid-template-columns:1fr;gap:18px}.ch-logs-layout.with-detail{grid-template-columns:1fr 400px}.ch-log-detail{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;height:fit-content;position:sticky;top:20px;max-height:calc(100vh - 120px);overflow-y:auto}.ch-log-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.ch-log-detail-title{font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;font-weight:700;color:var(--text)}.ch-log-detail-sub{font-size:12px;color:var(--muted);margin-top:2px}.ch-log-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ch-log-meta-label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.ch-log-meta-value{font-size:14px;font-weight:600;color:var(--text)}.ch-log-section-title{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.ch-code-block{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.55;color:var(--text);white-space:pre;overflow-x:auto}.ch-sheet-callout{background:linear-gradient(140deg,var(--primary-50),var(--panel));border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:14px;padding:18px 20px;display:flex;gap:14px;margin-bottom:22px}.ch-sheet-callout-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--panel);color:var(--primary);flex-shrink:0;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border))}.ch-sheet-callout-icon svg{width:16px;height:16px}.ch-sheet-callout-body{flex:1;display:flex;flex-direction:column;gap:8px}.ch-sheet-callout-title{font-size:14px;font-weight:700;color:var(--text)}.ch-sheet-callout-sub{font-size:13px;color:var(--muted)}.ch-copy-field{display:inline-flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;background:var(--panel);border:1px solid var(--border);border-radius:10px;max-width:520px;transition:border-color var(--dur-sm) var(--ease-out),background var(--dur-sm) var(--ease-out)}.ch-copy-field.flash{border-color:var(--success);background:var(--success-50)}.ch-copy-field code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-50);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}.ch-copy-btn:hover{background:color-mix(in srgb,var(--primary) 15%,var(--panel))}.ch-form{display:flex;flex-direction:column;gap:14px}.ch-field{display:flex;flex-direction:column;gap:6px}.ch-field-label{font-size:13px;font-weight:600;color:var(--text)}.ch-field-input{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:0 12px;height:40px;color:var(--muted);transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.ch-field-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.ch-field-input input{flex:1;border:none;outline:none;background:transparent;font-size:13.5px;color:var(--text)}.ch-field-hint{font-size:12px;color:var(--muted)}.ch-sheet-list{display:flex;flex-direction:column;gap:8px}.ch-sheet-row{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:14px;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.ch-sheet-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.ch-sheet-row-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.ch-sheet-row-right{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.ch-sheet-icon{width:36px;height:36px;border-radius:10px;background:var(--success-50);color:var(--success);display:grid;place-items:center}.ch-sheet-name{font-weight:700;font-size:14px;color:var(--text)}.ch-sheet-meta{font-size:12px;color:var(--muted);margin-top:2px}.ch-sheet-add{margin-bottom:22px}.ch-form-inline{display:flex;gap:10px;align-items:stretch}.ch-field-input-grow{flex:1;min-width:0}.ch-form-inline .btn{white-space:nowrap}.ch-sheet-add .ch-field-hint{display:block;margin-top:8px}.ch-sheet-table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.ch-sheet-table{width:100%;border-collapse:collapse;font-size:13.5px}.ch-sheet-table thead th{text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:12px 16px;background:var(--panel-2);border-bottom:1px solid var(--border)}.ch-sheet-table thead th.num,.ch-sheet-table thead th.actions{text-align:right}.ch-sheet-table tbody td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.ch-sheet-table tbody tr:last-child td{border-bottom:0}.ch-sheet-table tbody tr:hover td{background:var(--hover)}.ch-sheet-table td.num{text-align:right;font-variant-numeric:tabular-nums}.ch-sheet-table td.actions{text-align:right}.ch-sheet-lastsync{color:var(--muted)}.ch-sheet-cell{display:flex;align-items:center;gap:12px;min-width:0}.ch-sheet-cell-text{min-width:0}.ch-sheet-cell .ch-sheet-meta{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.ch-sheet-actions{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.ch-row-action.primary{color:var(--primary);background:var(--info-50)}.ch-row-action.primary:hover{background:var(--primary);color:#fff}.ch-sheet-th-help{cursor:help;border-bottom:1px dotted var(--muted-2, var(--muted))}.ch-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.ch-toggle input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.ch-toggle-track{position:relative;width:32px;height:18px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;transition:background .14s ease,border-color .14s ease;flex-shrink:0}.ch-toggle-thumb{position:absolute;top:1px;left:1px;width:14px;height:14px;background:var(--muted);border-radius:50%;transition:transform .14s cubic-bezier(.16,1,.3,1),background .14s ease}.ch-toggle.on .ch-toggle-track{background:color-mix(in srgb,var(--success) 28%,transparent);border-color:var(--success)}.ch-toggle.on .ch-toggle-thumb{transform:translate(14px);background:var(--success)}.ch-toggle-label{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.ch-toggle.on .ch-toggle-label{color:var(--success);font-weight:600}.ch-toggle:focus-within .ch-toggle-track{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.ch-sheet-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;justify-content:flex-end;animation:chOverlayFade .16s ease-out}@keyframes chOverlayFade{0%{opacity:0}to{opacity:1}}.ch-sheet-preview{width:min(440px,100vw);height:100%;background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-8px 0 32px #00000040;animation:chPreviewSlide .2s cubic-bezier(.16,1,.3,1)}@keyframes chPreviewSlide{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.ch-sheet-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.ch-sheet-preview-body{flex:1;overflow:auto;padding:18px}.ch-sheet-preview-section-title{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:10px}.ch-sheet-tab-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ch-sheet-tab-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--text)}.ch-sheet-tab-list li>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-sheet-tab-rows{color:var(--muted);font-size:12px;flex:0 0 auto!important}.ch-sheet-preview-foot{padding:14px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.ch-empty{padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--panel);border:1px dashed var(--border-strong);border-radius:14px}.ch-empty.inline{padding:28px 16px}.ch-empty svg{color:var(--muted-2);opacity:.7}.ch-empty-title{font-size:14px;font-weight:700;color:var(--text)}.ch-empty-sub{font-size:13px;color:var(--muted);max-width:360px;line-height:1.5}.ch-status-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-radius:16px;border:1px solid var(--border);background:var(--panel);margin-bottom:18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.ch-status-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,transparent);opacity:.35;pointer-events:none}.ch-status-banner.tone-success{border-color:color-mix(in srgb,var(--success) 40%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--success-50) 70%,var(--panel)),var(--panel) 60%)}.ch-status-banner.tone-warning{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--warning-50) 70%,var(--panel)),var(--panel) 60%)}.ch-status-banner.tone-danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--danger-50) 70%,var(--panel)),var(--panel) 60%)}.ch-status-banner-left{display:flex;align-items:center;gap:14px}.ch-status-banner-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;position:relative}.ch-status-banner.tone-success .ch-status-banner-dot{background:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 22%,transparent)}.ch-status-banner.tone-warning .ch-status-banner-dot{background:var(--warning);box-shadow:0 0 0 5px color-mix(in srgb,var(--warning) 22%,transparent)}.ch-status-banner.tone-danger .ch-status-banner-dot{background:var(--danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 22%,transparent)}.ch-status-banner-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid currentColor;opacity:.35;animation:ch-pulse 1.8s ease-out infinite}.ch-status-banner.tone-success .ch-status-banner-dot:after{color:var(--success)}.ch-status-banner.tone-warning .ch-status-banner-dot:after{color:var(--warning)}.ch-status-banner.tone-danger .ch-status-banner-dot:after{color:var(--danger)}@keyframes ch-pulse{0%{transform:scale(.9);opacity:.55}80%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}.ch-status-banner-title{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.2px}.ch-status-banner-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.ch-status-window{display:inline-flex;gap:2px;padding:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px}.ch-status-window-btn{padding:6px 12px;border-radius:7px;font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.ch-status-window-btn:hover{color:var(--text)}.ch-status-window-btn.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.ch-health-list{display:flex;flex-direction:column;gap:10px}.ch-health-row{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,1fr) auto;gap:20px;align-items:center;min-width:0;overflow:hidden;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.ch-health-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.ch-health-row>*{min-width:0}.ch-health-row-left{display:flex;align-items:center;gap:12px;min-width:0}.ch-health-row-left>div{min-width:0}.ch-health-row-left .ch-store-name,.ch-health-row-left .ch-store-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-health-bars{display:flex;align-items:flex-end;gap:3px;height:28px;overflow:hidden}.ch-uptime-bar{flex:1 1 0;height:100%;border-radius:2px;background:var(--success);opacity:.85;transition:opacity var(--dur-sm) var(--ease-out);min-width:2px}.ch-uptime-bar:hover{opacity:1}.ch-uptime-bar.tone-success{background:var(--success)}.ch-uptime-bar.tone-warning{background:var(--warning)}.ch-uptime-bar.tone-danger{background:var(--danger)}.ch-health-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0}.ch-metric-label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.ch-metric-value{font-size:14px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.ch-metric-value.tone-success{color:var(--success)}.ch-metric-value.tone-warning{color:var(--warning)}.ch-metric-value.tone-danger{color:var(--danger)}.ch-metric-value.tone-muted{color:var(--muted)}.ch-health-status{display:flex;justify-content:flex-end}.ch-incident-list{display:flex;flex-direction:column;gap:8px}.ch-incident-row{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.ch-incident-left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.ch-incident-dot{width:10px;height:10px;border-radius:50%;margin-top:7px;flex-shrink:0}.ch-incident-dot.tone-success{background:var(--success)}.ch-incident-dot.tone-warning{background:var(--warning)}.ch-incident-dot.tone-danger{background:var(--danger)}.ch-incident-title{font-size:14px;font-weight:700;color:var(--text)}.ch-incident-sub{font-size:12px;color:var(--muted);margin-top:2px}.ch-incident-body{font-size:13px;color:var(--text-2);margin-top:6px;line-height:1.5;max-width:700px}.ch-incident-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}@media (max-width: 1200px){.ch-hero{grid-template-columns:1fr}.ch-hero-stats{grid-template-columns:repeat(2,1fr)}.ch-two-col{grid-template-columns:1fr}.ch-form-inline{flex-direction:column;align-items:stretch}.ch-sheet-table thead{display:none}.ch-sheet-table tbody td{display:block;padding:10px 16px;border-bottom:0}.ch-sheet-table tbody tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--border);align-items:center}.ch-sheet-table tbody tr td.actions{grid-column:1 / -1;text-align:left}.ch-sheet-table td.num{text-align:left}.ch-logs-layout.with-detail{grid-template-columns:1fr}.ch-log-detail{position:static;max-height:none}}@media (max-width: 1100px){.ch-health-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left   status" "bars   bars" "metrics metrics";gap:14px}.ch-health-row-left{grid-area:left}.ch-health-status{grid-area:status;justify-self:end}.ch-health-bars{grid-area:bars;height:22px}.ch-health-metrics{grid-area:metrics}}@media (max-width: 960px){.ch-page{padding:20px 22px 30px}.ch-kpi-row{grid-template-columns:repeat(2,1fr)}.ch-store-row{grid-template-columns:1fr;gap:14px}.ch-store-cells{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-store-right{justify-content:flex-start;flex-wrap:wrap}}@media (max-width: 560px){.ch-store-cells{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.ch-sidenav{flex:0 0 72px;width:72px;padding:16px 8px}.ch-sidenav-head,.ch-sidenav-desc,.ch-sidenav-label,.ch-sidenav-foot{display:none}.ch-sidenav-item{justify-content:center;padding:10px 6px}.ch-page-head{flex-direction:column;align-items:flex-start}.ch-toolbar{flex-direction:column;align-items:stretch}.ch-toolbar-right{justify-content:flex-start}}.ch-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.ch-modal{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:20px;width:460px;max-width:100%;box-shadow:var(--shadow-md)}.ch-modal-title{margin:0 0 14px;font-size:16px;font-weight:600;color:var(--text)}.ch-modal-body{display:grid;gap:12px}.ch-modal-field{display:grid;gap:6px;font-size:13px;color:var(--text-2)}.ch-modal-field>input,.ch-modal-field>select{width:100%;height:36px;padding:0 10px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:13px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.ch-modal-field>select{padding-right:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-2) 50%),linear-gradient(135deg,var(--text-2) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.ch-modal-field>input::placeholder{color:var(--muted)}.ch-modal-field>input:focus,.ch-modal-field>select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.ch-modal-error{color:var(--danger);margin-top:10px;font-size:13px}.ch-modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.pg-scroll{flex:1;min-width:0;min-height:0;overflow-y:auto;background:var(--bg)}.pg-layout{flex:1;display:flex;min-height:0;background:var(--bg)}.pg-main{flex:1;min-width:0;overflow-y:auto;padding:24px 28px 40px}.pg-side{flex:0 0 360px;width:360px;background:var(--panel);display:flex;flex-direction:column;min-height:0}.pg-side-left{border-right:1px solid var(--border)}.pg-side-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--panel-2)}.pg-side-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 10px;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:color .12s ease,border-color .12s ease,background .12s ease}.pg-side-tab:hover{color:var(--text);background:var(--hover)}.pg-side-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--panel)}.pg-side-tab svg{width:14px;height:14px}.pg-side-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.pg-side-row{display:flex;align-items:center;gap:8px}.pg-side-btn{flex:1;justify-content:center}.pg-side-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 8px;border-bottom:1px solid var(--border);margin:-2px -2px 6px}.pg-side-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pg-side-toolbar-actions{display:flex;align-items:center;gap:2px}.pg-side-toolbar-actions .pg-icon-btn{width:22px;height:22px}.pg-side-toolbar-actions .pg-icon-btn svg{width:12px;height:12px}.pg-side-toolbar-actions .pg-icon-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pg-help-pop{position:fixed;z-index:200;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 48px #0006;padding:12px 14px;animation:fade-slide-up var(--dur-sm, .18s) ease-out both}.pg-help-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.pg-help-body{font-size:12.5px;color:var(--text-2, var(--text));line-height:1.55}.pg-help-body p{margin:0 0 8px}.pg-help-body ul{margin:0 0 10px;padding-left:18px}.pg-help-body li{margin:2px 0}.pg-help-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:var(--panel-2);padding:1px 5px;border-radius:4px;border:1px solid var(--border);color:var(--primary);margin:0 2px}.pg-help-section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 4px}.pg-help-code{margin:0;padding:8px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word}.pg-help-tip{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:8px 10px;background:color-mix(in srgb,var(--warning, #f59e0b) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning, #f59e0b) 30%,transparent);border-radius:6px;font-size:11.5px;color:var(--text);line-height:1.5}.pg-help-tip svg{flex-shrink:0;color:var(--warning, #b45309);margin-top:1px}.pg-side-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 14px;color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:8px;margin-top:6px}.pg-side-empty svg{width:20px;height:20px;opacity:.6}.pg-side-empty-title{font-size:13px;font-weight:600;color:var(--text)}.pg-side-empty-sub{font-size:12px;color:var(--muted);line-height:1.5}.pg-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}.pg-header-titles{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.pg-header-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.pg-name-input{font-size:22px;font-weight:700;border:1px solid transparent;background:transparent;color:var(--text);padding:4px 8px;margin:-4px -8px;border-radius:8px;outline:none;transition:border-color .12s ease,background .12s ease}.pg-name-input:hover{border-color:var(--border);background:var(--panel-2)}.pg-name-input:focus{border-color:var(--primary);background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.pg-breadcrumb{font-size:12px;color:var(--muted);padding-left:4px}.pg-desc-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;transition:border-color .12s ease,box-shadow .12s ease}.pg-desc-field.required{border-color:color-mix(in srgb,var(--warning, #f59e0b) 45%,var(--border))}.pg-desc-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.pg-desc-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.pg-desc-label>span:first-child{color:var(--text)}.pg-desc-meta{font-weight:500;text-transform:none;letter-spacing:0;font-size:11.5px;color:var(--muted)}.pg-desc-field.required .pg-desc-meta{color:var(--warning, #b45309);font-weight:600}.pg-desc-input{width:100%;box-sizing:border-box;min-height:44px;padding:6px 8px;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:13px;line-height:1.5;resize:vertical;outline:none}.pg-desc-input::placeholder{color:var(--muted-2, var(--muted));opacity:.7}.pg-endpoint-warn{color:var(--warning, #b45309)!important;background:color-mix(in srgb,var(--warning, #f59e0b) 15%,transparent)!important}.pg-save-menu{position:relative}.pg-save-pop{position:absolute;right:0;top:calc(100% + 6px);min-width:200px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #0f172a2e;padding:4px;z-index:40;display:flex;flex-direction:column}.pg-save-head{padding:8px 10px 6px;font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pg-save-item{text-align:left;background:transparent;border:none;padding:8px 10px;font-size:13px;color:var(--text);border-radius:6px;cursor:pointer}.pg-save-item:hover{background:var(--hover)}.pg-save-sep{height:1px;background:var(--border);margin:4px 0}.pg-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px}.pg-toolbar-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:999px;font-size:12.5px;color:var(--text);cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.pg-toolbar-chip:hover{border-color:var(--border-strong);background:var(--hover)}.pg-toolbar-chip.active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.pg-toolbar-chip.subtle{color:var(--muted)}.pg-toolbar-chip-hint{color:var(--muted);font-size:11.5px;font-weight:400}.pg-curl-import{margin-bottom:14px;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:10px}.pg-curl-import textarea{width:100%;box-sizing:border-box;min-height:110px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.pg-curl-import textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.pg-curl-error{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--danger)}.pg-curl-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pg-desc-panel{margin-bottom:14px;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:8px;transition:border-color .12s ease,box-shadow .12s ease}.pg-desc-panel:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.pg-desc-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.pg-desc-panel-title{font-size:13px;font-weight:700;color:var(--text)}.pg-desc-panel-sub{font-size:11.5px;color:var(--muted)}.pg-getting-started{margin:0 0 18px;padding:18px 20px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 8%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:12px}.pg-getting-started-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.pg-getting-started-icon{width:32px;height:32px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 18%,transparent);border-radius:8px;color:var(--primary);flex-shrink:0}.pg-getting-started-title{font-size:14px;font-weight:700;color:var(--text)}.pg-getting-started-sub{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:2px;max-width:720px}.pg-example{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.pg-example-meta{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--panel-2);border-bottom:1px solid var(--border)}.pg-example-name{flex:1;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-example-load{padding:6px 14px;font-size:12.5px}.pg-example-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px}@media (max-width: 1100px){.pg-example-grid{grid-template-columns:1fr}}.pg-example-col{display:flex;flex-direction:column;gap:6px;min-width:0}.pg-example-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.pg-example-code{margin:0;padding:12px 14px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.55;color:var(--text);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.pg-example-map{margin:0;padding:12px 14px 12px 30px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;font-size:12.5px;color:var(--text);line-height:1.6}.pg-example-map li{margin:4px 0}.pg-example-map code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:var(--panel);padding:1px 5px;border-radius:4px;border:1px solid var(--border);color:var(--primary)}.pg-warning{display:flex;gap:10px;align-items:center;padding:10px 14px;margin:0 0 12px;background:var(--warning-50, #fffbeb);color:var(--warning, #92400e);border:1px solid color-mix(in srgb,var(--warning, #92400e) 30%,transparent);border-radius:8px;font-size:12.5px}.pg-warning svg{flex-shrink:0}.pg-request{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.pg-url-row{display:flex;gap:8px;align-items:stretch;margin-bottom:16px}.pg-send{height:40px;white-space:nowrap}.pg-method{min-width:110px;padding:0 14px;border:1px solid var(--border);background:var(--panel-2);border-radius:8px;font-size:13px;font-weight:700;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.pg-method:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}[data-theme=dark] .pg-method{color-scheme:dark}.pg-url{flex:1;padding:0 14px;height:40px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--text);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.pg-url:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.pg-library-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pg-library-row .ch-dropdown.grow{flex:1;min-width:280px}.pg-lib-meta{display:inline-flex;align-items:center;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--muted)}.pg-lib-url{word-break:break-all}.pg-sub-seg{margin:0 0 12px}.pg-editor{display:block;width:100%;box-sizing:border-box;min-height:110px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.55;resize:vertical;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.pg-tab-panel{margin-bottom:18px}.pg-editor:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.pg-headers{display:flex;flex-direction:column;gap:8px}.pg-header-row{display:grid;grid-template-columns:1fr 1.4fr 36px;gap:8px;align-items:center}.pg-header-row input{height:36px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.pg-header-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.pg-add-btn{align-self:flex-start}.pg-field-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.pg-hint{font-size:12.5px;color:var(--muted);padding:6px 2px}.pg-response{margin-top:8px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.pg-response-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.pg-response-title{font-size:14px;font-weight:700;color:var(--text)}.pg-response-meta{display:flex;gap:8px;flex-wrap:wrap}.pg-response-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--muted);font-size:13px}.pg-response-body{margin:0;padding:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.55;color:var(--text);white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto}.pg-response-body.error{color:var(--danger)}.pg-response-headers{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;max-height:420px;overflow:auto}.pg-header-line{display:flex;gap:10px}.pg-header-key{color:var(--primary);font-weight:600;min-width:180px}.pg-header-val{color:var(--text);word-break:break-all}.pg-history{margin-top:18px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.pg-history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pg-history-title{font-size:14px;font-weight:700;color:var(--text)}.pg-clear-btn{padding:4px 10px;font-size:12px}.pg-history-list{display:flex;flex-direction:column;gap:4px}.pg-history-item{display:grid;grid-template-columns:72px 1fr auto auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:left;transition:background .12s ease,border-color .12s ease}.pg-history-item:hover{background:var(--panel-2);border-color:var(--border)}.pg-history-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-history-time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.pg-tree{display:flex;flex-direction:column;gap:6px}.pg-folder{border:1px solid var(--border);border-radius:8px;background:var(--panel-2);overflow:hidden}.pg-folder-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 2px 0}.pg-folder-toggle{flex:1;display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:8px 10px;cursor:pointer;color:var(--text);font-weight:600;font-size:13px;text-align:left;overflow:hidden}.pg-folder-caret{width:12px;height:12px;transition:transform var(--dur-sm, .18s) ease;opacity:.7;flex-shrink:0}.pg-folder-caret.open{transform:rotate(90deg)}.pg-folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-folder-count{background:var(--panel);color:var(--muted);font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;border:1px solid var(--border)}.pg-folder-actions{display:flex;gap:2px;opacity:.85}.pg-folder-body{background:var(--panel);display:flex;flex-direction:column;padding:4px;gap:2px}.pg-folder-empty{padding:8px;text-align:center}.pg-endpoint{display:flex;align-items:center;border-radius:6px;padding:2px;transition:background .1s ease}.pg-endpoint:hover{background:var(--hover)}.pg-endpoint.active{background:var(--primary-50)}.pg-endpoint.active .pg-endpoint-name{color:var(--primary)}.pg-endpoint-body{flex:1;display:flex;align-items:center;gap:8px;padding:6px 8px;background:transparent;border:none;cursor:pointer;color:var(--text);font-size:12.5px;text-align:left;overflow:hidden;min-width:0}.pg-endpoint-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-endpoint-badge{font-size:10px;font-weight:700;color:var(--success);background:var(--success-50, rgba(16,185,129,.15));padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.pg-icon-btn{width:26px;height:26px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--muted);transition:background .1s ease,color .1s ease,border-color .1s ease}.pg-icon-btn:hover{background:var(--panel-2);border-color:var(--border);color:var(--text)}.pg-icon-btn.danger:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.pg-icon-btn svg{width:14px;height:14px}.pg-env-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px}.pg-env-name{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-vars{display:flex;flex-direction:column;gap:6px}.pg-var-row{display:grid;grid-template-columns:1fr 1fr 28px;gap:6px;align-items:center}.pg-var-row input{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;outline:none;transition:border-color .12s ease,box-shadow .12s ease;min-width:0}.pg-var-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.pg-schema-empty{padding:24px 14px;text-align:center;border:1px dashed var(--border);border-radius:8px;background:var(--panel-2)}.pg-schema-wrap{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;max-height:360px;overflow:auto}.pg-schema-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pg-schema-title{font-family:var(--font-sans, inherit);font-weight:700;font-size:13px;color:var(--text)}.pg-schema-line{display:flex;gap:12px;padding:3px 0;color:var(--text)}.pg-schema-key{color:var(--primary);font-weight:600;min-width:120px}.pg-schema-type{color:var(--muted)}.pg-schema-node{display:flex;flex-direction:column}.pg-schema-tab{display:flex;flex-direction:column;gap:14px;padding:18px 20px;background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:18px}.pg-schema-tab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pg-schema-tab-title{font-size:15px;font-weight:700;color:var(--text)}.pg-schema-tab-sub{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.5;max-width:620px}.pg-schema-tab-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pg-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0fa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:24px;animation:fade-in .12s ease-out both}.pg-dialog{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 32px 96px #0000008c;width:100%;max-width:1280px;height:calc(100vh - 48px);max-height:920px;display:flex;flex-direction:column;overflow:hidden;animation:fade-slide-up var(--dur-md, .2s) var(--ease-out, ease-out) both}.pg-dialog-head-meta{display:flex;align-items:center;gap:12px}.pg-schema-counts-pill{display:inline-flex;align-items:baseline;gap:4px;padding:6px 12px;border-radius:999px;background:var(--primary-50, color-mix(in srgb, var(--primary) 12%, transparent));color:var(--primary);font-size:12px;font-weight:600}.pg-schema-counts-num{font-size:16px;font-weight:700}.pg-schema-counts-of{color:color-mix(in srgb,var(--primary) 60%,var(--muted));font-weight:500;margin-right:4px}.pg-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border)}.pg-dialog-title{font-size:16px;font-weight:700;color:var(--text)}.pg-dialog-sub{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:4px;max-width:720px}.pg-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:var(--panel-2);border-bottom:1px solid var(--border)}.pg-dialog-toolbar-actions{display:flex;gap:6px;flex-shrink:0}.pg-schema-search{position:relative;display:flex;align-items:center;flex:1;max-width:480px;min-width:200px}.pg-schema-search>svg{position:absolute;left:12px;width:14px;height:14px;color:var(--muted);pointer-events:none}.pg-schema-search-input{width:100%;height:34px;padding:0 36px 0 34px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font-size:13px;outline:none;transition:border-color .1s ease,box-shadow .1s ease}.pg-schema-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.pg-schema-search-clear{position:absolute;right:4px;width:26px;height:26px}.pg-schema-search-clear svg{width:12px;height:12px}.pg-dialog-footer-meta{flex:1;display:flex;align-items:center;gap:8px;font-size:12px}.pg-dirty-dot{color:var(--warning, #b45309);font-weight:600}.pg-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border);background:var(--panel-2)}.pg-dialog-footer .btn:disabled{opacity:.45;cursor:not-allowed}.pg-schema-dialog .pg-schema-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;padding:16px 20px;overflow:hidden;flex:1;min-height:0}.pg-schema-dialog .pg-schema-tree-wrap,.pg-schema-dialog .pg-schema-preview-wrap{display:flex;flex-direction:column;min-height:0}.pg-schema-tree-scroll{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px;flex:1;overflow:auto;min-height:0}.pg-schema-dialog .pg-schema-preview{flex:1;min-height:0;max-height:none;margin:0}.pg-schema-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 6px}.pg-schema-preview-toggle,.pg-response-filter-toggle{display:inline-flex;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.pg-seg-btn{background:transparent;border:none;padding:4px 12px;font-size:12px;font-weight:600;color:var(--muted);border-radius:6px;cursor:pointer;transition:background .1s ease,color .1s ease}.pg-seg-btn:hover:not(:disabled):not(.active){color:var(--text)}.pg-seg-btn.active{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #00000026}.pg-seg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-response-filter{display:flex;align-items:center;gap:10px;padding:6px 0 8px}.pg-response-filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pg-schema-dialog .pg-schema-line{display:flex;align-items:center;gap:0;padding:4px 8px;border-radius:6px;cursor:pointer;transition:background 80ms ease;min-height:30px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;position:relative}.pg-schema-dialog .pg-schema-line:hover{background:var(--hover)}.pg-schema-dialog .pg-schema-line.muted{opacity:.42}.pg-schema-dialog .pg-schema-line.hit{background:color-mix(in srgb,var(--primary) 8%,transparent)}.pg-schema-dialog .pg-schema-line input[type=checkbox]{width:16px;height:16px;margin-right:10px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.pg-schema-dialog .pg-schema-line input[type=checkbox]:disabled{cursor:not-allowed}.pg-schema-dialog .pg-schema-key{color:var(--primary);font-weight:600;min-width:140px;flex-shrink:0}.pg-schema-dialog .pg-schema-type{color:var(--muted);font-size:11.5px;margin-left:8px;flex:1}.pg-schema-indent{display:inline-flex;align-items:stretch;align-self:stretch;flex-shrink:0}.pg-schema-guide{width:18px;border-right:1px dashed color-mix(in srgb,var(--border) 80%,transparent);margin-right:-1px}.pg-schema-bulk{background:transparent;border:1px solid var(--border);color:var(--muted);padding:2px 8px;font-size:10.5px;border-radius:999px;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;font-weight:600;opacity:0;transition:opacity .1s ease,background .1s ease,color .1s ease;margin-left:8px}.pg-schema-dialog .pg-schema-line:hover .pg-schema-bulk{opacity:1}.pg-schema-bulk:hover{background:var(--panel-2);color:var(--text);border-color:var(--border-strong)}.pg-schema-hit{background:color-mix(in srgb,var(--warning, #f59e0b) 35%,transparent);color:var(--text);border-radius:3px;padding:0 2px}.pg-schema-editor{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.pg-schema-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.pg-schema-toolbar .pg-schema-title{font-family:var(--font-sans, inherit);font-size:14px;font-weight:700;color:var(--text)}.pg-schema-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pg-schema-counts{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.pg-schema-tinybtn{padding:4px 10px;font-size:12px}.pg-schema-hint{font-size:12.5px;color:var(--muted);padding:0 4px;line-height:1.5}.pg-schema-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;align-items:stretch}@media (max-width: 1100px){.pg-schema-split{grid-template-columns:1fr}}.pg-schema-tree-wrap,.pg-schema-preview-wrap{display:flex;flex-direction:column;gap:6px;min-height:0}.pg-schema-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 4px}.pg-schema-tree-wrap>.pg-schema-node,.pg-schema-tree-wrap>.pg-schema-line{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px;max-height:420px;overflow:auto}.pg-schema-tree-wrap>.pg-schema-node{padding:6px 10px}.pg-schema-editor .pg-schema-line{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:4px;cursor:pointer;transition:background 80ms ease;min-height:26px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.pg-schema-editor .pg-schema-line:hover{background:var(--hover)}.pg-schema-editor .pg-schema-line.muted{opacity:.45}.pg-schema-editor .pg-schema-line input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.pg-schema-editor .pg-schema-line input[type=checkbox]:disabled{cursor:not-allowed}.pg-schema-editor .pg-schema-key{color:var(--primary);font-weight:600;min-width:120px}.pg-schema-editor .pg-schema-type{color:var(--muted);font-size:11.5px}.pg-schema-preview{margin:0;padding:12px 14px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto}.pg-schema-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.pg-schema-footer .btn:disabled{opacity:.45;cursor:not-allowed}.pg-inline-input{width:100%;height:32px;padding:0 10px;border:1px solid var(--primary);border-radius:6px;background:var(--panel);color:var(--text);font-size:13px;outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.pg-mui-tree{margin-top:6px}.pg-mui-tree .MuiTreeItem-content{padding:4px 6px;border-radius:6px;transition:background .1s ease}.pg-mui-tree .MuiTreeItem-content:hover{background:var(--hover)}.pg-mui-tree .MuiTreeItem-content.Mui-focused,.pg-mui-tree .MuiTreeItem-content.Mui-selected{background:var(--primary-50, rgba(59,130,246,.12))!important}.pg-mui-tree .MuiTreeItem-content.Mui-selected .pg-tree-endpoint-name{color:var(--primary)}.pg-mui-tree .MuiTreeItem-label{font-size:12.5px;color:var(--text);display:flex;align-items:center;min-width:0;flex:1}.pg-mui-tree .MuiTreeItem-iconContainer{color:var(--muted);width:18px;margin-right:2px}.pg-tree-folder{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:2px 0}.pg-tree-folder-name{flex:1;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-tree-count{background:var(--panel);color:var(--muted);font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:999px;border:1px solid var(--border);flex-shrink:0}.pg-tree-actions{display:none;align-items:center;gap:2px;flex-shrink:0}.pg-mui-tree .MuiTreeItem-content:hover .pg-tree-actions{display:inline-flex}.pg-tree-endpoint{display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:2px 0}.pg-tree-endpoint-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.pg-tree-empty{padding:4px 0}.pg-icon-btn.armed{background:var(--danger, #dc2626)!important;color:#fff!important;border-color:var(--danger, #dc2626)!important;animation:pg-armed-pulse 1s ease-in-out infinite}@keyframes pg-armed-pulse{0%,to{opacity:1}50%{opacity:.6}}.pg-toast{position:fixed;bottom:22px;right:22px;z-index:90;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 12px 32px #0f172a2e;animation:fade-slide-up var(--dur-sm, .18s) ease-out both;background:var(--panel);border:1px solid var(--border);color:var(--text)}.pg-toast-success{background:var(--success-50, #ecfdf5);color:var(--success, #065f46);border-color:color-mix(in srgb,var(--success, #10b981) 30%,transparent)}.pg-toast-danger{background:var(--danger-50, #fef2f2);color:var(--danger, #991b1b);border-color:color-mix(in srgb,var(--danger, #dc2626) 30%,transparent)}.pg-toast-info{background:var(--info-50, #eff6ff);color:var(--info, #1e3a8a)}.pg-env-editor{display:flex;flex-direction:column;gap:10px;margin-top:6px}.pg-env-table{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel)}.pg-env-table-head,.pg-env-table-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 24px;align-items:center}.pg-env-table-head{padding:6px 8px;background:var(--panel-2);border-bottom:1px solid var(--border);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);gap:6px}.pg-env-table-body{display:flex;flex-direction:column}.pg-env-table-row{gap:6px;padding:4px 8px;border-bottom:1px solid var(--border);background:var(--panel);transition:background .1s ease}.pg-env-table-row:last-child{border-bottom:none}.pg-env-table-row:focus-within{background:var(--hover)}.pg-env-key-input,.pg-env-value-input{width:100%;box-sizing:border-box;height:30px;padding:0 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;outline:none;min-width:0;transition:border-color .1s ease,background .1s ease}.pg-env-value-cell{position:relative;min-width:0}.pg-env-value-cell .pg-env-value-input{padding-right:28px;letter-spacing:.04em}.pg-env-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;background:transparent;border:none;border-radius:4px;color:var(--muted);cursor:pointer;opacity:.7;transition:opacity .1s ease,background .1s ease,color .1s ease}.pg-env-eye:hover{opacity:1;background:var(--hover);color:var(--text)}.pg-env-eye svg{width:14px;height:14px}.pg-env-value-head{display:flex;align-items:center;justify-content:space-between;gap:8px;text-transform:none;letter-spacing:0}.pg-env-value-head>span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.pg-env-reveal-all{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--primary);font-size:10.5px;font-weight:600;cursor:pointer;padding:2px 4px;border-radius:4px;text-transform:none;letter-spacing:0}.pg-env-reveal-all:hover{background:var(--hover)}.pg-env-reveal-all svg{width:12px;height:12px}.pg-env-key-input{font-weight:600}.pg-env-key-input:hover,.pg-env-value-input:hover{background:var(--panel-2)}.pg-env-key-input:focus,.pg-env-value-input:focus{border-color:var(--primary);background:var(--panel-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.pg-env-key-input::placeholder,.pg-env-value-input::placeholder{color:var(--muted-2, var(--muted));opacity:.6}.pg-env-remove{width:22px;height:22px;border-radius:4px;background:transparent;border:none;color:var(--muted);cursor:pointer;display:grid;place-items:center;font-size:16px;line-height:1;padding:0;opacity:0;transition:opacity .1s ease,background .1s ease,color .1s ease}.pg-env-table-row:hover .pg-env-remove,.pg-env-table-row:focus-within .pg-env-remove{opacity:1}.pg-env-remove:hover{background:color-mix(in srgb,var(--danger, #dc2626) 18%,transparent);color:var(--danger, #dc2626)}.pg-env-remove:disabled{opacity:0;pointer-events:none}.pg-env-add-row{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:var(--panel-2);border:none;border-top:1px solid var(--border);color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;transition:background .1s ease}.pg-env-add-row:hover{background:var(--hover)}.pg-env-add-row svg{width:12px;height:12px}.pg-env-footer{display:flex;justify-content:flex-end;gap:6px}.pg-env-footer .btn{padding:6px 14px;font-size:12.5px}.pg-env-footer .btn:disabled{opacity:.4;cursor:not-allowed}.app{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.workspace{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.main{flex:1;padding:0;overflow:hidden;display:flex;min-height:0}.rail{width:64px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:stretch;padding:14px 8px;gap:4px;position:sticky;top:0;height:100vh;overflow:hidden}.rail.expanded{width:220px;padding:14px 10px}.rail-top{width:100%;margin-bottom:8px}.rail-brand-row{display:flex;align-items:center;gap:8px;padding:6px 4px;min-width:0}.rail-brand-mark{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--text);background:var(--panel-2);flex-shrink:0}.rail-brand-mark:hover{background:var(--hover)}.rail.collapsed .rail-brand-row{padding:6px;justify-content:center;gap:0}.rail-brand-text{font-weight:700;font-size:18px;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.rail-collapse{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--muted);flex-shrink:0}.rail-collapse:hover{background:var(--hover);color:var(--text)}.rail-nav{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px;width:100%}.rail.expanded .rail-nav{padding-right:2px}.rail-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;color:var(--text-2);font-size:14px;font-weight:500;width:100%;text-align:left;transition:background .15s,color .15s,padding .22s var(--ease-out);min-width:0}.rail-row>svg{flex-shrink:0}.rail.collapsed .rail-row{justify-content:center;padding:10px 6px;gap:0}.rail-row:hover{background:var(--hover);color:var(--text)}.rail-row.active{color:var(--text)}.rail-row .rail-label{flex:1;white-space:nowrap;overflow:hidden;min-width:0}.rail-row .rail-caret{color:var(--muted);flex-shrink:0}.rail-row .rail-caret.open{transform:rotate(180deg)}.rail-row .rail-badge{flex-shrink:0;min-width:18px;padding:1px 6px;border-radius:999px;background:var(--accent, #1e40af);color:#fff;font-size:11px;font-weight:600;text-align:center;line-height:1.35}.rail.collapsed .rail-row .rail-badge{display:none}.rail-sub{display:flex;flex-direction:column;gap:1px;padding:2px 0 6px 36px}.rail-sub-item{text-align:left;padding:7px 12px;border-radius:8px;font-size:13px;color:var(--muted);font-weight:500}.rail-sub-item:hover{background:var(--hover);color:var(--text)}.rail-sub-item.active{background:var(--primary-50);color:var(--primary);font-weight:600}.rail-bottom-area{margin-top:auto;display:flex;flex-direction:column;gap:4px;width:100%;padding-top:8px;border-top:1px solid var(--border)}.rail-bottom{margin-top:auto}.top-bar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);background:var(--panel);position:relative;z-index:10}.top-bar-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.top-bar-title{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.top-bar-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.top-bar-sub{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar-center{display:flex;align-items:center;justify-content:center;flex:0 1 520px;min-width:0;padding:0 16px}.top-bar-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.global-search{position:relative;width:100%;max-width:520px}.gs-box{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--muted);transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out),background-color var(--dur-sm) var(--ease-out)}.gs-box.focus,.gs-box:focus-within{border-color:var(--primary);background:var(--panel);box-shadow:0 0 0 3px var(--primary-50)}.gs-box input{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--text);font-size:13px}.gs-box input::placeholder{color:var(--muted-2)}.gs-kbd{font-size:11px;font-weight:600;color:var(--muted);padding:2px 6px;border:1px solid var(--border);border-radius:6px;background:var(--panel);flex-shrink:0}.gs-clear{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;color:var(--muted);flex-shrink:0}.gs-clear:hover{background:var(--hover);color:var(--text)}.gs-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);z-index:50;max-height:420px;overflow-y:auto;padding:6px;animation:gs-pop-in var(--dur-md) var(--ease-out)}.gs-panel.closing{animation:gs-pop-out var(--dur-sm) var(--ease-out) forwards}@keyframes gs-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes gs-pop-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.gs-group+.gs-group{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.gs-group-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 4px}.gs-group-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.gs-group-label svg{width:14px;height:14px}.gs-group-count{font-size:11px;font-weight:600;color:var(--muted-2);background:var(--panel-2);padding:1px 8px;border-radius:999px}.gs-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;text-align:left;color:var(--text);transition:background-color var(--dur-sm) var(--ease-out)}.gs-item.active{background:var(--hover)}.gs-item-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.gs-item-icon svg{width:16px;height:16px}.gs-item-icon.tone-info{background:var(--info-50);color:var(--info)}.gs-item-icon.tone-primary{background:var(--primary-50);color:var(--primary)}.gs-item-icon.tone-success{background:var(--success-50);color:var(--success)}.gs-group-label.tone-info{color:var(--info)}.gs-group-label.tone-primary{color:var(--primary)}.gs-group-label.tone-success{color:var(--success)}.gs-item-body{display:flex;flex-direction:column;min-width:0;flex:1}.gs-item-title{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-item-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:13px;display:flex;flex-direction:column;gap:8px;align-items:center}.gs-empty svg{width:20px;height:20px;color:var(--muted-2)}@media (max-width: 860px){.top-bar-center{flex-basis:280px;padding:0 8px}.gs-kbd{display:none}}@media (max-width: 640px){.top-bar-center{display:none}}.icon-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--text-2);position:relative}.icon-btn:hover{background:var(--panel-2)}.icon-btn.boxed{border:1px solid var(--border)}.icon-badge{position:absolute;top:-2px;right:-2px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;padding:0 4px}.workspace-select{height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border-radius:10px;color:var(--text);font-weight:600}.workspace-select:hover{background:var(--panel-2)}.pane{display:flex;flex:1;min-width:0;min-height:0}.left-pane{flex:0 1 360px;width:clamp(260px,26vw,360px);min-width:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.center-pane{flex:1 1 0;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel);border-right:1px solid var(--border)}.center-pane>.chat-head,.center-pane>.order-bar,.center-pane>.chat-input-wrap,.center-pane>.detail-tabs{flex-shrink:0}.right-rail{width:56px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px}.right-sidebar{flex:0 1 340px;width:clamp(280px,26vw,340px);min-width:0;background:var(--panel);border-left:1px solid var(--border);padding:20px;overflow-y:auto;min-height:0}.list-header{padding:16px 16px 10px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--border)}.search-box{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:8px 12px;color:var(--muted)}.search-box input{border:none;background:transparent;outline:none;flex:1;font-size:14px;color:var(--text)}.search-box input::placeholder{color:var(--muted-2)}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.list-toolbar-hint{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.list-toolbar-hint b{color:var(--text);font-weight:600}.search-icon-btn.boxed{width:32px;height:32px;border:1px solid var(--border);background:var(--panel-2);border-radius:8px}.search-icon-btn.boxed:hover{background:var(--hover);color:var(--text)}.search-icon-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--muted);background:transparent;border:none;cursor:pointer;position:relative;flex-shrink:0}.search-icon-btn:hover{background:var(--hover);color:var(--text)}.search-icon-btn.active{color:var(--primary);background:var(--primary-50)}.search-icon-dot{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.filter-menu,.sort-menu{width:240px;padding:8px}.filter-menu-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 8px 8px}.filter-group{padding:4px 4px 8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.filter-group:first-of-type{border-top:none}.filter-group-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:6px 8px 4px}.filter-option{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:8px 10px;border-radius:8px;font-size:13.5px;color:var(--text);cursor:pointer;width:100%;background:transparent;border:none;text-align:left;margin:0}.filter-option:hover{background:var(--panel-2)}.filter-option.active{background:var(--primary-50);color:var(--primary);font-weight:600}.filter-option>span{flex:1;text-align:left;min-width:0}.filter-option input[type=checkbox],.filter-option input[type=radio]{accent-color:var(--primary);width:16px;height:16px;margin:0;flex-shrink:0}.filter-menu-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px 2px;border-top:1px solid var(--border);margin-top:4px}.btn.sm{padding:7px 14px;font-size:12.5px;border-radius:8px;font-weight:600;background:var(--primary);color:#fff;border:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.btn.sm:hover{background:var(--primary-600)}.btn.ghost.sm{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn.ghost.sm:hover{background:var(--panel-2);color:var(--text)}.tabs{display:flex;gap:6px}.tab{padding:8px 14px;border-radius:8px;font-size:13px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px}.tab:hover{background:var(--panel-2);color:var(--text)}.tab.active{background:var(--primary);color:#fff}.tab .count{font-weight:700;font-size:12px}.tab.active .count{color:#fff}.tab .count.red{color:var(--danger)}.tab .count.gray{color:var(--muted)}.conv-list{flex:1 0 auto}.conv-item{padding:14px 16px;display:flex;gap:12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.conv-item:hover{background:var(--panel-2)}.conv-item.selected{background:var(--selected)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:13px;color:#fff;flex-shrink:0;position:relative}.avatar.sm{width:32px;height:32px;font-size:11px}.avatar.lg{width:48px;height:48px;font-size:15px}.avatar-ch{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--panel);color:#fff}.avatar-ch.whatsapp{background:var(--whatsapp)}.avatar-ch.call{background:var(--call)}.avatar-ch.mail{background:var(--mail)}.avatar-ch.instagram{background:var(--instagram)}.conv-body{flex:1;min-width:0}.conv-top{display:flex;justify-content:space-between;font-weight:600;font-size:14px;margin-bottom:4px}.conv-top .name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-top .time{color:var(--muted);font-size:12px;font-weight:500;flex-shrink:0;margin-left:8px}.conv-preview{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:6px}.assignee-chip{background:var(--warning-50);color:var(--warning);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.unread-chip{background:var(--danger);color:#fff;min-width:18px;height:18px;border-radius:999px;padding:0 5px;font-size:11px;font-weight:700;display:grid;place-items:center}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border)}.chat-head-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.chat-head-left>.avatar{flex-shrink:0}.chat-head-left>div:not(.avatar){min-width:0;flex:1 1 auto}.chat-head-name{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-head-sub{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chat-head-sub>svg{flex-shrink:0}.call-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:8px;color:var(--primary);font-weight:600;font-size:13px}.call-btn:hover{background:var(--primary-50)}.chat-body{flex:1;overflow-y:auto;padding:20px 28px;background-image:radial-gradient(circle,var(--chat-dot) 1px,transparent 1px);background-size:16px 16px;display:flex;flex-direction:column;gap:14px}.msg-row{display:flex;gap:10px;max-width:70%;align-items:flex-start}.msg-row.me{align-self:flex-end;flex-direction:row-reverse}.msg-row.them{align-self:flex-start}.msg-stack{min-width:0}.msg-reply-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--muted);align-self:center;opacity:.5;transition:opacity var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out),background .15s,color .15s,border-color .15s;flex:none;box-shadow:var(--shadow-sm)}.msg-reply-btn.inline{opacity:1;margin-left:4px}.msg-row:hover .msg-reply-btn,.msg-reply-btn:focus-visible{opacity:1}.msg-reply-btn:hover{background:var(--primary-50);color:var(--primary);border-color:var(--primary);transform:scale(1.05)}.bubble-quote{display:flex;gap:8px;align-items:stretch;margin-bottom:6px;padding:6px 8px;background:color-mix(in srgb,var(--text) 6%,transparent);border-radius:8px;max-width:100%}.bubble-quote-bar{width:3px;border-radius:2px;background:var(--primary);flex:none}.bubble.me .bubble-quote-bar{background:#ffffffb3}.bubble-quote-body{min-width:0}.bubble-quote-name{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:2px}.bubble.me .bubble-quote-name{color:#ffffffd9}.bubble-quote-text{font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.bubble.me .bubble-quote-text{color:#fffc}.bubble{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;color:var(--text);box-shadow:var(--shadow-sm)}.bubble.them{background:var(--panel);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble.me{background:var(--bubble-me-bg);border:1px solid var(--bubble-me-border);border-bottom-right-radius:4px}.msg-meta{font-size:11px;color:var(--muted);margin-top:4px;display:flex;align-items:center;gap:4px}.system-line{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--muted);margin:6px 0}.system-line:before,.system-line:after{content:"";flex:1;border-top:1px dashed var(--border)}.chat-input-wrap{padding:12px 20px 14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;background:var(--panel)}.chat-input-row{display:flex;align-items:flex-end;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:22px;padding:6px;transition:border-color .15s,background .15s,box-shadow .15s}.chat-input-row:focus-within{border-color:var(--primary);background:var(--panel);box-shadow:0 0 0 3px var(--primary-50)}.chat-input{flex:1;min-width:0;background:transparent;border:0;padding:9px 4px;font-size:14px;line-height:1.45;outline:none;resize:none;min-height:24px;max-height:200px;font-family:inherit;color:var(--text)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-plus-btn{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--text-2);background:transparent;transition:background .15s,color .15s,transform .2s}.chat-plus-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.chat-plus-btn.on{background:var(--primary);color:#fff;transform:rotate(45deg)}.chat-plus-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-btn{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--primary);transition:background .15s,opacity .15s,transform .15s}.chat-send-btn:hover:not(:disabled){background:var(--primary-600)}.chat-send-btn:active:not(:disabled){transform:scale(.94)}.chat-send-btn:disabled{background:var(--panel);color:var(--muted);cursor:not-allowed}.chat-send-btn svg{width:16px;height:16px}.chat-input-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px;min-height:20px}.chat-input-hint{font-size:11.5px;color:var(--muted);white-space:nowrap;margin-left:auto}.chat-plus-menu{min-width:240px;padding:6px}.chat-plus-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:9px 10px;border-radius:8px;background:transparent;color:var(--text);transition:background .12s}.chat-plus-item:hover:not(:disabled){background:var(--panel-2)}.chat-plus-item:disabled{opacity:.5;cursor:not-allowed}.chat-plus-item>svg{width:18px;height:18px;color:var(--muted);flex:none}.chat-plus-item:hover:not(:disabled)>svg{color:var(--primary)}.chat-plus-item-text{display:flex;flex-direction:column;gap:1px;min-width:0}.chat-plus-item-title{font-size:13.5px;font-weight:600;line-height:1.2}.chat-plus-item-sub{font-size:11.5px;color:var(--muted);line-height:1.2}.chat-plus-form{display:flex;flex-direction:column;gap:8px;padding:8px;min-width:280px}.chat-plus-form-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);padding-bottom:2px}.chat-plus-back{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--muted);background:transparent}.chat-plus-back:hover{background:var(--panel-2);color:var(--text)}.chat-plus-back svg{width:14px;height:14px}.chat-plus-input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);outline:none;font-size:13px;font-family:inherit}.chat-plus-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-50)}.chat-plus-form-foot{display:flex;gap:6px;justify-content:flex-end}.chat-plus-cancel{padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:12px;font-weight:500}.chat-plus-cancel:hover{background:var(--panel-2)}.chat-plus-submit{padding:6px 14px;border-radius:8px;background:var(--primary);color:#fff;font-size:12px;font-weight:600}.chat-plus-submit:hover:not(:disabled){background:var(--primary-600)}.chat-plus-submit:disabled{opacity:.5;cursor:not-allowed}.chat-plus-ticket-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.chat-plus-ticket{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:transparent;color:var(--text);text-align:left;transition:background .12s}.chat-plus-ticket:hover{background:var(--panel-2)}.chat-plus-ticket>svg{width:16px;height:16px;color:var(--muted);flex:none}.chat-plus-ticket:hover>svg{color:var(--primary)}.chat-plus-ticket-text{display:flex;flex-direction:column;gap:1px;min-width:0}.chat-plus-ticket-id{font-size:13px;font-weight:600;line-height:1.2}.chat-plus-ticket-sub{font-size:11px;color:var(--muted);line-height:1.2}.chat-plus-ticket-empty{padding:14px;text-align:center;font-size:12px;color:var(--muted)}.reply-btn{background:var(--primary);color:#fff;padding:9px 16px;border-radius:10px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px}.reply-btn:hover{background:var(--primary-600)}.reply-btn.split{padding-right:10px}.reply-split-divider{width:1px;height:18px;background:#ffffff4d;margin:0 4px}.ai-draft-chip{background:var(--ai-draft-bg);color:var(--success);border:1px solid var(--ai-draft-border);padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.ai-draft-chip.inline{padding:4px 8px;border-radius:999px;font-size:11.5px;gap:4px;align-self:center;flex-shrink:0;margin-left:2px}.ai-draft-chip.inline svg{width:12px;height:12px}.chat-input.with-hint-placeholder::placeholder{color:var(--muted-2);opacity:1;font-weight:400;font-size:13px}.reply-preview{display:flex;align-items:stretch;gap:10px;padding:8px 10px;background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:10px;animation:reply-preview-in var(--dur-md) var(--ease-out)}.reply-preview-icon{display:inline-flex;align-items:center;color:var(--primary);flex:none}.reply-preview-bar{display:none}.reply-preview-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.reply-preview-name{font-size:12px;color:var(--muted)}.reply-preview-name strong{color:var(--text);font-weight:600}.reply-preview-text{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-close{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;color:var(--muted);flex:none;align-self:center}.reply-preview-close:hover{background:var(--hover);color:var(--text)}@keyframes reply-preview-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-input-wrap{position:relative}.chat-input-wrap.drag-over .chat-input-row{border-color:var(--primary);background:var(--primary-50)}.chat-drop-overlay{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px dashed var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--primary);font-size:13px;font-weight:600;pointer-events:none;z-index:2}.attach-row{display:flex;flex-wrap:wrap;gap:8px}.attach-chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:6px 8px;max-width:260px}.attach-chip img{width:40px;height:40px;object-fit:cover;border-radius:6px;flex:none}.attach-chip .attach-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--muted);flex:none}.attach-chip.link .attach-icon{color:var(--primary)}.attach-chip .attach-meta{min-width:0;flex:1}.attach-chip .attach-name{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attach-chip .attach-sub{font-size:11px;color:var(--muted)}.attach-chip .attach-remove{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:var(--muted);flex:none}.attach-chip .attach-remove:hover{background:var(--hover);color:var(--text)}.msg-attachments{margin-top:8px;display:flex;flex-direction:column;gap:6px}.msg-attach-images{display:flex;flex-wrap:wrap;gap:6px}.msg-attach-image img{display:block;max-width:220px;max-height:220px;border-radius:8px;object-fit:cover}.msg-attach-file{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;max-width:320px}.bubble.me .msg-attach-file{background:#ffffff8c}.msg-attach-file:hover{background:var(--hover)}.msg-attach-file .attach-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--muted);flex:none}.msg-attach-file.link .attach-icon{color:var(--primary)}.msg-attach-meta{min-width:0}.msg-attach-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.msg-attach-sub{font-size:11px;color:var(--muted)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);min-width:180px;padding:6px;z-index:50}.dropdown-item{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:6px;font-size:14px}.dropdown-item:hover{background:var(--panel-2)}.tickets-left{width:340px}.tickets-list-header{padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border)}.filter-select{padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px;transition:border-color .15s,background .15s}.filter-select:hover{background:var(--panel-2)}.filter-select.open{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.filter-select .filter-select-label{flex:1;text-align:left}.filter-select-count{background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;min-width:22px;text-align:center}.filter-select .caret{transition:transform .15s;color:var(--muted)}.filter-select .caret.up{transform:rotate(180deg)}.filter-count-pill{font-size:11px;font-weight:700;color:var(--muted);background:var(--panel-2);border-radius:999px;padding:1px 8px;min-width:22px;text-align:center}.filter-option.active .filter-count-pill{background:#1e40af24;color:var(--primary)}.tickets-empty{padding:48px 20px;text-align:center;color:var(--muted);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:12px}.tickets-empty svg{opacity:.45}.ticket-card{padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:background .12s;position:relative}.ticket-card:hover{background:var(--panel-2)}.ticket-card.selected{background:var(--selected);box-shadow:inset 3px 0 0 var(--primary)}.ticket-card-top{display:flex;align-items:center;gap:10px}.ticket-card-headline{flex:1;min-width:0;display:flex;align-items:center;gap:6px;overflow:hidden}.ticket-id{font-weight:700;font-size:13px;color:var(--text-2);flex-shrink:0;letter-spacing:.1px}.ticket-dot-sep{color:var(--muted-2);flex-shrink:0}.ticket-customer{font-weight:600;font-size:13.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-date{color:var(--muted);font-size:12px;font-weight:500;flex-shrink:0}.ticket-task-row{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-2);padding-left:42px}.ticket-task-name{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-card-foot{display:flex;align-items:center;gap:8px;padding-left:42px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.4;border:1px solid transparent;white-space:nowrap}.status-pill .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-pill.tone-info{background:var(--info-50);color:var(--info)}.status-pill.tone-warning{background:var(--warning-50);color:var(--warning)}.status-pill.tone-danger{background:var(--danger-50);color:var(--danger)}.status-pill.tone-success{background:var(--success-50);color:var(--success)}.status-pill.tone-muted{background:var(--panel-2);color:var(--muted)}.sla-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:var(--muted);padding:2px 8px;border-radius:6px;background:var(--panel-2)}.assignee-mini{margin-left:auto}.mini-avatar{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.detail-header-left{display:flex;align-items:center;gap:12px;min-width:0}.detail-id{font-weight:700;font-size:16px;color:var(--text);letter-spacing:.1px}.detail-header-task{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;color:var(--muted);padding:3px 8px;background:var(--panel-2);border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}.detail-header-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.detail-header-right .icon-btn{width:32px;height:32px;border-radius:8px;color:var(--muted)}.detail-header-right .icon-btn:hover{background:var(--panel-2);color:var(--text)}.detail-tabs{display:flex;gap:22px;padding:0 22px;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.detail-tab{padding:12px 2px;font-size:13.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;margin-bottom:-1px}.detail-tab:hover{color:var(--text)}.detail-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.detail-tab svg{width:14px;height:14px}.detail-tab .pill{background:var(--primary-50);color:var(--primary);padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;min-width:18px;text-align:center}.detail-body{flex:1;overflow-y:auto;padding:16px 20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start;background:var(--bg)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text);letter-spacing:.1px;margin-bottom:12px}.link{color:var(--primary);font-weight:600;font-size:12.5px}.link-btn{display:inline-flex;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px}.link-btn:hover{background:var(--primary-50)}.muted-small{font-size:11.5px;color:var(--muted);font-weight:500}.muted-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;background:var(--muted);vertical-align:middle}.muted-dot.success{background:var(--success)}.customer-top-row{display:flex;gap:12px;align-items:center;margin-bottom:14px}.customer-top-name{font-weight:600;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-top-sub{font-size:12px;color:var(--muted);margin-top:2px}.kv-list{display:flex;flex-direction:column;gap:2px;padding-bottom:4px}.kv-row{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--text-2);font-size:13px;line-height:1.45}.kv-row .icon{color:var(--muted);flex-shrink:0}.customer-metric-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.customer-metric{border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;background:var(--panel)}.customer-metric .metric-value{font-size:20px;font-weight:700;color:var(--text);line-height:1.2}.customer-metric .metric-label{font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.2px}.order-stat-row{display:flex;gap:10px;margin-top:12px}.order-stat{flex:1;border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center}.order-stat .n{font-size:18px;font-weight:700}.order-stat .l{font-size:12px;color:var(--muted);margin-top:2px}.timeline{display:flex;flex-direction:column;gap:2px}.tl-item{display:flex;gap:10px;position:relative;padding:6px 0 6px 20px}.tl-item:before{content:"";position:absolute;left:4px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--panel);border:2px solid var(--primary);z-index:1}.tl-item:not(:last-child):after{content:"";position:absolute;left:7px;top:18px;bottom:-2px;width:1px;background:var(--border)}.tl-item .txt{font-size:13px;color:var(--text);line-height:1.45}.tl-item .sub{color:var(--muted);font-size:11.5px;margin-top:2px}.order-card{border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.order-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-id{font-weight:700;font-size:14px}.order-sub{font-size:12px;color:var(--muted);margin-top:4px;display:flex;align-items:center}.order-sub-sep{margin:0 6px;color:var(--muted-2)}.order-total{font-weight:700;font-size:18px;color:var(--text)}.order-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);border-radius:10px}.order-thumb{width:42px;height:42px;border-radius:8px;background:var(--panel-2);display:grid;place-items:center;font-size:20px;flex-shrink:0}.order-item-name{font-weight:600;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item-qty{color:var(--muted);font-size:12px}.order-item-price{margin-left:auto;font-weight:700;font-size:14px;flex-shrink:0}.tickets-right{width:320px;padding:0;display:flex;flex-direction:column;animation:slide-in-right var(--dur-md) var(--ease-out) both}.tickets-right-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.tickets-right-head .side-collapse-btn{width:28px;height:28px;border-radius:6px;color:var(--muted);flex-shrink:0}.tickets-right-head .side-collapse-btn:hover{background:var(--panel-2);color:var(--text)}.tickets-right-head .tickets-right-id{flex:1}.tickets-right-head>.icon-btn:last-child{width:28px;height:28px;border-radius:6px;color:var(--muted);flex-shrink:0}.tickets-right-head>.icon-btn:last-child:hover{background:var(--panel-2);color:var(--text)}.tickets-right-id{font-weight:700;font-size:15px;color:var(--text)}.side-toggle-btn{color:var(--muted)}.side-toggle-btn:hover{background:var(--panel-2);color:var(--text)}.tickets-right .side-section{padding:16px 18px;border-top:1px solid var(--border)}.tickets-right .side-section:first-of-type{border-top:none}.side-section-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}.prop-list{display:flex;flex-direction:column;gap:2px}.prop-row{display:flex;align-items:center;gap:12px;padding:6px 0;min-height:28px}.prop-label{font-size:12.5px;color:var(--muted);font-weight:500;width:90px;flex-shrink:0}.prop-value{flex:1;min-width:0;font-size:13px;color:var(--text);display:flex;align-items:center;gap:6px}.prop-text{font-weight:500;color:var(--text)}.chip-soft{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;background:var(--panel-2);color:var(--text-2);border:1px solid var(--border);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.chip-soft.chip-task{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:11.5px}.side-label{text-transform:uppercase;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.5px}.side-row{display:flex;gap:14px;margin-bottom:14px;flex-wrap:wrap}.side-col{flex:1;min-width:80px;display:flex;flex-direction:column;gap:6px}.value-chip{background:var(--panel-2);border:1px solid var(--border);padding:6px 10px;border-radius:8px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;width:fit-content}.value-chip.info{background:var(--info-50);color:var(--info);border-color:transparent}.value-chip.primary{background:var(--primary-50);color:var(--primary);border-color:transparent}.value-chip.whatsapp{background:var(--whatsapp-50);color:#166534;border-color:transparent}.value-chip.warning{background:var(--warning-50);color:var(--warning);border-color:transparent}.value-chip.danger{background:var(--danger-50);color:var(--danger);border-color:transparent}.side-section{padding:14px 0;border-top:1px solid var(--border)}.side-section:first-child{border-top:none;padding-top:0}.assign-row{display:flex;align-items:center;gap:10px;padding:10px;background:var(--panel-2);border-radius:10px;margin-bottom:10px}.assign-row .avatar.sm{width:32px;height:32px;font-size:12px}.assign-name{font-weight:600;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-sub{font-size:11.5px;color:var(--muted);margin-top:1px}.assign-row .icon-btn{width:28px;height:28px;color:var(--muted);flex-shrink:0}.assign-row .icon-btn:hover{background:var(--panel);color:var(--text)}.assign-empty{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:var(--panel-2);border-radius:10px;border:1px dashed var(--border-strong);color:var(--text-2);font-size:13px;font-weight:500;margin-bottom:10px;cursor:pointer}.assign-empty-action{margin-left:auto;color:var(--primary);font-weight:600}.owner-row{display:flex;align-items:center;gap:8px;padding:4px 0}.owner-row>svg{width:16px;height:16px}.owner-text{color:var(--muted);font-size:13px;flex:1}.owner-btn{padding:5px 10px;font-size:12px;border:1px solid var(--border);border-radius:8px;color:var(--text-2);font-weight:600;display:inline-flex;align-items:center;gap:4px;background:var(--panel)}.owner-btn:hover{background:var(--panel-2);color:var(--text)}.child-ticket{background:var(--panel-2);padding:14px;border-radius:10px;border:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.child-ticket-head{display:flex;align-items:center;gap:6px}.child-ticket-label{font-size:12px;color:var(--muted);font-weight:600}.child-ticket-email{font-weight:600;font-size:13px;color:var(--primary);word-break:break-all}.child-ticket-meta{display:flex;align-items:center;gap:10px}.child-ticket-meta .prop-label{width:auto}.child-ticket-objective{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:var(--text-2);font-weight:600;padding-top:8px;border-top:1px dashed var(--border)}.child-ticket-prompt{font-size:12.5px;color:var(--text-2);line-height:1.55}.resolution-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.resolution-status{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.resolution-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success)}.resolution-foot .btn{padding:7px 18px;font-size:13px}.add-child-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border:1px dashed var(--border-strong);border-radius:10px;color:var(--text-2);font-weight:600;font-size:13px;background:transparent;cursor:pointer}.add-child-btn:hover{background:var(--panel-2);color:var(--primary);border-color:var(--primary)}.select-input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:13.5px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .15s,background .15s}.select-input:hover{border-color:var(--border-strong)}.side-tabs{display:flex;gap:22px;margin-bottom:14px;border-bottom:1px solid var(--border)}.side-tab{padding:8px 2px 10px;font-weight:600;font-size:13.5px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}.side-tab:hover{color:var(--text)}.side-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.page-scroll{flex:1;overflow-y:auto;padding:28px 36px;background:var(--bg)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-title{font-size:22px;font-weight:700}.page-sub{color:var(--muted);font-size:13px;margin-top:4px}.btn{background:var(--primary);color:#fff;padding:9px 14px;border-radius:10px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:var(--primary-600)}.btn.secondary{background:var(--panel);color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{background:var(--panel-2)}.btn.ghost{background:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--panel-2)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:var(--shadow-md)}.platform-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.platform-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:#fff}.platform-icon.whatsapp{background:var(--whatsapp)}.platform-icon.mail{background:var(--mail)}.platform-icon.instagram{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743,#cc2366 75%,#bc1888)}.platform-icon.slack{background:#4a154b}.platform-icon.web{background:#0ea5e9}.platform-icon.telegram{background:#229ed9}.platform-icon.messenger{background:linear-gradient(135deg,#00b2ff,#006aff)}.platform-icon.discord{background:#5865f2}.platform-meta{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm)}.stat .label{color:var(--muted);font-size:13px;font-weight:500}.stat .value{font-size:28px;font-weight:700;margin-top:6px;color:var(--text)}.stat .trend{font-size:12px;color:var(--success);margin-top:2px;font-weight:600}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:13px;color:var(--text-2);font-weight:600}.form-group input,.form-group textarea,.form-group select{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:10px;outline:none;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1e40af1f}.form-group textarea{min-height:96px;resize:vertical}.tool-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:var(--panel)}.switch{position:relative;width:36px;height:20px;background:#d1d5db;border-radius:999px;cursor:pointer;transition:background .15s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px #0003}.switch.on{background:var(--primary)}.switch.on:after{transform:translate(16px)}.builder-layout{display:grid;grid-template-columns:1fr 360px;gap:16px}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.settings-nav{display:flex;flex-direction:column;gap:4px}.settings-nav button{text-align:left;padding:10px 14px;border-radius:10px;font-size:14px;color:var(--text-2);font-weight:500}.settings-nav button:hover{background:var(--panel-2)}.settings-nav button.active{background:var(--primary-50);color:var(--primary);font-weight:600}.order-bar{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--panel-2)}.order-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:13px;font-weight:500;padding:4px 6px;border-radius:6px}.order-back:hover{background:var(--hover);color:var(--text)}.order-number{font-weight:700;font-size:15px;letter-spacing:.2px}.mail-msg{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);width:100%;max-width:100%;align-self:stretch;display:flex;flex-direction:column;min-width:0}.mail-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);background:transparent}.mail-head>.avatar{flex:none}.mail-head>div:nth-child(2){min-width:0;flex:1 1 auto;overflow:hidden}.mail-head>div:nth-child(2)>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-head>div:nth-child(3){flex:none}.mail-head>.msg-reply-btn{flex:none}.mail-body{padding:16px 18px 18px;font-size:14px;color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.mail-msg.mail-msg-mine{background:var(--panel);border-color:var(--border)}.mail-msg.mail-msg-mine .mail-head{background:transparent}.stream-cursor{display:inline-block;margin-left:2px;color:#7c3aed;animation:stream-cursor-blink .9s steps(2,start) infinite}@keyframes stream-cursor-blink{to{opacity:.25}}.bubble.streaming{border-color:#ddd6fe}.icon-btn.circle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);color:var(--text-2)}.icon-btn.circle:hover{background:var(--hover);color:var(--text)}.icon-btn.active{background:var(--primary-50);color:var(--primary)}.right-sidebar.ticket-panel{flex:0 1 380px;width:clamp(300px,28vw,380px);min-width:0;padding:0;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--border);overflow:hidden}.ticket-panel-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.ticket-panel-body{flex:1;min-height:0;overflow-y:auto}.right-sidebar.ticket-panel .side-section{padding:16px 18px}.child-ticket-card{background:var(--panel-2);padding:14px;border-radius:10px;border:1px solid var(--border)}.customer-body{flex:1;min-height:0;padding:20px 18px 24px;overflow-y:auto}.customer-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--border);min-width:0;max-width:100%}.customer-head>*{max-width:100%}.customer-contact{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--primary);font-weight:600;font-size:13px;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.customer-contact>svg{flex-shrink:0}.customer-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;margin-bottom:16px}.customer-stat{border-radius:12px;padding:12px 14px;border:1px solid var(--border)}.customer-stat.stat-orders{background:var(--info-50)}.customer-stat.stat-returns{background:var(--call-50)}.customer-stat-label{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--muted)}.customer-stat-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.customer-stat-value{font-size:24px;font-weight:700;color:var(--text)}.customer-section{padding:16px 0;border-top:1px solid var(--border)}.customer-section-head{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--text);width:100%;text-align:left;background:none;border:none;padding:0}.customer-section-head.toggle{cursor:pointer}.customer-section-head .order-count{margin-left:auto;background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.customer-address{font-size:13px;color:var(--text-2);line-height:1.55;margin-top:10px;overflow-wrap:anywhere;word-break:break-word}.recent-orders{display:flex;flex-direction:column;gap:10px;margin-top:12px}.recent-order{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--panel)}.recent-order-top{display:flex;justify-content:space-between;align-items:center}.recent-order-id{font-weight:700;font-size:14px}.recent-order-time{color:var(--muted);font-size:12px}.recent-order-status{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.recent-order-status.tone-success{background:var(--success-50);color:var(--success)}.recent-order-status.tone-info{background:var(--info-50);color:var(--info)}.recent-order-status.tone-warning{background:var(--warning-50);color:var(--warning)}.recent-order-status.tone-danger{background:var(--danger-50);color:var(--danger)}.recent-order-meta{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--text-2)}.recent-order-meta>span{display:inline-flex;align-items:center;gap:4px}.recent-order-items-list{margin-top:10px;border-top:1px dashed var(--border);padding-top:8px;display:flex;flex-direction:column;gap:6px}.recent-order-item{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 8px;background:var(--panel-2);border-radius:6px}.recent-order-item-name{flex:1;color:var(--text-2)}.recent-order-item-qty{color:var(--muted)}.recent-order-item-price{font-weight:700;color:var(--text)}.customer-other-addresses{margin-top:10px;padding-left:12px;border-left:2px solid var(--border)}.customer-address.alt{margin-top:0;color:var(--text-2)}.chat-channel-switcher{display:flex;align-items:center;gap:0;background:var(--panel-2);padding:4px;border-radius:999px;border:1px solid var(--border)}.chat-channel-switcher .icon-btn.circle{border:none;width:32px;height:32px;color:var(--muted)}.chat-channel-switcher .icon-btn.circle:hover{background:var(--hover);color:var(--text)}.chat-channel-switcher .icon-btn.circle.on{background:var(--primary);color:#fff}.chat-channel-switcher .icon-btn.circle.on:hover{background:var(--primary-600)}.icon-btn.circle.chat-head-delete{width:32px;height:32px;color:#ef4444}.icon-btn.circle.chat-head-delete:hover{background:#ef44441f;color:#dc2626}.call-btn.solid{background:var(--primary);color:#fff;border:none}.call-btn.solid:hover{background:var(--primary-600)}.panel-body{flex:1;overflow-y:auto;padding:20px 18px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 20px;color:var(--muted);text-align:center}.empty-state svg{color:var(--muted-2);opacity:.7}.empty-state-text{font-size:14px;font-weight:500}.btn.sm{padding:6px 10px;font-size:12px;font-weight:600;border-radius:8px}.btn[disabled]{opacity:.5;cursor:not-allowed}.notes-body{flex:1;overflow-y:auto;padding:8px 0;border-bottom:1px solid var(--border)}.notes-list{display:flex;flex-direction:column;gap:10px;padding:12px 18px}.note-card{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--panel-2)}.note-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:600;margin-bottom:6px}.note-author{color:var(--text-2)}.note-text{font-size:13px;color:var(--text);line-height:1.5;white-space:pre-wrap}.notes-footer{padding:16px 18px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.notes-footer-label{font-size:13px;font-weight:600;color:var(--text-2)}.notes-input{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--text);outline:none;min-height:96px;resize:vertical;font-family:inherit}.notes-input:focus{border-color:var(--primary)}.notes-input::placeholder{color:var(--muted-2)}.notes-footer .btn{align-self:flex-end}.recordings-list{display:flex;flex-direction:column;gap:10px}.recording-card{border:1px solid var(--border);border-radius:10px;padding:14px;background:var(--panel)}.recording-title{font-weight:700}.recording-date{color:var(--muted);font-size:12px;margin-top:4px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.media-card{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--panel)}.media-thumb{width:100%;aspect-ratio:3/2;border-radius:8px;background:var(--panel-2);display:grid;place-items:center;font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:26px;color:var(--text);letter-spacing:1px;border:1px solid var(--border);margin-bottom:10px}.media-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.4}.media-date{color:var(--muted);font-size:12px;margin-top:6px}.notif-wrap{position:relative}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:420px;max-height:620px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;z-index:60;overflow:hidden}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px}.notif-title{font-weight:700;font-size:17px;color:var(--text)}.notif-mark{font-size:13px;font-weight:600;color:var(--primary);background:transparent;border:none;cursor:pointer;padding:6px 10px;border-radius:8px}.notif-mark:hover:not(:disabled){background:var(--panel-2)}.notif-mark:disabled{color:var(--muted);cursor:not-allowed;opacity:.6}.notif-tabs{display:flex;gap:6px;padding:2px 14px 12px;border-bottom:1px solid var(--border)}.notif-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:transparent;border:none;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;line-height:1}.notif-tab:hover{background:var(--panel-2);color:var(--text)}.notif-tab.active{background:var(--primary);color:#fff}.notif-tab-count{font-size:12px;font-weight:700;color:var(--muted);background:var(--panel-2);border-radius:999px;padding:2px 8px;min-width:22px;text-align:center;line-height:1.4}.notif-tab.active .notif-tab-count{color:#fff;background:#ffffff38}.notif-list{overflow-y:auto;flex:1;min-height:0}.notif-empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:10px}.notif-empty svg{opacity:.4;width:32px;height:32px}.notif-item{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border-bottom:1px solid var(--border);cursor:pointer;position:relative;transition:background .12s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--panel-2)}.notif-item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.notif-type{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.notif-type svg{width:20px;height:20px}.notif-type-primary{background:var(--primary-50, rgba(30, 64, 175, .12));color:var(--primary)}.notif-type-info{background:#3b82f624;color:#3b82f6}.notif-type-success{background:#22c55e24;color:#22c55e}.notif-type-danger{background:#ef444424;color:#ef4444}.notif-type-muted{background:var(--panel-2);color:var(--text-2)}.notif-body{flex:1;min-width:0}.notif-item-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.notif-item-sub{font-size:13px;color:var(--text-2);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notif-time{font-size:12px;color:var(--muted);margin-top:6px;display:inline-flex;align-items:center;gap:6px}.notif-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0}.notif-dismiss{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:var(--muted);background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}.notif-item:hover .notif-dismiss{opacity:1}.notif-dismiss:hover{background:var(--bg);color:var(--text)}.notif-foot{padding:8px;border-top:1px solid var(--border);display:flex;justify-content:center}.notif-see-all{width:100%;background:transparent;border:none;color:var(--primary);font-size:13px;font-weight:600;padding:8px 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.notif-see-all:hover{background:var(--panel-2)}.notif-see-all-count{font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-50, rgba(30, 64, 175, .12));border-radius:999px;padding:1px 8px}.notif-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.notif-page-filters{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.notif-page-actions{display:flex;gap:8px;flex-shrink:0}.notif-filter{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer}.notif-filter:hover{background:var(--panel-2);color:var(--text)}.notif-filter.active{background:var(--primary);border-color:var(--primary);color:#fff}.notif-filter-count{font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;background:var(--panel-2);color:var(--muted);min-width:18px;text-align:center}.notif-filter.active .notif-filter-count{background:#ffffff38;color:#fff}.notif-page-list{padding:16px 24px 40px;max-width:860px;margin:0 auto;width:100%}.notif-group{margin-bottom:18px}.notif-group-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:10px 4px 8px}.notif-page-item{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:background .12s,border-color .12s}.notif-page-item:hover{background:var(--panel-2);border-color:var(--text-2)}.notif-page-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.notif-page-item.unread{border-left:3px solid var(--primary)}.notif-type-tag{font-size:11px;font-weight:600;color:var(--text-2);background:var(--panel-2);padding:2px 8px;border-radius:999px}.notif-page-empty{padding:64px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.notif-page-empty svg{width:40px;height:40px;opacity:.35}.notif-page-empty-title{font-size:15px;font-weight:600;color:var(--text)}.notif-page-empty-sub{font-size:13px}.workspace>*{animation:fade-slide-up var(--dur-md) var(--ease-out) both}.page-scroll{animation:fade-slide-up var(--dur-md) var(--ease-out) both}.pane{animation:fade-in var(--dur-md) var(--ease-out) both}.rail{transition:width var(--dur-lg) var(--ease-in-out),padding var(--dur-lg) var(--ease-in-out),background-color var(--dur-md) var(--ease-out),border-color var(--dur-md) var(--ease-out)}.rail-brand-text,.rail-label{transition:opacity var(--dur-md) var(--ease-out),max-width var(--dur-lg) var(--ease-in-out),transform var(--dur-md) var(--ease-out),margin var(--dur-lg) var(--ease-in-out);max-width:180px;opacity:1;transform:translateZ(0)}.rail.collapsed .rail-brand-text,.rail.collapsed .rail-label{opacity:0;max-width:0;transform:translate3d(-6px,0,0);pointer-events:none}.rail-caret{transition:transform var(--dur-md) var(--ease-spring),opacity var(--dur-sm) var(--ease-out),max-width var(--dur-lg) var(--ease-in-out),margin var(--dur-lg) var(--ease-in-out);opacity:1;max-width:20px}.rail.collapsed .rail-caret{opacity:0;max-width:0;margin-left:-4px;pointer-events:none}.rail-collapse{transition:background-color var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),opacity var(--dur-md) var(--ease-out),max-width var(--dur-lg) var(--ease-in-out),transform var(--dur-sm) var(--ease-spring);opacity:1;max-width:28px;overflow:hidden}.rail.collapsed .rail-collapse{opacity:0;max-width:0;pointer-events:none}.rail-collapse:hover{transform:scale(1.08)}.rail-collapse:active{transform:scale(.9)}.rail-row,.rail-sub-item{transition:background-color var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out),padding var(--dur-lg) var(--ease-in-out),gap var(--dur-lg) var(--ease-in-out)}.rail-row:hover,.rail-sub-item:hover{transform:translate(2px)}.rail.collapsed .rail-row:hover{transform:scale(1.06)}.rail-row:active{transform:scale(.97)}.rail-sub{overflow:hidden;animation:collapse-in var(--dur-md) var(--ease-out) both}.rail-sub.closing{animation:collapse-out var(--dur-sm) var(--ease-in) both}.rail-sub-item{opacity:0;animation:fade-slide-down var(--dur-sm) var(--ease-out) forwards}.rail-sub-item:nth-child(1){animation-delay:20ms}.rail-sub-item:nth-child(2){animation-delay:50ms}.rail-sub-item:nth-child(3){animation-delay:80ms}.rail-sub-item:nth-child(4){animation-delay:.11s}.rail-sub-item:nth-child(5){animation-delay:.14s}.rail-sub.closing .rail-sub-item{animation:none;opacity:1}.rail{animation:slide-in-left var(--dur-lg) var(--ease-out) both}.rail-brand-mark{animation:pop-in var(--dur-lg) var(--ease-spring) both;transition:transform var(--dur-md) var(--ease-spring),background-color var(--dur-sm) var(--ease-out)}.rail-brand-mark:hover{transform:rotate(-6deg) scale(1.06)}@keyframes fade-slide-right-in{0%{opacity:0;transform:translate3d(-10px,0,0)}to{opacity:1;transform:translateZ(0)}}.rail-nav>.rail-group{opacity:0;animation:fade-slide-right-in var(--dur-md) var(--ease-out) forwards}.rail-nav>:nth-child(1){animation-delay:40ms}.rail-nav>:nth-child(2){animation-delay:80ms}.rail-nav>:nth-child(3){animation-delay:.12s}.rail-nav>:nth-child(4){animation-delay:.16s}.rail-nav>:nth-child(5){animation-delay:.2s}.rail-nav>:nth-child(6){animation-delay:.24s}.rail-nav>:nth-child(7){animation-delay:.28s}.rail-nav>:nth-child(8){animation-delay:.32s}.rail-nav>:nth-child(9){animation-delay:.36s}.rail-row{position:relative}.rail-row:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--primary);transform:scaleY(0);opacity:0;transition:transform var(--dur-md) var(--ease-spring),opacity var(--dur-sm) var(--ease-out)}.rail-row.active:before{transform:scaleY(1);opacity:1}.rail-row>svg{transition:transform var(--dur-sm) var(--ease-spring)}.rail-row:hover>svg{transform:scale(1.12) rotate(-3deg)}.rail-row.active>svg{animation:pop-in var(--dur-md) var(--ease-spring) both}.rail-bottom-area>button>svg{transition:transform var(--dur-lg) var(--ease-spring)}.rail-bottom-area>button:hover>svg{transform:rotate(20deg) scale(1.08)}.rail-bottom-area>button:active>svg{transform:rotate(-180deg) scale(.95)}.dropdown-menu{transform-origin:top left;animation:pop-in var(--dur-sm) var(--ease-spring) both}.dropdown-menu.closing{animation:pop-out var(--dur-xs) var(--ease-in) both}.dropdown-item{transition:background-color var(--dur-xs) var(--ease-out),color var(--dur-xs) var(--ease-out),transform var(--dur-xs) var(--ease-out)}.dropdown-item:hover{transform:translate(2px)}.filter-option{transition:background-color var(--dur-xs) var(--ease-out),color var(--dur-xs) var(--ease-out)}.notif-panel{transform-origin:top right;animation:pop-in var(--dur-md) var(--ease-spring) both}.notif-panel.closing{animation:pop-out var(--dur-sm) var(--ease-in) both}.notif-item{transition:background-color var(--dur-xs) var(--ease-out),transform var(--dur-xs) var(--ease-out)}.notif-item:hover{transform:translate(2px)}.notif-list .notif-item{opacity:0;animation:fade-slide-down var(--dur-md) var(--ease-out) forwards}.notif-list .notif-item:nth-child(1){animation-delay:20ms}.notif-list .notif-item:nth-child(2){animation-delay:55ms}.notif-list .notif-item:nth-child(3){animation-delay:90ms}.notif-list .notif-item:nth-child(4){animation-delay:125ms}.notif-list .notif-item:nth-child(5){animation-delay:.16s}.notif-list .notif-item:nth-child(6){animation-delay:195ms}.notif-dot{animation:pulse-dot 2s var(--ease-in-out) infinite}.notif-tab,.notif-filter{transition:background-color var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out)}.notif-badge,.icon-badge{animation:pop-in var(--dur-md) var(--ease-spring) both}.right-sidebar{animation:slide-in-right var(--dur-md) var(--ease-out) both}.right-sidebar.closing{animation:slide-out-right var(--dur-md) var(--ease-in) both}.conv-item{transition:background-color var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.conv-item:hover{transform:translate(2px)}.conv-item.selected{box-shadow:inset 3px 0 0 var(--primary)}.ticket-card{transition:background-color var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.ticket-card:hover{transform:translate(2px)}.ticket-card.selected{box-shadow:inset 3px 0 0 var(--primary)}.tab,.detail-tab,.side-tab{transition:color var(--dur-sm) var(--ease-out),background-color var(--dur-sm) var(--ease-out),border-color var(--dur-md) var(--ease-out)}.tab:active{transform:scale(.97)}.msg-row,.mail-msg,.system-line{animation:fade-slide-up var(--dur-md) var(--ease-out) both}.bubble{transition:transform var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.bubble:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn,.reply-btn,.call-btn,.icon-btn,.rail-brand-icon,.search-icon-btn{transition:background-color var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out),transform var(--dur-xs) var(--ease-out)}.btn:active,.reply-btn:active,.call-btn:active,.icon-btn:active,.search-icon-btn:active,.rail-brand-icon:active{transform:scale(.95)}.btn:hover,.reply-btn:hover{box-shadow:var(--shadow)}.card{transition:background-color var(--dur-md) var(--ease-out),border-color var(--dur-md) var(--ease-out),box-shadow var(--dur-md) var(--ease-out),transform var(--dur-md) var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.grid>.card,.stat-row>.stat{opacity:0;animation:fade-slide-up var(--dur-md) var(--ease-out) forwards}.grid>.card:nth-child(1),.stat-row>.stat:nth-child(1){animation-delay:20ms}.grid>.card:nth-child(2),.stat-row>.stat:nth-child(2){animation-delay:60ms}.grid>.card:nth-child(3),.stat-row>.stat:nth-child(3){animation-delay:.1s}.grid>.card:nth-child(4),.stat-row>.stat:nth-child(4){animation-delay:.14s}.grid>.card:nth-child(5){animation-delay:.18s}.grid>.card:nth-child(6){animation-delay:.22s}.grid>.card:nth-child(7){animation-delay:.26s}.grid>.card:nth-child(8){animation-delay:.3s}.switch{transition:background-color var(--dur-md) var(--ease-out)}.switch:after{transition:transform var(--dur-md) var(--ease-spring)}.empty-state{animation:fade-in var(--dur-lg) var(--ease-out) both}.unread-chip{animation:pop-in var(--dur-md) var(--ease-spring) both}.assignee-chip{animation:fade-in var(--dur-md) var(--ease-out) both}.chat-input,.notes-input,.form-group input,.form-group textarea,.form-group select{transition:background-color var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}.recent-orders{animation:collapse-in var(--dur-md) var(--ease-out) both}.recent-order{opacity:0;animation:fade-slide-up var(--dur-md) var(--ease-out) forwards}.recent-order:nth-child(1){animation-delay:20ms}.recent-order:nth-child(2){animation-delay:60ms}.recent-order:nth-child(3){animation-delay:.1s}.recent-order:nth-child(4){animation-delay:.14s}.detail-tab{position:relative}.detail-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--primary);animation:fade-slide-down var(--dur-sm) var(--ease-out) both;border-radius:2px}.detail-tab.active{border-bottom-color:transparent}.rail-caret.open{transform:rotate(180deg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118277a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;display:flex;align-items:stretch;justify-content:center;padding:24px}.modal-shell{width:100%;max-width:1440px;background:var(--bg);border-radius:14px;box-shadow:0 24px 64px #1118272e;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0}.modal-head-left{display:flex;align-items:center;gap:10px;min-width:0}.modal-head-left .icon-btn{width:34px;height:34px;border-radius:8px;color:var(--text-2)}.modal-head-left .icon-btn:hover{background:var(--panel-2);color:var(--text)}.modal-title{display:flex;align-items:center;gap:10px;min-width:0}.modal-title-text{font-weight:700;font-size:16px;color:var(--text)}.modal-title-id{font-weight:500;font-size:14px;color:var(--muted)}.modal-head-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.modal-head-btn{padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.modal-head-btn svg{width:14px;height:14px}.modal-body{flex:1;min-height:0;display:grid;grid-template-columns:360px 1fr 340px;gap:14px;padding:16px;overflow:hidden;background:var(--bg)}.modal-col{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:4px}.modal-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.modal-panel-head{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:12px}.modal-panel-head .link-btn{font-size:12px;display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:600}.modal-panel-head .link-btn svg{width:12px;height:12px}.collapsible-head{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;padding:0 0 12px;cursor:pointer;font-family:inherit;color:var(--text)}.collapsible-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--panel-2);color:var(--text-2)}.collapsible-icon svg{width:14px;height:14px}.collapsible-title{font-weight:700;font-size:12.5px;color:var(--text);flex:1;text-align:left}.collapsible-count{font-size:11px;font-weight:700;color:var(--muted);background:var(--panel-2);padding:2px 8px;border-radius:999px;min-width:22px;text-align:center}.collapsible-caret{color:var(--muted);transition:transform .18s var(--ease-out)}.collapsible-caret.up{transform:rotate(180deg)}.collapsible-body{overflow:hidden}.order-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:12px 14px;background:var(--panel-2);border-radius:10px;margin-bottom:12px}.order-summary-value{font-weight:600;font-size:13px;color:var(--text);margin-top:2px}.muted-tiny{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.item-list{display:flex;flex-direction:column;gap:8px}.item-list-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);border-radius:10px}.item-list-row .order-thumb{width:40px;height:40px;color:var(--text-2)}.item-list-row .order-thumb svg{width:18px;height:18px}.item-list-meta{flex:1;min-width:0}.item-list-name{font-weight:600;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-list-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.item-list-price{font-weight:700;font-size:13px;flex-shrink:0}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-bottom:14px}.overview-field{display:flex;flex-direction:column;gap:6px}.overview-field-label{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.overview-field-value{display:flex;align-items:center;min-height:24px}.overview-assignee{padding-top:14px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:8px}.notes-modal-list{display:flex;flex-direction:column;gap:10px}.notes-empty{padding:20px;text-align:center;color:var(--muted);font-size:13px;border:1px dashed var(--border);border-radius:10px;background:var(--panel-2)}.cf-row{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid var(--border)}.cf-row:last-child{border-bottom:none}.cf-label{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.cf-value{font-size:13px;color:var(--text);font-weight:500}.cf-bool{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.cf-bool:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.cf-bool.yes{background:var(--success-50);color:var(--success)}.cf-bool.no{background:var(--panel-2);color:var(--muted)}.cf-empty{color:var(--muted-2);font-weight:500}.top-bar-subcount{font-size:12px;font-weight:600;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);padding:2px 10px;border-radius:999px}.customer-card .customer-row-meta{display:flex;flex-wrap:wrap;gap:10px 14px;padding-left:52px;font-size:12px;color:var(--text-2)}.customer-row-contact{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);min-width:0}.customer-row-contact svg{color:var(--muted);flex-shrink:0}.customer-row-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.customer-chip{font-size:11px;padding:2px 8px}.customer-chip svg{width:12px;height:12px}.customer-chip.tone-info{background:var(--info-50);color:var(--info);border-color:transparent}.customers-detail{background:var(--bg)}.customers-detail-body{grid-template-columns:1fr 1fr}.panel-head-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;font-size:12px;font-weight:700;color:var(--text);width:100%;text-align:left}.panel-head-toggle .order-count{margin-left:auto;background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.empty-inline{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;color:var(--muted);font-size:13px}.empty-inline svg{width:36px;height:36px;opacity:.55}.customer-tickets-list{display:flex;flex-direction:column;gap:10px}.customer-ticket-row{border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--panel);display:flex;flex-direction:column;gap:8px;transition:border-color .12s,background .12s}.customer-ticket-row:hover{border-color:var(--primary);background:var(--panel-2)}.customer-ticket-top{display:flex;align-items:center;gap:10px}.customer-ticket-top .ticket-id{font-size:13.5px;color:var(--text)}.customer-ticket-updated{margin-left:auto;color:var(--muted);font-size:12px;font-weight:500}.customer-ticket-meta{display:flex;flex-wrap:wrap;gap:6px}@media (max-width: 1280px){.left-pane{width:clamp(240px,24vw,320px)}.right-sidebar{width:clamp(260px,24vw,320px)}.right-sidebar.ticket-panel{width:clamp(280px,26vw,340px)}.chat-body{padding:18px 20px}.chat-head{padding:12px 16px}.chat-input-wrap{padding:12px 16px 14px}}@media (max-width: 1200px){.customers-detail-body{grid-template-columns:1fr}.modal-body{grid-template-columns:320px 1fr 300px}}@media (max-width: 1100px){.rail.expanded{width:180px}.left-pane{width:clamp(220px,30vw,300px)}.right-sidebar,.right-sidebar.ticket-panel{display:none}.right-rail{display:flex}.chat-input-hint{display:none}}@media (max-width: 1000px){.modal-backdrop{padding:12px}.modal-body{grid-template-columns:1fr;overflow-y:auto}.modal-col{overflow-y:visible}}@media (max-width: 860px){.rail{width:56px;padding:10px 4px}.rail.expanded{width:180px}.left-pane{width:clamp(200px,36vw,280px)}.chat-body{padding:14px}.chat-head{padding:10px 12px;gap:8px}.chat-input-wrap{padding:10px 12px 12px}.msg-row{max-width:88%}}.user-menu-wrap{position:relative}.user-avatar-btn{position:relative;background:transparent;border:none;padding:0;cursor:pointer;border-radius:999px;display:grid;place-items:center;transition:box-shadow var(--dur-sm) var(--ease-out),transform var(--dur-xs) var(--ease-out)}.user-avatar-status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--panel);pointer-events:none}.user-avatar-btn:hover{box-shadow:0 0 0 3px var(--panel-2)}.user-avatar-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-50),0 0 0 4px var(--primary)}.user-avatar-btn:active{transform:scale(.95)}.user-avatar-btn[aria-expanded=true]{box-shadow:0 0 0 3px var(--primary-50)}.user-avatar{display:inline-grid;place-items:center;border-radius:999px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;-webkit-user-select:none;user-select:none;line-height:1}.user-avatar-img{border-radius:999px;object-fit:cover;display:block}.user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);padding:6px;z-index:60;transform-origin:top right;animation:pop-in var(--dur-sm) var(--ease-spring) both}.user-menu.closing{animation:pop-out var(--dur-xs) var(--ease-in) both}.user-menu-head{display:flex;gap:10px;align-items:center;padding:8px 8px 10px}.user-menu-identity{min-width:0;flex:1}.user-menu-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{font-size:12.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-role{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-50);padding:2px 8px;border-radius:999px;line-height:1.4}.user-menu-sep{height:1px;background:var(--border);margin:2px -6px 4px}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;background:transparent;border:none;color:var(--text);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;transition:background-color var(--dur-xs) var(--ease-out),color var(--dur-xs) var(--ease-out)}.user-menu-item svg{width:17px;height:17px;flex-shrink:0;color:var(--muted)}.user-menu-item:hover{background:var(--panel-2)}.user-menu-item:hover svg{color:var(--text)}.user-menu-item.danger{color:#dc2626}.user-menu-item.danger svg{color:#dc2626}.user-menu-item.danger:hover{background:#dc262614}.user-menu-status-dot{display:inline-block;width:10px;height:10px;flex:none;border-radius:50%}.user-menu-item-label{flex:1;min-width:0}.user-menu-chevron{color:var(--muted);transition:transform var(--dur-xs) var(--ease-out)}.user-menu-chevron.open{transform:rotate(90deg)}.user-menu-check{color:var(--primary)}.user-menu-status-list{display:flex;flex-direction:column;gap:1px;margin:2px 0 2px 12px;border-left:1px solid var(--border);padding:2px 0 2px 6px;animation:pop-in var(--dur-xs) var(--ease-spring) both}.user-menu-status-list.closing{animation:pop-out var(--dur-xs) var(--ease-in) both}.user-menu-status-option{font-size:13px;padding:7px 8px}.user-menu-status-option.active{color:var(--primary);font-weight:600}.ct-backdrop{padding:24px 20px;align-items:center}.ct-shell{width:100%;max-width:1280px;max-height:calc(100vh - 48px);background:var(--panel);border-radius:16px;border:1px solid var(--border);box-shadow:0 24px 64px #11182738;display:flex;flex-direction:column;overflow:hidden}.ct-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.ct-head-left{display:flex;align-items:center;gap:12px;min-width:0}.ct-head-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--primary-50);color:var(--primary)}.ct-head-icon svg{width:18px;height:18px}.ct-head-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.2}.ct-head-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.ct-head-right{display:flex;align-items:center;gap:10px}.ct-close{width:32px;height:32px;border-radius:8px;color:var(--text-2)}.ct-close:hover{background:var(--panel-2);color:var(--text)}.ct-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:inherit;font-size:11px;font-weight:600;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:5px;line-height:1}.ct-body{flex:1;min-height:0;display:grid;grid-template-columns:340px 1fr;gap:20px;padding:22px;background:var(--bg);overflow:hidden}.ct-body-finder{display:flex;align-items:flex-start;justify-content:center;padding:40px 18px;overflow-y:auto}.ct-col{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.ct-col-main{gap:0}.ct-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.ct-panel-head{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:10px}.ct-panel-head .link-btn{font-size:11.5px;color:var(--primary);font-weight:600;display:inline-flex;align-items:center;gap:2px}.ct-col-main .ct-panel{padding:16px 18px}.ct-finder-card{width:100%;max-width:640px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:16px}.ct-finder-head{display:flex;align-items:center;gap:14px}.ct-finder-head-icon{width:40px;height:40px;border-radius:10px;background:var(--primary-50);color:var(--primary);display:inline-flex;align-items:center;justify-content:center}.ct-finder-head-icon svg{width:18px;height:18px}.ct-finder-title{font-size:16px;font-weight:700;color:var(--text)}.ct-finder-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.ct-finder-input-wrap{position:relative}.ct-finder-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);width:16px;height:16px;pointer-events:none}.ct-input.ct-finder-input{width:100%;padding:12px 40px 12px 36px;font-size:14px}.ct-finder-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:6px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.ct-finder-clear:hover{background:var(--panel-2);color:var(--text)}.ct-finder-empty{border:1px dashed var(--border);border-radius:10px;padding:26px 18px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:8px}.ct-finder-empty svg{color:var(--muted-2)}.ct-finder-empty-title{font-size:13.5px;font-weight:600;color:var(--text-2)}.ct-finder-empty-sub{font-size:12.5px;color:var(--muted)}.ct-finder-empty-nohit{padding:22px}.ct-finder-empty-nohit .btn{margin-top:4px}.ct-finder-hits{display:flex;flex-direction:column;gap:6px}.ct-finder-hits-title{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:4px 4px 2px}.ct-finder-hit{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);text-align:left;transition:background-color var(--dur-xs) var(--ease-out),border-color var(--dur-xs) var(--ease-out),transform var(--dur-xs) var(--ease-out)}.ct-finder-hit:hover{background:var(--hover);border-color:var(--primary-50);transform:translateY(-1px)}.ct-finder-hit-body{flex:1;min-width:0}.ct-finder-hit-name{font-weight:600;color:var(--text);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-finder-hit-sub{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin-top:2px}.ct-finder-hit-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.ct-finder-hit-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ct-finder-hit-stat{font-size:11px;color:var(--muted);font-weight:600}.ct-dot-sep{color:var(--muted-2)}.ct-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.ct-label{display:flex;align-items:baseline;gap:6px;font-size:12.5px;font-weight:700;color:var(--text-2)}.ct-req{color:var(--danger);font-size:12px;margin-left:-4px}.ct-hint{font-size:11.5px;color:var(--muted);font-weight:500;margin-left:auto}.ct-input{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:10px;outline:none;font-size:14px;width:100%;transition:border-color var(--dur-xs) var(--ease-out),box-shadow var(--dur-xs) var(--ease-out)}.ct-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1e40af1f}.ct-textarea{min-height:84px;resize:vertical;line-height:1.45}.ct-subject-wrap{position:relative}.ct-subject{padding-right:60px;font-size:15px;font-weight:500}.ct-counter{position:absolute;right:12px;bottom:10px;font-size:11px;color:var(--muted-2);font-variant-numeric:tabular-nums}.ct-row-2{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.ct-similar{margin:-6px 0 14px;padding:10px 12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border);font-size:12.5px;color:var(--text-2);display:flex;flex-direction:column;gap:8px;animation:fade-slide-down var(--dur-sm) var(--ease-out) both}.ct-similar-idle{flex-direction:row;align-items:center;gap:8px;color:var(--muted)}.ct-similar-idle svg{width:13px;height:13px;color:var(--muted-2)}.ct-similar-none{align-items:flex-start}.ct-similar-ok{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-weight:600;font-size:12.5px}.ct-similar-ok svg{width:12px;height:12px}.ct-similar.severe{background:var(--warning-50);border-color:#d977064d}.ct-similar.severe .ct-similar-dot{background:var(--warning)}.ct-similar-head{display:flex;align-items:center;gap:8px}.ct-similar-dot{width:8px;height:8px;border-radius:50%;background:var(--info);box-shadow:0 0 0 3px #2563eb26}.ct-similar-title{font-weight:700;font-size:12.5px;color:var(--text)}.ct-similar-count{margin-left:auto;padding:1px 7px;border-radius:999px;background:var(--panel);border:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text-2)}.ct-similar-list{display:flex;flex-direction:column;gap:6px}.ct-similar-row{display:flex;align-items:center;gap:12px;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.ct-similar-score{flex-shrink:0}.ct-similar-score-ring{--pct: 0%;width:38px;height:38px;border-radius:50%;background:conic-gradient(var(--primary) var(--pct),var(--border) 0);display:inline-flex;align-items:center;justify-content:center;position:relative}.ct-similar-score-ring:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--panel)}.ct-similar-score-num{position:relative;font-size:11px;font-weight:700;color:var(--text);z-index:1}.ct-similar.severe .ct-similar-score-ring{background:conic-gradient(var(--warning) var(--pct),var(--border) 0)}.ct-similar-meta{flex:1;min-width:0}.ct-similar-row-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}.ct-similar-id{font-size:11.5px;font-weight:700;color:var(--muted)}.ct-similar-same{font-size:10.5px;font-weight:700;color:var(--primary);background:var(--primary-50);padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.ct-similar-subject{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-similar-sub{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;color:var(--muted)}.ct-similar-actions{display:flex;gap:6px;flex-shrink:0}.ct-similar-actions .btn{padding:5px 10px;font-size:12px;font-weight:600}.ct-channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.ct-channel{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--panel);text-align:left;transition:border-color var(--dur-xs) var(--ease-out),background-color var(--dur-xs) var(--ease-out),transform var(--dur-xs) var(--ease-out);position:relative}.ct-channel:hover:not(.disabled){border-color:var(--border-strong);transform:translateY(-1px)}.ct-channel.active{border-color:var(--primary);background:var(--primary-50)}.ct-channel.disabled{opacity:.5;cursor:not-allowed}.ct-channel-icon{width:28px;height:28px;border-radius:8px;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ct-channel-body{min-width:0;display:flex;flex-direction:column;gap:1px;flex:1}.ct-channel-name{font-size:13px;font-weight:600;color:var(--text)}.ct-channel-hint{font-size:11px;color:var(--muted)}.ct-channel-tick{position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:50%;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center}.ct-channel-tick svg{width:10px;height:10px}.ct-priority-row{display:flex;gap:6px;flex-wrap:wrap}.ct-priority{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:600;color:var(--text-2);background:var(--panel);border:1px solid var(--border);border-radius:999px;transition:background-color var(--dur-xs) var(--ease-out),border-color var(--dur-xs) var(--ease-out),color var(--dur-xs) var(--ease-out)}.ct-priority:hover{background:var(--panel-2)}.ct-priority .status-dot{flex-shrink:0}.ct-priority.active{background:var(--primary-50);border-color:var(--primary);color:var(--primary)}.ct-tags{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;min-height:42px;align-items:center}.ct-tags:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1e40af1f}.ct-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 8px;background:var(--primary-50);color:var(--primary);border-radius:999px;font-size:12px;font-weight:600}.ct-tag-x{width:16px;height:16px;border-radius:50%;color:var(--primary);display:inline-flex;align-items:center;justify-content:center}.ct-tag-x:hover{background:#1e40af2e}.ct-tag-x svg{width:10px;height:10px}.ct-tag-input{flex:1;min-width:80px;border:none;background:transparent;font-size:13px;padding:4px 2px;outline:none}.ct-share{margin-top:2px}.ct-check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:12.5px;color:var(--text-2)}.ct-check input{display:none}.ct-check-box{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:4px;background:var(--panel);position:relative;transition:background-color var(--dur-xs) var(--ease-out),border-color var(--dur-xs) var(--ease-out)}.ct-check input:checked+.ct-check-box{background:var(--primary);border-color:var(--primary)}.ct-check input:checked+.ct-check-box:after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.ct-orders{display:flex;flex-direction:column;gap:6px}.ct-order{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--panel);text-align:left;transition:border-color var(--dur-xs) var(--ease-out),background-color var(--dur-xs) var(--ease-out)}.ct-order:hover{border-color:var(--border-strong)}.ct-order.active{border-color:var(--primary);background:var(--primary-50)}.ct-order-top{display:flex;align-items:center;justify-content:space-between}.ct-order-id{font-weight:700;color:var(--text);font-size:13px}.ct-order-date{font-size:11px;color:var(--muted)}.ct-order-items{display:flex;flex-wrap:wrap;gap:4px}.ct-order-item{font-size:11.5px;color:var(--text-2);background:var(--panel-2);padding:2px 7px;border-radius:999px}.ct-order.active .ct-order-item{background:var(--panel)}.ct-order-item.muted{color:var(--muted)}.ct-order-qty{color:var(--muted);font-weight:600}.ct-order-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.ct-order-total{font-weight:700;color:var(--text);font-size:13px}.ct-order-tick{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.ct-order-tick.on{background:var(--primary);color:#fff}.ct-order-tick.on svg{width:11px;height:11px}.ct-order-tick-empty{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--border-strong);display:block}.ct-tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.ct-tips-list li{position:relative;padding-left:18px;font-size:12px;color:var(--muted);line-height:1.45}.ct-tips-list li:before{content:"";position:absolute;left:4px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--success)}.ct-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--border);background:var(--panel);flex-shrink:0}.ct-foot-left{display:flex;align-items:center;gap:4px}.ct-foot-hint{font-size:12px;color:var(--muted);margin-left:4px}.ct-foot-right{display:flex;align-items:center;gap:8px}.ct-submit.disabled{opacity:.5;cursor:not-allowed;background:var(--primary)}@media (max-width: 820px){.ct-body,.ct-row-2{grid-template-columns:1fr}.ct-channel-grid{grid-template-columns:repeat(2,1fr)}}.modal-backdrop.confirm-backdrop{align-items:center;justify-content:center;z-index:200;animation:fade-in var(--dur-md) var(--ease-out) both}.modal-backdrop.confirm-backdrop.closing{animation:fade-out var(--dur-sm) var(--ease-in) both}.confirm-dialog{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 64px #1118273d;padding:20px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon body" "actions actions";gap:14px 14px;align-items:start}.confirm-icon{grid-area:icon;width:40px;height:40px;border-radius:50%;background:var(--danger-50);color:var(--danger);display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirm-body{grid-area:body;min-width:0}.confirm-title{font-weight:700;font-size:15px;color:var(--text);margin-bottom:4px}.confirm-sub{font-size:13px;color:var(--muted);line-height:1.45}.confirm-actions{grid-area:actions;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.confirm-btn{padding:8px 14px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out)}.confirm-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-50)}.confirm-btn-ghost{background:var(--panel);border-color:var(--border-strong);color:var(--text-2)}.confirm-btn-ghost:hover{background:var(--panel-2);color:var(--text)}.confirm-btn-danger{background:var(--danger);color:#fff}.confirm-btn-danger:hover{background:#b91c1c}[data-theme=dark] .confirm-btn-danger:hover{background:#ef4444}.auth-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--bg);color:var(--text);overflow:hidden;animation:fade-in var(--dur-md) var(--ease-out) both}@media (max-width: 960px){.auth-shell{grid-template-columns:1fr;grid-template-rows:240px 1fr}}@media (max-width: 640px){.auth-shell{grid-template-rows:1fr;grid-template-columns:1fr}}.auth-form-side{position:relative;display:flex;flex-direction:column;padding:28px 44px;min-height:0;overflow-y:auto;overflow-x:hidden}.auth-form-side::-webkit-scrollbar{width:6px}.auth-form-side::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}@media (max-width: 640px){.auth-form-side{padding:24px 22px}}.auth-brand{display:flex;align-items:center;gap:10px;color:var(--text);margin-bottom:24px}.auth-brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.auth-brand-text{font-weight:700;font-size:17px;letter-spacing:-.3px}.auth-brand-accent{color:var(--primary)}.auth-theme-toggle{margin-left:auto;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--muted);background:transparent;border:1px solid var(--border)}.auth-theme-toggle:hover{color:var(--text);background:var(--panel-2)}.auth-form-scroll{display:flex;flex-direction:column;gap:18px;max-width:420px;width:100%;margin:auto 0;padding:6px 0}.auth-socials{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:4px}.auth-social{width:54px;height:54px;border-radius:50%;background:var(--panel);border:1px solid var(--border);display:grid;place-items:center;color:var(--text);box-shadow:var(--shadow-sm);transition:transform var(--dur-xs) var(--ease-out),border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out),background var(--dur-sm) var(--ease-out)}.auth-social:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow);border-color:var(--border-strong)}.auth-social:active:not(:disabled){transform:translateY(0)}.auth-social:disabled{opacity:.55;cursor:not-allowed}.auth-social.apple{color:var(--text)}[data-theme=dark] .auth-social.apple{color:#fff}.auth-divider{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px;font-weight:500}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-banner{padding:10px 12px;background:var(--warning-50);color:var(--warning);border:1px solid var(--warning);border-radius:10px;font-size:13px;line-height:1.4}.auth-banner.is-error{background:var(--danger-50);color:var(--danger);border-color:var(--danger)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-float{position:relative;display:flex;flex-direction:column}.auth-float input{height:58px;padding:18px 14px 6px;background:var(--panel);border:1.5px solid var(--border);border-radius:12px;font-size:15px;color:var(--text);outline:none;transition:border-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out);width:100%}.auth-float input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.auth-float label{position:absolute;left:14px;top:18px;padding:0 4px;font-size:15px;color:var(--muted);background:var(--panel);pointer-events:none;transform-origin:left top;transition:transform var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),top var(--dur-sm) var(--ease-out)}.auth-float input:focus+label,.auth-float input:not(:placeholder-shown)+label{top:-8px;transform:scale(.82);color:var(--primary);background:var(--panel)}.auth-float.has-error input{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-50)}.auth-float.has-error label{color:var(--danger)}.auth-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--muted);background:transparent}.auth-eye:hover{background:var(--hover);color:var(--text)}.auth-error{margin-top:6px;font-size:12px;color:var(--danger);font-weight:500}.auth-row-between{display:flex;align-items:center;justify-content:space-between}.auth-inline-link{color:var(--primary);font-size:13px;font-weight:600;padding:0;background:none;border:none;cursor:pointer}.auth-inline-link:hover{text-decoration:underline}.auth-inline-link.strong{font-weight:700}.auth-strength{display:flex;align-items:center;gap:10px;margin-top:8px;padding:0 4px}.auth-strength-track{flex:1;height:6px;background:var(--panel-2);border-radius:999px;overflow:hidden}.auth-strength-bar{height:100%;width:0;background:var(--danger);border-radius:999px;transition:width var(--dur-md) var(--ease-out),background-color var(--dur-md) var(--ease-out)}.strength-1 .auth-strength-bar{width:20%;background:var(--danger)}.strength-2 .auth-strength-bar{width:40%;background:var(--warning)}.strength-3 .auth-strength-bar{width:60%;background:var(--warning)}.strength-4 .auth-strength-bar{width:80%;background:var(--success)}.strength-5 .auth-strength-bar{width:100%;background:var(--success)}.auth-strength-label{font-size:12px;color:var(--muted);font-weight:500;min-width:72px;text-align:right}.auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 16px;margin-top:6px;border-radius:14px;background:#000;color:#fff;font-weight:700;font-size:15px;letter-spacing:.01em;cursor:pointer;transition:background var(--dur-sm) var(--ease-out),transform var(--dur-xs) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out);box-shadow:0 6px 16px #00000040}.auth-submit:hover:not(:disabled){background:#1a1a1a;box-shadow:0 8px 20px #0000004d}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--primary);animation:spin .7s linear infinite;display:inline-block}.auth-spinner.light{border-color:#ffffff59;border-top-color:#fff}.auth-foot{font-size:14px;color:var(--muted);text-align:center;padding-top:6px}.auth-hero-side{position:relative;background-color:#1a1a1a;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100%;border-radius:0;overflow:hidden}@media (max-width: 960px){.auth-hero-side{min-height:320px}}@media (max-width: 640px){.auth-hero-side{display:none}}.action-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:60;animation:fade-in .12s ease-out}.action-modal{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;width:520px;max-width:94%;box-shadow:0 24px 64px #00000073;display:flex;flex-direction:column;overflow:hidden}.action-modal-title{margin:0;padding:18px 22px 14px;font-size:16px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border)}.action-modal-body{padding:18px 22px;display:grid;gap:12px;color:var(--text)}.action-modal-body label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--text)}.action-modal-body select,.action-modal-body input,.action-modal-body textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:14px;font-weight:400;outline:none;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.action-modal-body select:focus,.action-modal-body input:focus,.action-modal-body textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.action-modal-body select option{background:var(--panel);color:var(--text)}.action-modal-footer{padding:14px 22px 18px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);background:var(--panel)}.spinner{display:inline-block;border-style:solid;border-color:var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;box-sizing:border-box;flex-shrink:0}.loading-block{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 16px;color:var(--muted)}.loading-block-label{font-size:13px;color:var(--muted)}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.6s}}:root{--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, .68, .25);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-xs: .12s;--dur-sm: .18s;--dur-md: .24s;--dur-lg: .32s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-slide-up{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-slide-down{0%{opacity:0;transform:translate3d(0,-6px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-slide-down-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-6px,0)}}@keyframes fade-slide-up-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,8px,0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(24px,0,0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate3d(-18px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes collapse-in{0%{opacity:0;max-height:0;transform:translate3d(0,-4px,0)}to{opacity:1;max-height:600px;transform:translateZ(0)}}@keyframes collapse-out{0%{opacity:1;max-height:600px;transform:translateZ(0)}to{opacity:0;max-height:0;transform:translate3d(0,-4px,0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #1e40af73}50%{box-shadow:0 0 0 6px #1e40af00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.anim-fade-in{animation:fade-in var(--dur-md) var(--ease-out) both}.anim-slide-up{animation:fade-slide-up var(--dur-md) var(--ease-out) both}.anim-slide-down{animation:fade-slide-down var(--dur-sm) var(--ease-out) both}.anim-slide-right{animation:slide-in-right var(--dur-md) var(--ease-out) both}.anim-pop-in{animation:pop-in var(--dur-md) var(--ease-spring) both}.anim-enter{animation:fade-slide-up var(--dur-md) var(--ease-out) both}.anim-exit{animation:fade-slide-up-out var(--dur-sm) var(--ease-in) both}@media (prefers-reduced-motion: reduce){:root:not([data-animations]) *,:root:not([data-animations]) *:before,:root:not([data-animations]) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root[data-animations=subtle] .workspace>*,:root[data-animations=subtle] .page-scroll,:root[data-animations=subtle] .pane,:root[data-animations=subtle] .rail,:root[data-animations=subtle] .rail-sub,:root[data-animations=subtle] .rail-sub.closing,:root[data-animations=subtle] .rail-sub-item,:root[data-animations=subtle] .team-group-list,:root[data-animations=subtle] .team-group-list.closing,:root[data-animations=subtle] .team-group-list .team-row,:root[data-animations=subtle] .rail-brand-mark,:root[data-animations=subtle] .rail-row.active>svg,:root[data-animations=subtle] .dropdown-menu,:root[data-animations=subtle] .dropdown-menu.closing,:root[data-animations=subtle] .notif-panel,:root[data-animations=subtle] .notif-panel.closing,:root[data-animations=subtle] .notif-list .notif-item,:root[data-animations=subtle] .notif-badge,:root[data-animations=subtle] .icon-badge,:root[data-animations=subtle] .right-sidebar,:root[data-animations=subtle] .right-sidebar.closing,:root[data-animations=subtle] .user-menu,:root[data-animations=subtle] .user-menu.closing,:root[data-animations=subtle] .modal-backdrop,:root[data-animations=subtle] .modal-backdrop.closing,:root[data-animations=subtle] .anim-enter,:root[data-animations=subtle] .anim-exit,:root[data-animations=subtle] .anim-fade-in,:root[data-animations=subtle] .anim-slide-up,:root[data-animations=subtle] .anim-slide-down,:root[data-animations=subtle] .anim-slide-right,:root[data-animations=subtle] .anim-pop-in{animation:none!important;opacity:1!important}:root[data-animations=subtle]{--dur-xs: 80ms;--dur-sm: .11s;--dur-md: .14s;--dur-lg: .18s}:root[data-animations=off] *,:root[data-animations=off] *:before,:root[data-animations=off] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f7f8fb;--panel: #ffffff;--panel-2: #f3f4f8;--hover: #eff6ff;--selected: #dbeafe;--border: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--text-2: #374151;--muted: #6b7280;--muted-2: #9ca3af;--primary: #007AFF;--primary-600: #0062CC;--primary-50: #E5F0FF;--whatsapp: #25d366;--whatsapp-50: #dcfce7;--call: #f97316;--call-50: #ffedd5;--mail: #3b82f6;--mail-50: #dbeafe;--instagram: #ec4899;--instagram-50: #fce7f3;--success: #16a34a;--success-50: #dcfce7;--warning: #d97706;--warning-50: #fef3c7;--danger: #dc2626;--danger-50: #fee2e2;--info: #2563eb;--info-50: #dbeafe;--bubble-me-bg: #e8faef;--bubble-me-border: #bdf0cf;--chat-dot: #e5e7eb;--ai-draft-bg: #ecfdf5;--ai-draft-border: #bbf7d0;--scrollbar: #e5e7eb;--scrollbar-hover: #d1d5db;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .04);--shadow: 0 1px 3px rgba(17, 24, 39, .06), 0 1px 2px rgba(17, 24, 39, .04);--shadow-md: 0 4px 12px rgba(17, 24, 39, .06);--radius: 10px;--radius-sm: 8px;--radius-lg: 14px}[data-theme=dark]{--bg: #0e0e0e;--panel: #141414;--panel-2: #1c1c1c;--hover: #242424;--selected: #2a2a2a;--border: #262626;--border-strong: #333333;--text: #ededed;--text-2: #c7c7c7;--muted: #8a8a8a;--muted-2: #666666;--primary: #007AFF;--primary-600: #0062CC;--primary-50: #0A2540;--whatsapp: #25d366;--whatsapp-50: #14261a;--call: #f97316;--call-50: #2a1c10;--mail: #60a5fa;--mail-50: #122031;--instagram: #f472b6;--instagram-50: #2a1622;--success: #22c55e;--success-50: #122a1d;--warning: #f59e0b;--warning-50: #2a1f0f;--danger: #f87171;--danger-50: #2a1414;--info: #60a5fa;--info-50: #122031;--bubble-me-bg: #1f2f25;--bubble-me-border: #2a4535;--chat-dot: #1e1e1e;--ai-draft-bg: #122a1d;--ai-draft-border: #1d4230;--scrollbar: #2a2a2a;--scrollbar-hover: #3a3a3a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 1px 3px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);color-scheme:dark}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;transition:background var(--dur-md) var(--ease-out),color var(--dur-md) var(--ease-out)}.app,.rail,.top-bar,.left-pane,.center-pane,.right-sidebar,.right-rail,.panel,.card,.conv-item,.ticket-card,.bubble,.chat-input,.notes-input,.search-box,.dropdown-menu,.notif-panel,.btn,.icon-btn,.rail-item,.rail-row,.rail-sub-item,.tab,.value-chip,.status-badge,.filter-option,.notif-tab,.notif-filter,.notif-page-item,.order-bar,.mail-msg,.child-ticket-card{transition:background-color var(--dur-md) var(--ease-out),border-color var(--dur-md) var(--ease-out),color var(--dur-md) var(--ease-out),box-shadow var(--dur-md) var(--ease-out),transform var(--dur-sm) var(--ease-out)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}