@font-face{font-family:AlimamaShuHeiTi;src:url(/assets/AlimamaShuHeiTi-Bold-DOEwBxZx.woff2) format("woff2"),url(/assets/AlimamaShuHeiTi-Bold-CAOpTa88.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--primary-color: #366EF4;--primary-hover: #4080FF;--primary-light: #E6F7FF;--primary-bg: #F0F7FF;--bg-page: #FFFFFF;--bg-white: #FFFFFF;--bg-gray: #F5F5F5;--bg-hover: #F5F7FA;--bg-selected: #E6F7FF;--text-primary: #262626;--text-secondary: #61616A;--text-placeholder: #BFBFBF;--border-color: #E8E8E8;--border-light: #F0F0F0;--tag-green: #52C41A;--tag-green-bg: #F6FFED;--tag-orange: #FA8C16;--tag-orange-bg: #FFF7E6;--tag-red: #FF4D4F;--bubble-sales-bg: #366EF4;--bubble-sales-text: #FFFFFF;--bubble-customer-bg: #F3F3F3;--bubble-customer-text: #5E5E5E;--msg-info-color: #61616A;--status-online: #52C41A;--status-offline: #D9D9D9;--status-busy: #FA8C16;--sidebar-width: 240px;--conversation-list-width: 280px;--profile-width: 260px;--header-height: 50px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:AlimamaShuHeiTi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--text-primary);background-color:var(--bg-white)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--bg-page)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.content-area{flex:1;display:flex;overflow:hidden;position:relative;min-width:0}.messages-content-area{align-items:stretch}.chat-area-shell{flex:1;min-width:min(420px,100%);display:flex;overflow:hidden}.profile-panel-shell{height:100%;min-width:0;display:flex;flex-shrink:0;overflow:visible;position:relative;transition:width .18s ease}.profile-panel-shell.dragging{transition:none}.profile-panel-shell.collapsed{width:0!important}.resizer{width:1px;background:transparent;cursor:col-resize;z-index:10;flex-shrink:0;position:relative;align-self:stretch;outline:none}.resizer:before{content:"";position:absolute;top:0;bottom:0;left:-6px;right:-6px}.resizer:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:72px;border-radius:999px;background:#366ef400;box-shadow:0 0 0 1px #366ef400;transform:translate(-50%,-50%);transition:background .18s ease,box-shadow .18s ease,width .18s ease,height .18s ease}.resizer:hover:after,.resizer.active:after{background:#366ef424;box-shadow:0 0 0 1px #366ef433}.profile-resizer{z-index:12}.profile-resizer:after{width:7px;height:88px;background:#366ef414;box-shadow:0 0 0 1px #366ef41a}.profile-resizer:hover:after,.profile-resizer.active:after,.profile-resizer:focus-visible:after{width:9px;background:#366ef42e;box-shadow:0 0 0 1px #366ef43d}.profile-resizer.collapsed:after{width:8px;height:112px;background:#366ef429;box-shadow:0 0 0 1px #366ef438}.profile-resizer.collapsed:hover:after,.profile-resizer.collapsed.active:after,.profile-resizer.collapsed:focus-visible:after{width:10px;background:#366ef43d;box-shadow:0 0 0 1px #366ef44d}.profile-expand-tab{flex-shrink:0;width:32px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 0;border:none;border-left:1px solid var(--border-light, #e5e7eb);background:var(--bg-gray, #f3f4f6);color:var(--text-secondary, #6b7280);cursor:pointer;transition:background .15s ease,color .15s ease;z-index:11}.profile-expand-tab:hover{background:#366ef414;color:var(--primary-color, #366ef4)}.profile-expand-tab:focus-visible{outline:none;box-shadow:0 0 0 2px #366ef44d}.profile-expand-tab-label{font-size:12px;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.5px}.mobile-app-container{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background:#f5f7fb}.mobile-main-content{flex:1;min-height:0;overflow:hidden}.mobile-page{height:100%;display:flex;flex-direction:column;min-height:0}.mobile-page-header{height:52px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e5e7eb;background:#fff}.mobile-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.mobile-header-right{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;min-width:0}.mobile-segment-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-segment-tab{height:34px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#4b5563;font-size:13px;font-weight:500;cursor:pointer}.mobile-segment-tab.active{border-color:#2563eb;color:#1d4ed8;background:#eef4ff;font-weight:600}.mobile-client-avatar-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-width:0;padding-bottom:2px}.mobile-active-client-name{font-size:12px;color:#374151;max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.mobile-client-avatar-tabs::-webkit-scrollbar{display:none}.mobile-client-avatar-tab{width:34px;height:34px;padding:0;border:1px solid #d1d5db;border-radius:10px;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;position:relative;overflow:visible}.mobile-client-avatar-tab.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.mobile-client-avatar-img,.mobile-client-avatar-fallback{width:100%;height:100%;border-radius:10px}.mobile-client-avatar-img{object-fit:cover}.mobile-client-avatar-fallback{background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.mobile-client-platform-badge{position:absolute;right:-4px;bottom:-4px;width:14px;height:14px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #e5e7ebf2;display:inline-flex;align-items:center;justify-content:center}.mobile-client-platform-icon{width:12px;height:12px;border-radius:999px;display:block}.mobile-client-select{height:34px;border:1px solid #d1d5db;border-radius:8px;padding:0 10px;font-size:13px;min-width:0;flex:1;background:#fff}.mobile-icon-btn{width:34px;height:34px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mobile-switch{display:inline-flex;align-items:center;gap:6px;color:#4b5563;font-size:12px}.mobile-header-title{font-size:12px;color:#6b7280;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-chat-main,.mobile-page-body{flex:1;min-height:0;overflow:hidden}.mobile-page-body .conversation-list{width:100%;min-width:100%;border-right:none}.mobile-app-container .role-tag,.mobile-app-container .profile-refresh-btn,.mobile-app-container .manual-trigger-btn{display:none!important}.mobile-page-body .agent-list,.mobile-page-body .agent-detail{width:100%;min-width:0;border-right:none}.mobile-bottom-nav{height:58px;border-top:1px solid #e5e7eb;background:#fff;display:grid;grid-template-columns:repeat(4,1fr)}.mobile-nav-item{border:none;background:transparent;color:#6b7280;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;cursor:pointer}.mobile-nav-item.active{color:#2563eb;font-weight:600}.mobile-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182759;z-index:2000;display:flex}.mobile-drawer{width:min(86vw,360px);height:100%;background:#fff;display:flex;flex-direction:column}.mobile-drawer.mobile-drawer-right{margin-left:auto}.mobile-drawer-header{height:52px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:600}.mobile-drawer-content{flex:1;min-height:0;overflow:auto}:root{--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .6, 1);--ease-jelly: cubic-bezier(.25, .46, .45, .94)}*{scroll-behavior:smooth}.smooth-scroll{scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden}.chat-messages,.conversations,.agents,.tabs-container{scroll-behavior:smooth;scroll-padding:20px}.chat-messages,.conversations,.agents{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.fade-in{animation:fadeIn .3s var(--ease-smooth)}.slide-in-up{animation:slideInUp .4s var(--ease-smooth)}.slide-in-down{animation:slideInDown .4s var(--ease-smooth)}.slide-in-left{animation:slideInLeft .4s var(--ease-smooth)}.slide-in-right{animation:slideInRight .4s var(--ease-smooth)}.scale-in{animation:scaleIn .3s var(--ease-smooth)}.bounce-in{animation:bounceIn .6s var(--ease-bounce)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.hover-lift{transition:transform .3s var(--ease-smooth),box-shadow .3s var(--ease-smooth)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hover-scale{transition:transform .3s var(--ease-smooth)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s var(--ease-smooth)}.hover-glow:hover{box-shadow:0 0 20px #366ef44d}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-enter{animation:messageSlideIn .3s var(--ease-smooth)}@keyframes listItemSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.list-item-enter{animation:listItemSlide .3s var(--ease-smooth)}.list-item-enter:nth-child(1){animation-delay:0s}.list-item-enter:nth-child(2){animation-delay:.05s}.list-item-enter:nth-child(3){animation-delay:.1s}.list-item-enter:nth-child(4){animation-delay:.15s}.list-item-enter:nth-child(5){animation-delay:.2s}.list-item-enter:nth-child(6){animation-delay:.25s}.list-item-enter:nth-child(7){animation-delay:.3s}.list-item-enter:nth-child(8){animation-delay:.35s}.list-item-enter:nth-child(9){animation-delay:.4s}.list-item-enter:nth-child(10){animation-delay:.45s}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop{animation:modalFadeIn .2s var(--ease-smooth)}.modal-content{animation:modalSlideIn .3s var(--ease-smooth)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.toast-enter{animation:toastSlideIn .3s var(--ease-smooth)}.toast-exit{animation:toastSlideOut .3s var(--ease-smooth)}.button-press{transition:transform .1s var(--ease-smooth)}.button-press:active{transform:scale(.95)}@keyframes pageSlideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pageSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.page-enter{animation:pageSlideInRight .4s var(--ease-smooth)}.page-exit{animation:pageSlideOutLeft .4s var(--ease-smooth)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gpu-accelerated{transform:translateZ(0);will-change:transform}.sidebar{width:210px;height:100vh;background-color:var(--bg-white);border-right:1px solid var(--border-color);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:stretch;transition:width .2s ease}.sidebar.collapsed{width:72px}.sidebar-logo{height:56px;display:flex;align-items:center;justify-content:flex-start;padding:0 16px;gap:12px;border-bottom:1px solid var(--border-light);width:100%}.sidebar-collapse-btn{margin-left:auto;width:28px;height:28px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sidebar-collapse-btn:hover{background:#366ef41a;color:var(--primary-color)}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-svg{width:32px;height:32px}.logo-text{display:block;font-size:16px;font-weight:600;color:#2b3544;white-space:nowrap}.sidebar.collapsed .logo-text{display:none}.sidebar-nav{flex:1;padding:12px 0}.nav-item{height:44px;width:auto;display:flex;align-items:center;justify-content:flex-start;padding:0 16px;gap:12px;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;margin:4px 8px;border-radius:var(--radius-md);white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleX(0);width:3px;height:60%;background:linear-gradient(180deg,#366ef4,#5b8ff9);border-radius:0 2px 2px 0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:linear-gradient(90deg,rgba(54,110,244,.05) 0%,transparent 100%);color:var(--text-primary);transform:translate(2px)}.nav-item:hover:before{transform:translateY(-50%) scaleX(1)}.nav-item.active{background:linear-gradient(90deg,#366ef41a,#366ef408);color:var(--primary-color)}.nav-item.active:before{transform:translateY(-50%) scaleX(1)}.nav-item span{display:block;font-size:14px}.sidebar.collapsed .nav-item span{display:none}.sidebar-user{padding:16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;width:100%}.sidebar.collapsed .sidebar-user{justify-content:center;padding:12px 8px}.user-info{display:flex;align-items:center;gap:8px;padding:0;flex:1;min-width:0}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#366ef4,#5b8ff9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #366ef433}.user-info:hover .user-avatar{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #366ef44d}.user-name{display:block;font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .user-name,.sidebar.collapsed .user-info{display:none}.logout-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.logout-button:hover{background:linear-gradient(135deg,#ff6b6b1a,#ff8e531a);color:#ff6b6b;transform:scale(1.1)}.logout-button:active{transform:scale(.95)}.client-tabs{height:56px;background-color:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 8px}.nav-btn{width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:#61616a;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tabs-container{display:flex;flex:1;overflow-x:auto;overflow-y:hidden;gap:16px;padding:0 8px;height:100%;align-items:center;flex-wrap:nowrap}.client-group{display:flex;align-items:center;gap:4px}.group-icon{width:24px;height:24px;margin-right:4px;flex-shrink:0;opacity:.8;display:flex;align-items:center;justify-content:center}.group-icon img{width:100%;height:100%;object-fit:contain}.group-divider{width:1px;height:24px;background-color:var(--border-color);margin:0 12px;flex-shrink:0}.tabs-container::-webkit-scrollbar{display:none}.tab-item{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);white-space:nowrap;color:#61616a;font-size:14px;position:relative;height:100%;flex-shrink:0;min-width:120px;overflow:visible}.tab-item:hover{color:#366ef4;transform:translateY(-2px) scale(1.02)}.tab-item:active{transform:translateY(0) scale(.98);transition:all .1s cubic-bezier(.4,0,.2,1)}.tab-item.active{color:#366ef4;transform:translateY(-1px)}.tab-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:calc(100% - 16px);height:3px;background:linear-gradient(90deg,#366ef4,#5b8ff9);border-radius:2px 2px 0 0;animation:slideInBottom .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 -2px 8px #366ef44d}@keyframes slideInBottom{0%{width:0;opacity:0}to{width:calc(100% - 16px);opacity:1}}.tab-avatar-wrapper{position:relative;flex-shrink:0}.tab-avatar,.tab-avatar-placeholder{width:32px;height:32px;border-radius:6px;overflow:hidden;background:var(--bg-gray);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.tab-item:hover .tab-avatar,.tab-item:hover .tab-avatar-placeholder{transform:scale(1.15) rotate(5deg);box-shadow:0 4px 12px #366ef440}.tab-item.active .tab-avatar,.tab-item.active .tab-avatar-placeholder{transform:scale(1.05);box-shadow:0 2px 8px #366ef433}.tab-avatar img{width:100%;height:100%;object-fit:cover}.tab-avatar-placeholder{padding:6px}.tab-avatar-placeholder .tab-platform-icon{width:100%;height:100%;object-fit:contain}.tab-platform-badge{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--bg-white);border:1.5px solid var(--bg-white);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000001a}.tab-badge-icon{width:100%;height:100%;object-fit:contain;border-radius:50%}.tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.tabs-loading,.tabs-empty{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.client-guid-tooltip{background:#000c;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:99999;pointer-events:none;animation:fadeIn .2s ease-in-out;box-shadow:0 2px 8px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.conversation-list{width:var(--conversation-list-width);height:100%;background-color:var(--bg-white);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.list-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;border-bottom:1px solid var(--border-light);gap:8px;flex-shrink:0}.list-header-main{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.list-header-left{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.search-container{width:100%;min-width:0;display:flex;align-items:center;gap:8px;position:relative}.search-input-wrap{flex:1;min-width:0;position:relative;display:flex;align-items:center}.conversation-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;z-index:1}.search-input{width:100%;min-width:0;height:32px;padding:6px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;outline:none;transition:all .15s ease}.search-input.with-search-icon{padding-left:38px}.search-input.has-clear-button{padding-right:32px}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease;z-index:1}.clear-search-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.close-search-btn{width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.close-search-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.search-tag-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #0f172a1f;overflow:hidden;z-index:1100}.search-tag-suggestion-item{width:100%;padding:9px 12px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:4px;font-size:13px;text-align:left;transition:background-color .15s ease}.search-tag-suggestion-item:hover{background:var(--bg-hover)}.search-tag-suggestion-prefix{color:#8a5b00;background:#fff3bf;border:1px solid #f1c15f;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:600;flex-shrink:0}.search-tag-suggestion-text{color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-container{position:relative;min-width:0}.search-tag-chip{max-width:220px;height:32px;padding:0 10px;border:1px solid #f1c15f;border-radius:999px;background:#fff3bf;color:#8a5b00;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-width:0;flex-shrink:1;transition:all .15s ease}.search-tag-chip:hover{background:#ffe8a3;border-color:#e8ae34}.search-tag-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.filter-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:14px;transition:all .15s ease}.filter-btn:hover{background:var(--bg-hover)}.filter-btn.active{color:var(--primary-color);background:var(--primary-light)}.filter-btn .rotated{transform:rotate(180deg);transition:transform .15s ease}.filter-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;min-width:100px;z-index:1000;overflow:hidden}.filter-menu-item{padding:8px 16px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:background-color .15s ease}.filter-menu-item-with-switch{display:flex;align-items:center;justify-content:space-between;gap:8px}.filter-menu-item-label{min-width:0}.filter-menu-item:hover{background:var(--bg-hover)}.filter-menu-item.active{color:var(--primary-color);background:var(--primary-light)}.filter-menu-divider{height:1px;background:var(--border-color);margin:4px 0}.filter-menu-label{padding:6px 16px 4px;font-size:12px;color:var(--text-secondary);font-weight:500}.header-actions{display:flex;gap:4px;align-items:center;flex-shrink:0;min-width:0}.action-btn{width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.action-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.action-btn.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.action-btn.primary:hover{background:var(--primary-hover)}.filter-type-ai-button{position:relative;width:28px;height:20px;padding:0;border:1px solid #E5E7EB;border-radius:5px;background:#fff;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:border-color .15s ease,background-color .15s ease,color .15s ease,opacity .15s ease}.filter-type-ai-button:disabled{opacity:.5;cursor:not-allowed}.filter-type-ai-text{font-size:10px;line-height:1;font-weight:700;letter-spacing:.15px}.filter-type-ai-button:hover:not(:disabled){border-color:#cbd5e1;color:#64748b}.filter-type-ai-button.is-on{border-color:#366ef4;background:#fff;color:#366ef4}.filter-type-ai-button.is-on:hover:not(:disabled){border-color:#2f5fe0;color:#2f5fe0}.filter-type-ai-button.is-loading{opacity:.68}.filter-menu-item-with-switch{padding-right:10px}.filter-menu-item-with-switch .filter-menu-item-label{font-weight:500}.filter-menu-item.active .filter-menu-item-label{font-weight:600}.filter-type-ai-button:disabled{background:#fff;border-color:#e5e7eb;color:#cbd5e1}.notify-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:2000}.notify-modal{width:760px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);background:var(--bg-white);border-radius:12px;overflow:hidden;box-shadow:0 16px 40px #0000002e;display:flex;flex-direction:column}.notify-modal-header{height:56px;padding:0 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:12px}.notify-modal-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notify-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-white);cursor:pointer;color:var(--text-secondary);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.notify-close:hover{border-color:var(--primary-color);color:var(--primary-color)}.notify-modal-body{padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.notify-search-input{padding:10px 12px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-primary);font-size:13px;outline:none}.notify-list{overflow:auto;padding-right:4px}.notify-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;margin-bottom:10px}.notify-row-left{display:flex;align-items:center;gap:10px;min-width:0}.notify-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;border:1px solid var(--border-light);background:var(--bg-white);flex-shrink:0}.notify-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-secondary);background:var(--bg-gray)}.notify-info{min-width:0}.notify-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notify-id{margin-top:2px;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notify-toggle{border:none;padding:7px 12px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;flex-shrink:0}.notify-toggle.primary{background:var(--primary-color);color:#fff}.notify-toggle.danger{background:#ff4d4f;color:#fff}.notify-toggle:disabled{opacity:.6;cursor:not-allowed}.notify-loading,.notify-empty,.notify-error{padding:14px;border-radius:12px;border:1px dashed var(--border-light);background:var(--bg-white);color:var(--text-secondary);font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.conversations{flex:1;overflow-y:auto}.conversation-pagination{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-top:1px solid var(--border-light);background:var(--bg-white)}.conversation-page-btn{min-width:68px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.conversation-page-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.conversation-page-btn:disabled{opacity:.45;cursor:not-allowed}.conversation-page-text{flex:1;min-width:0;text-align:center;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item{display:flex;gap:12px;padding:12px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1),transform .2s ease;border-bottom:1px solid var(--border-light);position:relative;overflow:visible;background:var(--bg-white);touch-action:pan-y;will-change:transform}.conversation-swipe-row{position:relative;overflow:hidden;background:var(--bg-white)}.conversation-hide-action{position:absolute;top:0;right:0;width:78px;height:100%;border:none;border-radius:0;background:#ff4d4f;color:#fff;font-size:13px;font-weight:600;cursor:pointer;z-index:1;opacity:0;transform:translate(100%);pointer-events:none;transition:opacity .16s ease,transform .16s ease,background-color .16s ease}.conversation-hide-action:hover{background:#ff7875}.conversation-swipe-row.is-open .conversation-hide-action,.conversation-swipe-row.is-dragging .conversation-hide-action{opacity:1;transform:translate(0);pointer-events:auto}.conversation-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#366ef4,#5b8ff9);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.conversation-item:hover{background:linear-gradient(90deg,rgba(54,110,244,.03) 0%,transparent 100%);z-index:2}.conversation-item:hover:before{transform:scaleY(1)}.conversation-item.active{background:linear-gradient(90deg,#366ef414,#366ef405);z-index:3}.conversation-item.active:before{transform:scaleY(1)}.conv-avatar-wrap{position:relative;flex-shrink:0}.conv-avatar{width:44px;height:44px;border-radius:8px;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary-color);overflow:hidden;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.conversation-item:hover .conv-avatar{transform:scale(1.05);box-shadow:0 2px 8px #366ef433}.conv-avatar img{width:100%;height:100%;object-fit:cover}.avatar-text{font-size:12px;line-height:1;text-align:center;padding:0 2px}.conv-avatar-wrap .status-dot{position:absolute;bottom:-2px;left:-2px;width:10px;height:10px;border-radius:50%;border:1px solid var(--bg-white);z-index:100}.conv-avatar-wrap .status-dot.online{background-color:var(--status-online)}.conv-avatar-wrap .status-dot.offline{background-color:var(--status-offline)}.conv-avatar-wrap .status-dot.busy{background-color:var(--status-busy)}.conv-avatar-wrap .status-dot.peer-deleted{background-color:#ff4d4f}.conv-tag{position:absolute;top:-4px;left:-4px;padding:1px 4px;font-size:10px;background:var(--tag-orange);color:#fff;border-radius:2px;transform:scale(.9)}.auto-reply-off-dot{position:absolute;bottom:-2px;left:-2px;width:10px;height:10px;border-radius:50%;background-color:#ffc107;border:1px solid var(--bg-white);z-index:100;box-shadow:0 1px 3px #0003}.auto-reply-on-dot{position:absolute;bottom:-2px;left:-2px;width:10px;height:10px;border-radius:50%;background-color:#52c41a;border:1px solid var(--bg-white);z-index:100;box-shadow:0 1px 3px #0003}.manual-intervention-tag{position:absolute;top:-4px;right:-4px;padding:1px 4px;font-size:10px;background:#f5222d;color:#fff;border-radius:2px;transform:scale(.9);cursor:pointer;z-index:101;box-shadow:0 1px 2px #0000001a;transition:all .2s ease}.manual-intervention-tag:hover{transform:scale(1);background:#ff4d4f}.avatar-wxid-tooltip{position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);background-color:#000000d1;color:#fff;font-size:12px;line-height:1.2;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:1200;pointer-events:none;animation:fadeIn .15s ease}.avatar-wxid-tooltip:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border:4px solid transparent;border-right-color:#000000d1}.conv-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.conv-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.conv-name-wrapper{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.conv-name-container{display:flex;align-items:center;gap:4px;min-width:0}.conv-name{font-size:14px;font-weight:500;color:#1d2129;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;position:relative;cursor:pointer;padding:2px 0;border-radius:4px;transition:background-color .2s ease}.conv-name:hover{background-color:#366ef41a}.conv-follow-up-time{font-size:11px;color:var(--text-secondary);margin-left:6px;flex-shrink:0}.conv-delivery-guard-tag{display:inline-flex;align-items:center;margin-left:6px;padding:1px 6px;border-radius:999px;background:#fff1f0;color:#cf1322;font-size:10px;font-weight:600;border:1px solid #ffa39e;vertical-align:middle}.conv-name-input{font-size:14px;font-weight:500;color:#1d2129;background-color:#fff;border:1px solid var(--primary-color);border-radius:4px;padding:2px 8px;outline:none;flex:1;min-width:0;box-shadow:0 0 0 2px #366ef433}.peer-id-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:1000;pointer-events:none;animation:fadeIn .2s ease}.peer-id-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c}.contact-human-btn{padding:2px 8px;font-size:11px;font-weight:500;color:#fff;background:linear-gradient(135deg,#ff4d4f,#ff7875);border:none;border-radius:4px;cursor:pointer;flex-shrink:0;transition:all .2s ease;box-shadow:0 1px 2px #ff4d4f33;white-space:nowrap}.contact-human-btn:hover{background:linear-gradient(135deg,#ff7875,#ff4d4f);box-shadow:0 2px 4px #ff4d4f4d;transform:translateY(-1px)}.contact-human-btn:active{transform:translateY(0);box-shadow:0 1px 2px #ff4d4f33}.conv-time{font-size:12px;color:var(--text-secondary);flex-shrink:0}.conv-message{font-size:13px;color:#86909c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0}.conv-gender-badge{position:absolute;bottom:-1px;right:-1px;width:15px;height:15px;border-radius:50%;background:#fff;border:1px solid var(--border-light);font-size:10px;line-height:13px;text-align:center;z-index:102;box-shadow:0 1px 3px #0000001f;color:#4e5969;pointer-events:none}.conv-gender-badge.is-male{color:#366ef4}.conv-gender-badge.is-female{color:#eb2f96}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);gap:8px}.blocked-words-input-wrapper{margin-bottom:12px}.blocked-words-input-wrapper .notify-search-input{height:36px;padding:8px 12px;line-height:1.2}.add-word-btn{width:36px;height:36px;border:1px solid var(--primary-color);border-radius:8px;background:var(--primary-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.add-word-btn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.add-word-btn:disabled{opacity:.5;cursor:not-allowed}.blocked-words-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.blocked-word-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin:6px 0;background:var(--bg-white);border:1px solid var(--border-light);border-radius:8px;transition:all .15s ease;position:relative;z-index:1}.blocked-word-item.has-open-letter-picker{z-index:30}.blocked-word-item.dragging{opacity:.5;cursor:grabbing!important}.blocked-word-item.drag-over{border-top:2px solid var(--primary-color);transform:translateY(-2px)}.blocked-word-item:hover{border-color:var(--primary-color);background:var(--primary-light)}.blocked-word-text{font-size:13px;color:var(--text-primary);flex:1;word-break:break-word}.remove-word-btn{width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;flex-shrink:0;margin-left:8px}.remove-word-btn:hover{background:#ff4d4f1a;color:#ff4d4f}.tag-letter-picker{position:relative;margin-right:8px;flex-shrink:0}.tag-letter-picker-trigger{min-width:58px;height:30px;border:1px solid var(--border-light);border-radius:8px;background:#fff;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;padding:0 10px}.tag-letter-picker-trigger:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #366ef424}.tag-letter-picker-popover{position:fixed;width:208px;background:#fff;border:1px solid var(--border-light);border-radius:10px;padding:10px;box-shadow:0 10px 28px #0f172a2e;z-index:5200}.tag-letter-picker-tip{margin-bottom:8px;font-size:11px;line-height:1.4;color:var(--text-secondary)}.tag-letter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.tag-letter-option{height:28px;border:1px solid #d9deea;border-radius:7px;background:#fff;color:#334155;font-size:12px;font-weight:600;cursor:pointer;transition:all .12s ease}.tag-letter-option:hover{border-color:#7aa2ff;background:#eff4ff}.tag-letter-option.active{border-color:var(--primary-color);background:#eaf2ff;color:var(--primary-color)}.auto-invite-info{margin-bottom:12px;padding:12px;background:var(--bg-gray);border-radius:8px;border:1px solid var(--border-light)}.auto-invite-description{font-size:13px;color:var(--text-primary);line-height:1.6;margin-bottom:10px}.selected-count-info{font-size:13px;color:var(--text-secondary);font-weight:500;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light)}.notify-toggle:disabled{opacity:.5;cursor:not-allowed}.settings-center-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.settings-center-modal{width:100vw;height:100vh;max-width:none;max-height:none;min-width:none;min-height:none;background:var(--bg-white);border-radius:0;overflow:hidden;box-shadow:0 25px 80px #00000040;display:flex;flex-direction:column;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-center-header{height:64px;padding:0 24px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,#fafbfc,#fff);flex-shrink:0}.settings-center-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.settings-center-title{display:flex;align-items:center;gap:12px;min-width:0}.settings-center-client-avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--bg-gray, #f0f0f0)}.settings-center-client-avatar img{width:100%;height:100%;object-fit:cover}.settings-center-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--text-secondary, #8c8c8c);background:var(--bg-gray, #e8e8e8)}.settings-center-tabs{display:flex;gap:4px;flex-shrink:0}.settings-center-tab{padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all .2s ease}.settings-center-tab:hover{color:var(--text-primary);background:var(--bg-hover, rgba(0, 0, 0, .04))}.settings-center-tab.active{color:var(--primary-color);font-weight:600;background:var(--primary-light, rgba(54, 110, 244, .1));border-color:var(--primary-color)}.settings-center-body{flex:1;overflow-y:auto;padding:0 12px}.settings-center-loading,.settings-center-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--text-secondary);font-size:14px}.settings-center-error{color:#ff4d4f;border:1px dashed rgba(255,77,79,.4);border-radius:12px;background:#ff4d4f08}.settings-panel-grid{display:flex;flex-direction:row;gap:16px;padding:20px 12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;height:100%}.settings-panel-grid::-webkit-scrollbar{height:8px}.settings-panel-grid::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.settings-panel-grid::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.settings-panel-grid::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.settings-panel-card{width:280px;min-width:280px;height:100%;flex-shrink:0;background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;transition:all .2s ease;scroll-snap-align:start}.settings-panel-card.custom-tags-card{width:360px;min-width:360px;overflow:visible}.settings-panel-card:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #366ef41a}.settings-panel-header{height:56px;padding:16px 20px;background:linear-gradient(180deg,#f8f9fa,#fff);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-sizing:border-box}.settings-panel-header h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.settings-panel-count{font-size:12px;color:var(--primary-color);font-weight:600;background:var(--primary-light);padding:4px 10px;border-radius:12px}.settings-panel-desc{margin:0 20px 8px;font-size:12px;color:var(--text-secondary);line-height:1.4}.panel-search-input{width:260px;margin:22px auto;padding:10px 14px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-primary);font-size:13px;outline:none;box-sizing:border-box;display:block}.settings-panel-card .panel-search-input{width:260px}.panel-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007aff1a}.panel-desc{margin:12px 16px 8px;font-size:12px;color:var(--text-secondary);line-height:1.5;flex-shrink:0}.settings-panel-list{flex:1;overflow-y:auto;padding:16px}.settings-panel-list::-webkit-scrollbar{width:6px}.settings-panel-list::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.settings-panel-list::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.settings-panel-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 14px}.settings-page-btn{border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-primary);border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.settings-page-btn:disabled{opacity:.45;cursor:not-allowed}.settings-page-text{font-size:12px;color:var(--text-secondary)}.panel-empty{padding:40px 16px;text-align:center;color:var(--text-secondary);font-size:13px;border:1px dashed var(--border-light);border-radius:8px;margin-top:0}.settings-recipient-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:10px;margin-bottom:8px;transition:all .15s ease}.settings-recipient-row:hover{border-color:var(--primary-color);background:var(--primary-light)}.settings-recipient-row.selected{border-color:var(--primary-color);background:#366ef40f}.new-group-config{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:10px}.new-group-config-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.new-group-config-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;margin-bottom:8px}.new-group-config-item .remove-word-btn{opacity:0;pointer-events:none}.new-group-config-item:hover .remove-word-btn{opacity:1;pointer-events:auto}.new-group-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-primary);font-size:13px;outline:none;box-sizing:border-box;line-height:1.5;min-height:74px;resize:vertical;white-space:pre-wrap}.new-group-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007aff1a}.new-group-input::placeholder{color:var(--text-secondary)}.new-group-preview-images{grid-column:1 / 2;display:flex;flex-direction:column;gap:8px}.new-group-preview-images img{width:100%;max-height:220px;object-fit:contain;border:1px solid var(--border-light);border-radius:8px;background:#f8fafc}.new-group-preview-images .opening-preview-image{cursor:zoom-in;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.opening-preview-image-item{position:relative}.new-group-preview-images .opening-preview-image:hover{transform:scale(1.01);border-color:var(--primary-color, #366EF4);box-shadow:0 4px 14px #366ef433}.opening-preview-image-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border:none;border-radius:999px;background:#0000008c;color:#fff;font-size:14px;line-height:1;cursor:pointer}.opening-image-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3100;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px}.opening-image-modal{position:relative;width:min(96vw,1200px);height:min(92vh,900px);display:flex;align-items:center;justify-content:center;background:#121212d9;border-radius:12px;padding:16px}.opening-image-modal-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.opening-image-modal-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:999px;background:#fff3;color:#fff;font-size:20px;line-height:1;cursor:pointer}.new-group-input-sort{width:auto;min-width:40px;max-width:80px;padding:6px 8px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-primary);font-size:13px;outline:none;box-sizing:border-box;text-align:center}.invite-task-detail{display:none}.invite-task-item{position:relative}.invite-task-popover{position:absolute;top:calc(100% + 6px);left:0;width:100%;padding:8px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-white);box-shadow:0 6px 20px #00000014;display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;z-index:3000}.new-group-input-sort:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007aff1a}.checkbox-toggle{position:relative;display:inline-block;width:20px;height:20px;cursor:pointer}.checkbox-toggle input{position:absolute;opacity:0;width:0;height:0}.checkbox-box{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #D3D9E6;border-radius:4px;background:#fff;transition:all .15s ease}.checkbox-box:after{content:"";position:absolute;display:none;width:8px;height:4px;border:2px solid #FFFFFF;border-top:none;border-left:none;transform:rotate(45deg);left:5px;top:6px}.checkbox-toggle input:checked+.checkbox-box{background:var(--primary-color, #366EF4);border-color:var(--primary-color, #366EF4)}.checkbox-toggle input:checked+.checkbox-box:after{display:block}.switch-toggle.alt{width:48px;height:24px}.switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--border-color, #E8E8E8);border:1px solid #D9D9D9;transition:.15s;border-radius:20px}.switch-toggle.alt .switch-slider{border-radius:24px;background:#eceff5;border-color:#d3d9e6}.switch-toggle.alt .switch-slider:before{height:20px;width:20px;left:2px;box-shadow:0 1px 2px #0000001f}.switch-toggle.alt input:checked+.switch-slider{background:linear-gradient(90deg,#366ef4,#5b8ff9)!important;border-color:#366ef4!important}.switch-toggle.alt input:checked+.switch-slider:before{transform:translate(24px,-50%)}.settings-panel-card .switch-toggle input:checked+.switch-slider{background-color:var(--primary-color, #366EF4)!important;border-color:var(--primary-color, #366EF4)!important}.settings-panel-actions{display:flex;gap:12px;justify-content:flex-end}.invite-select-row{display:flex;flex-direction:column;gap:10px}.invite-select{position:relative}.selector-toggle{padding:6px 10px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-primary);cursor:pointer;font-size:12px;transition:all .15s ease}.selector-toggle:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #366ef41f}.selector-dropdown{position:static;padding:8px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-white);width:100%;box-shadow:0 6px 20px #00000014;z-index:3000}.selector-list{max-height:240px;overflow-y:auto;padding-right:4px}.selector-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--border-light);border-radius:8px;margin-bottom:8px;cursor:pointer}.selector-item.selected{border-color:var(--primary-color);background:var(--primary-light)}.selector-name{font-size:13px;color:var(--text-primary);flex:1}.selector-id{font-size:12px;color:var(--text-secondary)}.selector-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.invite-task-actions{margin-top:10px}.invite-tasks-list{margin-top:8px;display:flex;flex-direction:column;gap:8px}.new-group-add-btn{width:28px;height:28px;padding:0;border-radius:8px;border:1px dashed var(--border-light, #F0F0F0);background:var(--bg-gray, #F5F5F5);color:var(--text-secondary, #61616A);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:0;transform:translateY(-4px)}.new-group-list:hover .new-group-add-btn{opacity:1;transform:translateY(0)}.new-group-add-btn:hover{border-color:var(--primary-color, #366EF4);color:var(--primary-color, #366EF4);background:var(--bg-white, #FFFFFF);box-shadow:0 2px 4px #366ef41a}.new-group-config:hover .new-group-add-btn{opacity:1;transform:translateY(0)}.new-group-message-card{width:360px;min-width:360px}.new-group-config .new-group-config-row .switch-label{font-size:13px;color:var(--text-primary)}.new-group-config .new-group-config-row .ai-toggle-switch{width:44px;height:24px}.group-members-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1300;display:flex;align-items:center;justify-content:center}.group-members-dialog{width:min(520px,calc(100vw - 32px));max-height:min(70vh,720px);background:#fff;border-radius:12px;box-shadow:0 16px 40px #0f172a3d;display:flex;flex-direction:column;overflow:hidden}.group-members-dialog-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #eef1f6}.group-members-dialog-header h3{margin:0;font-size:16px;color:#1f2937}.group-members-dialog-close{border:none;background:transparent;width:30px;height:30px;border-radius:8px;font-size:20px;line-height:1;cursor:pointer;color:#6b7280}.group-members-dialog-close:hover{background:#f3f4f6;color:#111827}.group-members-dialog-subtitle{padding:10px 16px;font-size:13px;color:#6b7280;border-bottom:1px solid #eef1f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-members-dialog-list{overflow:auto;padding:8px 12px 12px}.group-members-empty{padding:24px 10px;text-align:center;color:#9ca3af;font-size:13px}.group-member-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px}.group-member-row:hover{background:#f8fafc}.group-member-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#e5e7eb;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#4b5563;font-size:13px;font-weight:600}.group-member-avatar img{width:100%;height:100%;object-fit:cover}.group-member-name{font-size:13px;color:#111827;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-member-id{font-size:12px;color:#9ca3af;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.settings-center-backdrop.mobile-fullscreen{background:transparent;align-items:stretch;justify-content:stretch;padding:0}.settings-center-modal.mobile-fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;box-shadow:none}.settings-center-modal.mobile-fullscreen .settings-center-header{border-radius:0}.settings-center-modal.mobile-fullscreen .settings-center-body{padding:0 10px}.settings-center-modal.mobile-fullscreen .settings-panel-grid{display:flex;flex-direction:column;gap:10px;padding:10px 0 16px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;height:auto}.settings-center-modal.mobile-fullscreen .settings-panel-card{width:100%;min-width:0;height:auto;min-height:320px;scroll-snap-align:none}.settings-center-modal.mobile-fullscreen .settings-panel-card.custom-tags-card{width:100%;min-width:0}.settings-center-modal.mobile-fullscreen .settings-panel-card .panel-search-input{width:calc(100% - 20px);margin:12px 10px}.settings-center-modal{width:95vw;height:90vh;min-width:unset;min-height:unset}.settings-panel-card{width:280px;min-width:280px;height:380px}}.group-avatar-composed{width:100%;height:100%;object-fit:cover;border-radius:8px}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out;padding:20px;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog-content{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026;width:90%;max-width:400px;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.confirm-dialog-size-large{width:min(680px,calc(100vw - 40px));max-width:680px;min-height:320px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.confirm-dialog-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500;color:var(--text-primary)}.confirm-dialog-title svg{color:var(--primary-color);flex-shrink:0}.confirm-dialog-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.confirm-dialog-close:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.confirm-dialog-close:disabled{opacity:.5;cursor:not-allowed}.confirm-dialog-body{padding:24px;overflow:auto}.confirm-dialog-size-large .confirm-dialog-header{padding:28px 32px 20px}.confirm-dialog-size-large .confirm-dialog-title{font-size:24px;font-weight:600}.confirm-dialog-size-large .confirm-dialog-title svg{width:24px;height:24px}.confirm-dialog-size-large .confirm-dialog-body{padding:8px 32px 28px}.confirm-dialog-message{font-size:14px;line-height:1.6;color:var(--text-primary);margin:0}.confirm-dialog-message-group{display:flex;flex-direction:column;gap:10px}.confirm-dialog-size-large .confirm-dialog-message{font-size:16px;line-height:1.75}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-light)}.confirm-dialog-size-large .confirm-dialog-actions{padding:20px 32px 28px}.confirm-dialog-cancel,.confirm-dialog-confirm{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.confirm-dialog-cancel{background:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border-color)}.confirm-dialog-cancel:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color)}.confirm-dialog-confirm{background:var(--primary-color);color:#fff}.confirm-dialog-confirm:hover:not(:disabled){background:var(--primary-hover)}.confirm-dialog-confirm.secondary{background:#1677ff}.confirm-dialog-confirm.secondary:hover:not(:disabled){background:#4096ff}.confirm-dialog-confirm.danger{background:#ff4d4f}.confirm-dialog-confirm.danger:hover:not(:disabled){background:#ff7875}.confirm-dialog-cancel:disabled,.confirm-dialog-confirm:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog-confirm svg,.confirm-dialog-cancel svg{flex-shrink:0}.confirm-dialog-confirm .loading-text{font-size:14px}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;pointer-events:none;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1)}.toast-container.toast-leaving{animation:toastSlideOut .3s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideIn{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-100%);opacity:0}}.toast{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:480px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.16,1,.3,1)}.toast:hover{box-shadow:0 6px 24px #0000002e,0 0 0 1px #00000014;transform:translateY(-2px)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px}.toast-info .toast-icon{color:#1890ff}.toast-success .toast-icon{color:#52c41a}.toast-warning .toast-icon{color:#faad14}.toast-error .toast-icon{color:#ff4d4f}.toast-content{flex:1;min-width:0}.toast-message{font-size:14px;line-height:1.5;color:#262626;word-wrap:break-word;word-break:break-word}.toast-info .toast-message,.toast-success .toast-message,.toast-warning .toast-message,.toast-error .toast-message{color:#262626}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin:2px 0 0;border:none;background:transparent;color:#8c8c8c;cursor:pointer;border-radius:4px;transition:all .2s}.toast-close:hover{background:#0000000f;color:#262626}.toast-close:active{background:#0000001a}.toast-ai-skip{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-left:4px solid rgba(255,255,255,.6);box-shadow:0 6px 24px #667eea4d,0 0 0 1px #ffffff1a}.toast-ai-skip:hover{box-shadow:0 8px 32px #667eea66,0 0 0 1px #ffffff26}.toast-ai-skip .toast-icon{color:#fff;background:#ffffff40;border-radius:50%;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.toast-ai-skip .toast-message{color:#fff;font-weight:500;font-size:15px;line-height:1.6}.toast-ai-skip .toast-close{color:#ffffffd9}.toast-ai-skip .toast-close:hover{background:#ffffff40;color:#fff}@media (max-width: 768px){.toast-container{top:10px;left:50%}.toast{min-width:auto;max-width:calc(100vw - 20px)}}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-viewer-controls{position:absolute;top:20px;right:20px;display:flex;gap:12px;align-items:center;background:#ffffff1a;padding:8px 12px;border-radius:8px}.viewer-btn{width:36px;height:36px;border:none;background:#fff3;color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.viewer-btn:hover{background:#ffffff4d}.viewer-btn.close-btn{background:#ff4d4fcc}.viewer-btn.close-btn:hover{background:#ff4d4f}.zoom-level{color:#fff;font-size:14px;min-width:50px;text-align:center}.image-viewer-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px}.image-viewer-content img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease;cursor:grab}.image-viewer-content img:active{cursor:grabbing}.image-viewer-content .media-video{max-width:90%;max-height:90%;outline:none;border-radius:4px}.image-viewer-overlay--minimal{cursor:zoom-out}.image-viewer-close-minimal{position:fixed;top:14px;right:14px;z-index:10002;width:42px;height:42px;border:none;border-radius:50%;background:#ffffff47;color:#fffffff2;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;box-shadow:0 2px 12px #00000040}.image-viewer-close-minimal:hover{background:#ffffff6b}.image-viewer-content--minimal{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:52px 20px 28px;box-sizing:border-box;cursor:default}.image-viewer-content--minimal img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px}.image-viewer-controls-minimal{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:10001;display:flex;gap:8px;align-items:center;background:#0009;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-viewer-controls-minimal .viewer-btn{width:32px;height:32px;background:#ffffff26}.image-viewer-controls-minimal .viewer-btn:hover{background:#ffffff4d}.image-viewer-controls-minimal .zoom-level{color:#fff;font-size:13px;min-width:44px;text-align:center;font-weight:500}.message-card{max-width:280px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000001a;transition:all .2s ease}.message-card.clickable{cursor:pointer}.message-card.clickable:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.message-card.self{background:#e8f4ff}.message-card.chat-record-card{width:280px;display:flex;flex-direction:column;background:linear-gradient(180deg,#fffdfa,#fff);border:1px solid rgba(214,183,117,.22)}.chat-record-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 8px;background:#d6b77514;border-bottom:1px solid rgba(214,183,117,.12)}.chat-record-card-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#8b5e15;font-weight:600}.chat-record-card-count{font-size:11px;color:#9b8150}.chat-record-card-body{padding:12px;display:flex;flex-direction:column;gap:10px}.chat-record-card-title{font-size:14px;font-weight:600;color:#333;line-height:1.4}.chat-record-card-preview{display:flex;flex-direction:column;gap:6px}.chat-record-card-line{font-size:12px;color:#666;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#00000008;border-bottom:1px solid rgba(0,0,0,.06)}.card-type-icon{font-size:14px}.card-type-label{font-size:12px;color:#666;font-weight:500}.card-content{display:flex;gap:12px;padding:12px}.card-thumb{flex-shrink:0;width:60px;height:60px;border-radius:4px;overflow:hidden;background:#f5f5f5}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.card-title{font-size:14px;font-weight:500;color:#333;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-description{font-size:12px;color:#999;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-app-name{font-size:11px;color:#999;margin-top:auto;padding-top:4px;border-top:1px solid rgba(0,0,0,.05)}.card-thumb-transfer{display:flex;align-items:center;justify-content:center}.card-thumb-transfer-text{font-size:14px;font-weight:700;color:#1a73e8;text-align:center;padding:0 6px;line-height:1.1}.message-card.miniprogram-card{width:240px;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.mp-header{display:flex;align-items:center;gap:8px;padding:8px 12px 4px;border-bottom:none}.mp-app-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#666}.mp-app-name{font-size:12px;color:#888;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-content{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}.mp-title{font-size:14px;color:#000;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mp-cover{width:100%;aspect-ratio:5/4;border-radius:4px;overflow:hidden;background:#f5f5f5;position:relative}.mp-cover img{width:100%;height:100%;object-fit:cover}.mp-footer{display:flex;align-items:center;gap:4px;padding:8px 12px;border-top:1px solid rgba(0,0,0,.05);color:#888}.mp-source-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:#576b95}.mp-source-text{font-size:11px}.message-card.video-card{width:280px;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.video-header{display:flex;align-items:center;padding:8px 12px;background:#fa2a2a0d;border-bottom:1px solid rgba(0,0,0,.05)}.video-type-label{font-size:12px;color:#fa2a2a;font-weight:500;display:flex;align-items:center;gap:4px}.video-type-label:before{content:"📹";font-size:14px}.video-cover{width:100%;aspect-ratio:9/16;max-height:400px;background:#f5f5f5;position:relative;overflow:hidden}.messages .message-card.video-card .video-cover{aspect-ratio:16/9;max-height:180px}.video-cover img{width:100%;height:100%;object-fit:cover}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.message-card.video-card.clickable:hover .video-play-icon{background:#fa2a2ae6;transform:translate(-50%,-50%) scale(1.1)}.video-content{padding:12px;display:flex;flex-direction:column;gap:6px}.video-title{font-size:14px;font-weight:500;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{font-size:12px;color:#888;line-height:1.3;display:flex;align-items:center;gap:4px}.message-card.video-card.self{background:#f8f8f8}.message-card.video-card.self .video-header{background:#fa2a2a14}.readonly-message-bubble{max-width:min(420px,100%);padding:10px 12px;border-radius:14px;background:#fff;color:#333;font-size:14px;line-height:1.55;box-shadow:0 1px 2px #0f172a14;white-space:pre-wrap;word-break:break-word}.readonly-message-bubble.is-degraded{color:#8a6d3b;background:#fff8e8;border:1px solid rgba(214,183,117,.25);box-shadow:none}.readonly-message-image{padding:0;border:0;background:transparent;cursor:pointer;display:block;max-width:min(280px,100%)}.readonly-message-image img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 2px 8px #0f172a1f;object-fit:cover}.chat-record-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1800;background:#0f172a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.chat-record-viewer-modal{width:min(920px,100%);max-height:min(88vh,920px);background:linear-gradient(180deg,#fcfcfc,#fff);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px #0f172a38}.chat-record-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid rgba(15,23,42,.08);background:#faf8f2e6}.chat-record-viewer-header-text{min-width:0}.chat-record-viewer-title{margin:0;font-size:20px;line-height:1.3;color:#172033}.chat-record-viewer-subtitle{margin-top:4px;font-size:12px;color:#7a8090}.chat-record-viewer-close{width:36px;height:36px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#4a5568;cursor:pointer}.chat-record-viewer-close:hover{background:#f7fafc}.chat-record-viewer-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 28px;background:radial-gradient(circle at top left,rgba(214,183,117,.08),transparent 28%),linear-gradient(180deg,#fafbfd,#f7f8fb)}.chat-record-viewer-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#6b7280}.chat-record-viewer-state.is-error{color:#b94a48}.chat-record-viewer-list{display:flex;flex-direction:column;gap:18px}.chat-record-viewer-item{display:flex;align-items:flex-start;gap:12px}.chat-record-viewer-avatar{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#d6b775,#e8d6a7);color:#5b4517;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-record-viewer-main{min-width:0;display:flex;flex-direction:column;gap:8px}.chat-record-viewer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.chat-record-viewer-sender{font-size:13px;font-weight:600;color:#253046}.chat-record-viewer-time{font-size:12px;color:#8a93a5}@media (max-width: 900px){.chat-record-viewer-overlay{padding:0}.chat-record-viewer-modal{width:100%;height:100%;max-height:none;border-radius:0}.chat-record-viewer-header{padding:18px 16px 14px}.chat-record-viewer-body{padding:16px}}.chat-area{flex:1;height:100%;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;min-width:0}.chat-area.chat-empty{align-items:center;justify-content:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary)}.chat-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:none;background:#fff;flex-shrink:0;contain:layout style;will-change:auto}.chat-header .target-name .custom-tag{display:inline-block!important;padding:2px 8px!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;color:#1890ff!important;background:#e6f4ff!important;white-space:nowrap!important;margin-left:8px!important;vertical-align:middle!important;position:relative!important;top:-1px!important}.chat-header .target-name .label-tag{display:inline-block!important;padding:2px 8px!important;border-radius:4px!important;font-size:12px!important;font-weight:500!important;color:#fa8c16!important;background:#fff7e6!important;border:1px solid #ffd591!important;white-space:nowrap!important;margin-left:8px!important;vertical-align:middle!important;position:relative!important;top:-1px!important;cursor:pointer!important}.chat-header .target-name .group-member-count-chip{display:inline-block!important;padding:0!important;border-radius:0!important;font-size:16px!important;font-weight:600!important;color:#1f1f1f!important;background:transparent!important;white-space:nowrap!important;margin-left:8px!important;vertical-align:middle!important;position:relative!important;top:-1px!important}.chat-header .target-name .profile-refresh-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;margin-left:8px!important;border:1px solid #d9d9d9!important;border-radius:4px!important;background:#fff!important;color:#8c8c8c!important;cursor:pointer!important;transition:opacity .2s ease,visibility .2s ease,border-color .2s ease,color .2s ease,background .2s ease!important;vertical-align:middle!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:2!important}.chat-header:hover .target-name .profile-refresh-btn,.chat-header .target-name .profile-refresh-btn.loading{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.chat-header .target-name .profile-refresh-btn:hover:not(:disabled){border-color:#366ef4!important;color:#366ef4!important;background:#f5f8ff!important}.chat-header .target-name .profile-refresh-btn:disabled{cursor:not-allowed!important;opacity:.7!important}.chat-header:hover .target-name .profile-refresh-btn:disabled:not(.loading){opacity:.45!important}.custom-tag.empty{background:#e8e8e8;color:#666}.chat-target{display:flex;align-items:center;gap:8px}.target-name-container{display:flex;align-items:center;gap:8px;flex-direction:row}.chat-header .target-name{font-size:16px;font-weight:600;color:var(--text-primary);display:inline-flex!important;align-items:center!important;gap:8px!important}.chat-header .target-name-text{cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px}.chat-header .target-name-text:hover{background-color:#0000000d}.target-name-input{font-size:16px;font-weight:600;color:var(--text-primary);border:1px solid var(--primary-color);border-radius:4px;padding:4px 8px;outline:none;background:#fff;box-shadow:0 0 0 2px #366ef41a;min-width:200px}.peer-id-tooltip{font-size:12px;color:var(--text-secondary);font-weight:400;margin-left:8px;padding:2px 6px;background:#0000000d;border-radius:4px;display:inline-block;white-space:nowrap;opacity:1;transition:opacity .2s ease}.target-avatar{width:32px;height:32px;border-radius:4px;overflow:hidden;background:var(--bg-gray);flex-shrink:0}.target-avatar img{width:100%;height:100%;object-fit:cover}.target-avatar.placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-placeholder)}.target-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.follow-up-time{font-size:13px;font-weight:400;margin-left:8px;vertical-align:middle!important;display:inline-block!important}.follow-up-time-next{color:#1890ff}.follow-up-time-last{color:#8c8c8c}.target-type-icon{color:var(--text-secondary);display:flex;align-items:center}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f5f5f5;contain:layout style paint;border-radius:8px;margin:0 20px 8px;scroll-behavior:auto!important}.message-item{display:flex;gap:12px;margin-bottom:20px;width:100%;position:relative}.message-item.has-description:before{content:attr(data-description);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:8px 12px;background:#000000e6;color:#fff;border-radius:6px;font-size:12px;line-height:1.5;white-space:pre-wrap;max-width:300px;word-wrap:break-word;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;box-shadow:0 4px 12px #0003;font-weight:400}.message-item.has-description:hover:before{opacity:1}.message-right.has-description:before{left:auto;right:0;transform:translate(0)}.message-left.has-description:before{left:0;transform:translate(0)}.message-left{flex-direction:row}.message-right{flex-direction:row-reverse}.message-avatar{width:40px;height:40px;border-radius:4px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0;border:1px solid var(--border-light);overflow:hidden;font-weight:500}.message-avatar .avatar-text{font-size:11px;line-height:1;text-align:center;padding:0 2px}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-main{flex:1;min-width:0;display:flex;flex-direction:column}.message-left .message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;justify-content:flex-start;margin-left:0}.message-right .message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;justify-content:flex-end;flex-direction:row;margin-right:0;margin-left:0}.message-right .sender-name,.message-right .message-time,.message-right .role-tag,.message-right .follow-up,.message-right .token-info{text-align:right}.message-right .context-start-btn{order:-1;margin-right:4px;margin-left:0}.message-content-wrapper{display:flex;flex-direction:column;width:100%}.message-bubble-row{display:flex;flex-direction:row;width:fit-content;max-width:100%;align-items:flex-end}.message-left .message-content-wrapper{align-items:flex-start}.message-right .message-content-wrapper{align-items:flex-end}.sender-name{font-size:14px;font-weight:500;color:#61616a}.message-time{font-size:12px;color:#61616a}.role-tag{padding:2px 8px;border-radius:4px;font-size:12px}.role-tag.customer{background:var(--tag-green-bg);color:var(--tag-green)}.role-tag.sales{background:var(--tag-orange-bg);color:var(--tag-orange)}.manual-trigger-tag,.manual-send-tag{padding:2px 8px;border-radius:4px;font-size:12px;background:#ef444426;color:#dc2626;margin-left:4px}.manual-optimize-tag{padding:2px 8px;border-radius:4px;font-size:12px;background:#f59e0b29;color:#b45309;margin-left:4px}.fused-trigger-tag{padding:2px 8px;border-radius:4px;font-size:12px;background:#6366f126;color:#4f46e5;margin-left:4px}.auto-follow-tag{padding:2px 8px;border-radius:4px;font-size:12px;background:#1890ff26;color:#1890ff;margin-left:4px}.scheduled-push-tag{padding:2px 8px;border-radius:4px;font-size:12px;background:#52c41a26;color:#52c41a;margin-left:4px}.scheduled-push-tag.clickable{border:none;outline:none;cursor:pointer}.scheduled-push-tag.clickable:hover{background:#52c41a47}.scheduled-push-tag.clickable:focus-visible{box-shadow:0 0 0 2px #52c41a4d}.follow-up{font-size:12px;color:var(--tag-orange)}.token-info{font-size:11px;color:#8c8c8c;padding:2px 6px;background:#8c8c8c14;border-radius:4px;margin-left:4px;white-space:nowrap}.message-bubble{display:inline-block;max-width:600px;width:fit-content;padding:10px 14px;border-radius:var(--radius-md);font-size:14px;line-height:1.6;word-break:break-word;white-space:pre-wrap;font-weight:400;letter-spacing:.2px}.message-bubble.generated-text{padding:3px 10px;line-height:1.25}.message-bubble .wx-emoji-inline{vertical-align:text-bottom;margin:0 1px}.message-bubble.message-voip{display:inline-flex;align-items:center;gap:8px;font-weight:500}.message-bubble.message-voip .voip-icon{display:inline-flex;align-items:center;justify-content:center}.message-bubble.message-voip .voip-text{line-height:1.4}.message-bubble.message-voice{display:inline-flex;align-items:center;gap:8px}.message-bubble.message-voice .voice-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.message-bubble.message-voice .voice-icon-btn{border:0;background:transparent;color:inherit;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.message-bubble.message-voice .voice-icon-btn.playing{opacity:.75}.message-bubble.message-voice .voice-text{line-height:1.4}.message-bubble.customer{background:#fff;color:#000}.message-bubble.customer .message-link{color:#366ef4;text-decoration:none;border-bottom:1px solid rgba(54,110,244,.3)}.message-bubble.customer .message-link:hover{border-bottom-color:#366ef4}.message-bubble.sales{background:#366ef4;color:#fff}.message-bubble.pending{position:relative;overflow:hidden}.message-bubble.pending:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#fff0 25%,#ffffff2e,#fff0 75%);transform:translate(-120%);animation:pendingBubbleSweep 1.4s ease-in-out infinite}.message-bubble.failed{background:#fff1f0;color:#cf1322;border:1px solid rgba(207,19,34,.18)}.message-local-status{margin-top:6px;font-size:12px;line-height:1.5}.message-local-status.pending{color:var(--primary-color)}.message-local-status.pending:after{content:"...";display:inline-block;width:1.6em;overflow:hidden;vertical-align:bottom;animation:sendingDots 1.2s steps(4,end) infinite}.message-local-status.failed{color:#cf1322}.message-bubble.sales .message-link{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);font-weight:500}.message-bubble.sales .message-link:hover{border-bottom-color:#fff}.read-status-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.2px;margin-right:6px;margin-bottom:2px;flex-shrink:0;-webkit-user-select:none;user-select:none;line-height:1;border:1px solid transparent;background:#f5f5f5}.read-status-indicator.unread{color:#8c8c8c;background:#f5f5f5;border-color:#e8e8e8}.read-status-indicator.unknown{color:#8c8c8c;background:#fafafa;border-color:#d9d9d9}.read-status-indicator.read{color:#1677ff;background:#1677ff1a;border-color:#1677ff2e}.loading-state,.empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:12px}.chat-input-area{padding:8px 20px 16px;background:#fff;border-top:none;flex-shrink:0}.chat-delivery-guard-banner{margin:0 20px;padding:10px 14px;border:1px solid #ffd591;border-radius:10px;background:linear-gradient(135deg,#fff7e6,#fff1d6);color:#ad4e00;font-size:13px;line-height:1.5}.input-box{display:flex;gap:12px;align-items:flex-end;background:#f5f5f5;border-radius:8px;padding:12px;border:1px solid transparent;transition:all .2s;position:relative}.input-box:focus-within{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 2px #366ef41a}.input-box-editor-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.input-box-editor-column.is-compose-drag-over{outline:2px dashed var(--primary-color);outline-offset:2px;border-radius:6px;background:#366ef40f}.unified-compose{flex:1;min-width:0;width:100%;display:flex;flex-direction:column;gap:6px;min-height:60px;max-height:none;overflow:visible;font-size:14px;line-height:1.55;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.unified-compose-link{word-break:break-all;font-size:13px}.unified-compose .chat-input-feishu-inline.message-media.message-image{display:inline-block;width:fit-content;max-width:100%;border:none;background:transparent;line-height:0;vertical-align:top}.unified-compose .chat-input-feishu-inline{background:transparent!important;border:none!important;min-height:0}.unified-compose .chat-input-feishu-wrap img{max-height:200px;width:auto;max-width:100%;height:auto;object-fit:contain;vertical-align:top}.chat-input-feishu-wrap{position:relative;display:inline-block;width:fit-content;max-width:100%;vertical-align:top;line-height:0}.chat-input-feishu-wrap .chat-input-feishu-remove{position:absolute;top:5px;right:5px;z-index:3;width:26px;height:26px;padding:0;border:none;border-radius:50%;background:#0000006b;color:#fffffffa;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000059;opacity:0;pointer-events:none;transition:opacity .18s ease,background .15s}.chat-input-feishu-wrap:hover .chat-input-feishu-remove{opacity:1;pointer-events:auto}.chat-input-feishu-wrap .chat-input-feishu-remove:hover{background:#0009}.input-box textarea{flex:1;border:none;background:transparent;resize:none;height:60px;font-family:inherit;font-size:14px;line-height:1.5;color:var(--text-primary);outline:none;padding:0}.emoji-compose-shell{position:relative;flex:1;min-width:0}.emoji-compose-preview{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;font-family:inherit;font-size:14px;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;pointer-events:none;overflow:hidden;z-index:0}.emoji-compose-preview.is-empty{color:var(--text-placeholder)}.emoji-compose-input{position:relative;z-index:1;width:100%;min-height:60px;height:60px;box-sizing:border-box;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--primary-color);background:transparent;font-family:inherit;font-size:14px;line-height:1.5;border:none;resize:none;outline:none;padding:0;opacity:1}.emoji-compose-input::placeholder{color:transparent}.emoji-compose-placeholder{color:var(--text-placeholder)}.input-box .unified-compose-text{flex:0 0 auto;align-self:stretch;width:100%;box-sizing:border-box;border:none;background:transparent;resize:none;height:auto;min-height:24px;max-height:none;overflow:hidden;overflow-y:hidden;font-family:inherit;font-size:14px;line-height:1.5;color:var(--text-primary);outline:none;padding:0}.input-box textarea:disabled,.input-box .unified-compose-text:disabled{color:#8c8c8c;cursor:not-allowed}.input-box textarea:disabled,.input-box .unified-compose-text:disabled{opacity:.6;cursor:not-allowed}.input-box textarea::placeholder,.input-box .unified-compose-text::placeholder{color:var(--text-placeholder)}.draft-blocks-wrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:8px;align-items:flex-start}.draft-block-item{position:relative;display:flex;align-items:flex-start;gap:8px;flex:0 1 320px;min-width:0;padding:8px;border:1px solid var(--border-light);border-radius:8px;background:#366ef40a}.draft-block-index{width:20px;height:20px;line-height:20px;text-align:center;border-radius:999px;font-size:12px;color:#fff;background:#366ef4;flex-shrink:0}.draft-block-textarea{flex:1;min-height:56px;border:none;background:transparent;resize:vertical;outline:none;font-size:14px;line-height:1.5}.draft-block-media img{max-width:180px;max-height:140px;border-radius:6px;object-fit:cover}.draft-block-remove{border:none;background:transparent;color:var(--text-secondary);cursor:pointer}.draft-block-actions{display:flex;justify-content:flex-end;width:100%}.draft-send-btn{border:none;background:#366ef4;color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer}.input-hint{margin-top:8px;padding:0 4px;font-size:12px;line-height:1.4;color:var(--text-secondary)}.sending-indicator{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.sending-indicator-badge{display:inline-grid;grid-auto-flow:column;align-items:center;column-gap:2px;max-width:calc(100% - 24px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--primary-color);font-size:13px;background:#fffffff5;padding:6px 14px;border-radius:6px;box-shadow:0 2px 8px #0000001a;white-space:nowrap;font-weight:500;animation:fadeInBadge .2s ease-out}.sending-indicator-text{display:inline-block;padding-left:2px;line-height:1.2;white-space:nowrap}.sending-indicator-dots{display:inline-block;width:1.6em;text-align:left}.sending-indicator-dots:after{content:"...";display:inline-block;animation:sendingDots 1.2s steps(4,end) infinite}.sending-indicator-meta{display:inline-block;margin-left:2px;line-height:1.2;white-space:nowrap}@keyframes fadeInBadge{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pendingBubbleSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes sendingDots{0%{width:0}to{width:1.6em}}.input-box-actions{display:flex;align-items:flex-end;gap:8px;flex-shrink:0}.emoji-picker-container,.media-menu-container{position:relative;display:flex;align-items:center}.emoji-btn,.plus-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.emoji-btn:hover,.emoji-btn.active,.plus-btn:hover,.plus-btn.active{background:#0000000d;color:var(--primary-color)}.plus-btn:hover,.plus-btn.active{transform:rotate(90deg)}.emoji-btn:disabled,.plus-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.emoji-btn:disabled:hover,.plus-btn:disabled:hover{background:transparent;color:var(--text-secondary)}.ai-generate-btn{width:auto;min-width:40px;padding:0 10px;border-radius:999px;font-weight:700}.ai-generate-btn-text{font-size:13px;line-height:1}.emoji-picker-popover{position:absolute;bottom:100%;right:0;margin-bottom:8px;width:min(360px,calc(100vw - 32px));background:#fff;border-radius:14px;box-shadow:0 12px 36px #00000024;border:1px solid rgba(0,0,0,.08);padding:12px;z-index:20;animation:slideUp .2s ease-out}.emoji-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.emoji-picker-title{font-size:14px;font-weight:600;color:var(--text-primary)}.emoji-picker-subtitle{margin-top:2px;font-size:12px;color:var(--text-secondary)}.emoji-picker-count{flex-shrink:0;font-size:12px;color:var(--text-secondary);background:var(--bg-gray);padding:4px 8px;border-radius:999px}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;max-height:260px;overflow-y:auto;padding-right:2px}.emoji-chip{width:100%;aspect-ratio:1 / 1;border:none;border-radius:10px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .16s ease,transform .16s ease;padding:0}.emoji-chip:hover{background:#366ef414;transform:translateY(-1px)}.emoji-chip .wx-emoji-inline{transform:scale(.95)}.media-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px;display:flex;flex-direction:column;min-width:100px;border:1px solid var(--border-color);animation:slideUp .2s ease-out;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.media-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;font-size:13px;border-radius:4px;transition:all .2s;width:100%;text-align:left}.media-menu-item:hover:not(:disabled){background:var(--bg-gray);color:var(--primary-color)}.media-menu-item:disabled{opacity:.5;cursor:not-allowed}.media-menu-item span{font-weight:500}.message-media{max-width:300px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;position:relative;transition:transform .2s}.message-media:hover{transform:scale(1.02)}.message-media img{width:100%;height:auto;display:block}.message-video{position:relative}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:.9;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.scroll-to-bottom-btn{position:absolute;bottom:100px;right:40px;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;z-index:20}.scroll-to-bottom-btn:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 6px 16px #00000026;color:var(--primary-color)}.scroll-to-bottom-btn.has-new{color:var(--primary-color);border-color:var(--primary-color)}.new-message-badge{position:absolute;top:-8px;right:-8px;background:#ff4d4f;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600;box-shadow:0 2px 4px #ff4d4f4d}.message-media:hover .video-play-icon{opacity:1}.message-media video{width:100%;height:auto;display:block;max-height:200px;object-fit:cover}.message-gif{position:relative}.gif-tag{position:absolute;top:8px;left:8px;background:#0009;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.message-image-placeholder{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:20px 30px}.image-load-error{min-width:120px;min-height:80px;background:#fff1f0;border:1px solid #ffccc7;display:flex;align-items:center;justify-content:center;border-radius:8px}.image-error-fallback{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ff4d4f;font-size:12px;padding:12px}.image-error-fallback .error-icon{font-size:20px}.message-image-placeholder:hover{transform:none}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:6px}.placeholder-icon{font-size:32px;opacity:.6}.placeholder-text{color:#999;font-size:12px}.system-message-item{display:flex;justify-content:center;margin:16px 0}.system-message-content{background:#0000000f;color:#999;font-size:12px;padding:6px 12px;border-radius:4px;max-width:80%;text-align:center;line-height:1.5}.load-more-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0;color:var(--text-secondary);font-size:13px}.load-more-indicator .spinner{color:var(--primary-color, #366EF4)}.no-more-messages{display:flex;justify-content:center;padding:12px 0;margin-bottom:8px}.no-more-messages span{background:#0000000a;color:#999;font-size:12px;padding:4px 12px;border-radius:12px}.message-action-buttons{display:flex;align-items:center;gap:4px;margin-left:0}.context-start-btn{background:transparent;border:1.5px solid #D9D9D9;padding:5px 8px;cursor:pointer;color:#8c8c8c;display:inline-flex;align-items:center;gap:4px;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:11px;font-weight:500;opacity:0;visibility:hidden;flex-shrink:0}.message-item:hover .context-start-btn,.context-start-btn.active{opacity:1;visibility:visible}.context-start-btn:hover:not(:disabled){border-color:#366ef4;color:#366ef4;background:#366ef40a;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.context-start-btn:disabled{opacity:.5;cursor:not-allowed}.context-start-btn.active{border-color:#52c41a;color:#52c41a;background:#52c41a14}.context-start-btn.active:hover:not(:disabled){background:#52c41a1f;box-shadow:0 2px 4px #52c41a26}.delete-message-btn{background:transparent;border:1.5px solid #D9D9D9;padding:5px 8px;cursor:pointer;color:#8c8c8c;display:inline-flex;align-items:center;gap:4px;border-radius:6px;transition:all .2s ease;flex-shrink:0;opacity:0;visibility:hidden;margin-left:0;margin-right:0}.message-item:hover .delete-message-btn{opacity:1;visibility:visible}.delete-message-btn:hover{border-color:#ff4d4f;color:#ff4d4f;background:#ff4d4f0f}.message-right .delete-message-btn{margin-left:0;margin-right:0}.add-knowledge-btn{background:transparent;border:1.5px solid #D9D9D9;padding:5px 8px;cursor:pointer;color:#8c8c8c;display:inline-flex;align-items:center;gap:4px;border-radius:6px;transition:all .2s ease;flex-shrink:0;opacity:0;visibility:hidden;margin-left:0;margin-right:0}.message-item:hover .add-knowledge-btn{opacity:1;visibility:visible}.add-knowledge-btn:hover{border-color:#52c41a;color:#52c41a;background:#52c41a14}.chat-header-actions{display:flex;align-items:center;gap:12px}.manual-trigger-btn{width:32px;height:32px;background:#366ef4;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;padding:0;outline:none;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;visibility:hidden}.chat-header:hover .manual-trigger-btn{opacity:1;visibility:visible}.manual-trigger-btn:hover:not(:disabled){background:#2952d9;transform:translateY(-1px);box-shadow:0 2px 8px #366ef44d}.manual-trigger-btn:active:not(:disabled){transform:translateY(0)}.manual-trigger-btn:disabled{opacity:.5;cursor:not-allowed;background:#d9d9d9}.manual-trigger-btn .spinner{animation:spin 1s linear infinite}.ai-toggle-switch{position:relative;width:44px;height:24px;background:linear-gradient(135deg,#e8e8e8,#d4d4d4);border:2px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;padding:0;outline:none;overflow:visible;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d;will-change:background,box-shadow;flex-shrink:0}.ai-toggle-switch:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 2px 4px #0000001f,0 4px 8px #0000001a}.ai-toggle-switch:active:not(:disabled){transform:translateY(0);transition:all .1s ease}.ai-toggle-switch:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.ai-toggle-switch.active{background:linear-gradient(135deg,#4a7bf7,#366ef4);border-color:#366ef44d;box-shadow:inset 0 2px 4px #00000026,0 2px 8px #366ef440}.ai-toggle-switch.active:hover:not(:disabled){background:linear-gradient(135deg,#5a8bff,#4a7bf7);box-shadow:inset 0 2px 4px #00000026,0 4px 12px #366ef459}.toggle-thumb{position:absolute;top:1px;left:2px;width:18px;height:18px;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:50%;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #0003,0 1px 2px #0000001a,inset 0 -1px 2px #0000000d;z-index:2;will-change:transform}.ai-toggle-switch:hover:not(:disabled) .toggle-thumb{box-shadow:0 3px 8px #00000040,0 1px 3px #00000026,inset 0 -1px 2px #0000000d}.ai-toggle-switch.active .toggle-thumb{transform:translate(20px);background:linear-gradient(135deg,#fff,#f8f9ff);box-shadow:0 2px 8px #366ef466,0 1px 3px #00000026,inset 0 -1px 2px #366ef41a}.message-file-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;min-width:240px;max-width:320px;transition:all .2s ease;cursor:pointer;background:#fff;border:1px solid #E5E5E5}.message-file-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.file-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:#0000000a;border-radius:8px;color:#666}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.file-name{font-size:14px;font-weight:500;line-height:1.4;color:#262626;display:flex;overflow:hidden}.file-name-main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.file-name-ext{flex-shrink:0;color:#8c8c8c}.file-size{font-size:12px;line-height:1.2;color:#8c8c8c}.file-download-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:transparent;color:#666;cursor:pointer;transition:all .2s ease;flex-shrink:0}.file-download-btn:hover{background:#0000000f;border-color:#366ef4;color:#366ef4}.file-download-btn:active{transform:scale(.95)}.fused-history-expand-btn{width:28px;height:28px;flex-shrink:0;margin-left:6px;background:#0000000a;border:1px solid rgba(0,0,0,.12);border-radius:6px;cursor:pointer;transition:all .2s ease;padding:0;outline:none;display:inline-flex;align-items:center;justify-content:center;color:#595959;vertical-align:middle}.chat-header .target-name .fused-history-expand-btn{margin-left:8px}.fused-history-expand-btn:hover{background:#366ef41a;border-color:#366ef4;color:#366ef4}.scheduled-push-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:10001;display:flex;align-items:center;justify-content:center;padding:24px}.scheduled-push-detail-modal{width:min(640px,92vw);background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000002e;overflow:hidden}.scheduled-push-detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f0f0f0}.scheduled-push-detail-header h3{margin:0;font-size:16px}.scheduled-push-detail-close{border:none;background:transparent;color:#8c8c8c;cursor:pointer;width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.scheduled-push-detail-close:hover{background:#0000000f;color:#262626}.scheduled-push-detail-content{padding:14px 16px 18px}.scheduled-push-detail-row{display:grid;grid-template-columns:92px 1fr;gap:10px;margin-bottom:10px;align-items:start}.scheduled-push-detail-row .label{font-size:12px;color:#8c8c8c}.scheduled-push-detail-row .value{font-size:13px;color:#1f1f1f;line-height:1.5;word-break:break-all}.scheduled-push-detail-row .value.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.scheduled-push-detail-row.prompt .value{margin:0;padding:10px;background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;white-space:pre-wrap}.fused-history-item-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;color:#8c8c8c}.fused-history-item-editor{width:100%;min-height:220px;max-height:420px;resize:vertical;margin-top:8px;padding:12px;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;line-height:1.6;box-sizing:border-box}.fused-history-item-actions{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.fused-history-item-count{color:#8c8c8c;font-size:12px}.fused-history-item-save-btn{border:none;background:#366ef4;color:#fff;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:13px;font-weight:500}.fused-history-item-save-btn:disabled{opacity:.65;cursor:not-allowed}.customer-moments-tab{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.moments-scroll{flex:1;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.moments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.moments-loading p{margin-top:12px;font-size:14px}.moments-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.moments-error p{margin-bottom:12px;font-size:14px}.moments-error button{padding:8px 16px;font-size:14px;color:var(--primary-color);background:transparent;border:1px solid var(--primary-color);border-radius:4px;cursor:pointer}.moments-list{padding:0 20px 16px}.moment-card{padding:16px 0;border-bottom:1px solid var(--border-light)}.moment-header{margin-bottom:8px}.moment-time{font-size:13px;color:var(--text-secondary)}.moment-content{font-size:15px;color:var(--text-primary);line-height:1.6;white-space:pre-wrap;word-break:break-word;margin-bottom:12px}.moment-images{display:grid;gap:8px;margin-bottom:12px;max-width:400px}.moment-images-single{grid-template-columns:1fr}.moment-images-single .moment-image{max-width:280px;max-height:280px}.moment-images-two{grid-template-columns:repeat(2,1fr)}.moment-images-three,.moment-images-grid{grid-template-columns:repeat(3,1fr)}.moment-image{width:100%;height:100%;object-fit:cover;border-radius:4px;cursor:pointer;transition:opacity .15s ease}.moment-image:hover{opacity:.9}.moment-videos{margin-bottom:12px}.moment-video-wrapper{margin-bottom:8px;cursor:pointer}.moment-video{max-width:320px;max-height:320px;width:100%;min-height:150px;border-radius:4px;background-color:#000;object-fit:contain}.moment-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8}.moment-preview-dialog{position:relative;display:flex;align-items:center;justify-content:center;max-width:min(90vw,960px);max-height:90vh}.moment-preview-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border:0;border-radius:999px;background:#000000ad;color:#fff;font-size:24px;line-height:1;cursor:pointer}.moment-preview-image,.moment-preview-video{display:block;max-width:100%;max-height:90vh;border-radius:8px;background:#000}.moment-footer{display:flex;gap:16px;margin-top:8px}.moment-stat{font-size:13px;color:var(--text-secondary)}.moments-load-more{display:flex;justify-content:center;padding:16px}.load-more-btn{display:flex;align-items:center;gap:8px;padding:8px 24px;font-size:14px;color:var(--primary-color);background:transparent;border:1px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:all .15s ease}.load-more-btn:hover{background:var(--primary-color);color:#fff}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.moments-no-more{text-align:center;padding:16px;color:var(--text-secondary);font-size:13px}.moments-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);font-size:14px}.user-profile{width:100%;min-width:0;height:100%;background-color:var(--bg-white);border-left:1px solid var(--border-color);display:flex;flex:1;flex-direction:column;overflow:hidden}.user-profile.empty{background:var(--bg-page)}.profile-tabs{display:flex;height:56px;border-bottom:1px solid var(--border-color);flex-shrink:0;min-width:0}.profile-tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;position:relative;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-tab:hover{color:var(--text-primary)}.profile-tab.active{color:var(--primary-color);font-weight:500}.profile-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--primary-color);border-radius:1px}.profile-content{flex:1;min-width:0;padding:20px;overflow-y:auto}.profile-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.info-list{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light)}.info-label{font-size:15px;color:var(--text-secondary)}.info-value{font-size:15px;color:var(--text-primary)}.empty-tab{display:flex;align-items:center;justify-content:center;height:100px;color:var(--text-secondary);font-size:13px}.empty-sales{flex-direction:column;gap:12px;height:auto;min-height:100px;padding:20px}.empty-sales-title{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.empty-sales-hint{font-size:12px;color:#999;margin:0;line-height:1.5;text-align:center}.group-members-list{display:flex;flex-direction:column;gap:10px}.group-member-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md)}.group-member-avatar,.group-member-avatar-fallback{width:32px;height:32px;border-radius:999px;flex-shrink:0}.group-member-avatar{object-fit:cover}.group-member-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-gray);color:var(--text-secondary);font-size:12px}.group-member-info{min-width:0}.group-member-name{color:var(--text-primary);font-size:13px;line-height:1.4;word-break:break-word}.group-member-id{color:var(--text-secondary);font-size:12px;line-height:1.4;word-break:break-all}.employee-info{height:100%;display:flex;flex-direction:column}.agent-prompt{display:flex;flex-direction:column;gap:16px}.agent-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.agent-name-row .prompt-char-count{margin-left:auto}.agent-name-row .agent-name{text-align:left}.agent-name{font-size:18px;font-weight:600;color:var(--text-primary);text-align:center;min-width:0;word-break:break-word}.employee-info .fused-history-expand-btn{width:28px;height:28px;flex-shrink:0;background:#0000000a;border:1px solid rgba(0,0,0,.12);border-radius:6px;cursor:pointer;transition:all .2s ease;padding:0;outline:none;display:inline-flex;align-items:center;justify-content:center;color:#595959}.employee-info .fused-history-expand-btn:hover{background:#366ef41a;border-color:var(--primary-color, #366EF4);color:var(--primary-color, #366EF4)}.prompt-content{font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;min-width:0;padding:12px;background:var(--bg-gray);border-radius:var(--radius-md);max-height:calc(100vh - 200px);overflow-y:auto}.prompt-char-count{font-weight:500;color:var(--text-secondary, #8c8c8c)}.prompt-meta-row{margin-bottom:6px;font-size:12px;color:var(--text-secondary, #666)}.prompt-char-count{font-weight:500;color:var(--text-secondary, #595959)}.prompt-label-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;margin-bottom:4px}.prompt-label{font-size:12px;color:var(--text-secondary, #666);margin-top:12px;margin-bottom:4px}.prompt-label-row .prompt-label{margin-top:0;margin-bottom:0}.prompt-content-secondary{margin-top:0}.user-profile-content{font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;min-width:0;padding:12px;background:var(--bg-gray);border-radius:var(--radius-md);max-height:calc(100vh - 200px);overflow-y:auto}.user-profile-kv{display:flex;flex-direction:column;gap:10px}.user-profile-kv-item{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 12px}.user-profile-kv-key{font-size:12px;color:var(--text-secondary);margin-bottom:6px}.user-profile-kv-value{font-size:13px;color:var(--text-primary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.user-profile-memories{display:flex;flex-direction:column;gap:16px;height:100%}.profile-update-time{font-size:12px;color:var(--text-secondary);padding-bottom:12px;border-bottom:1px solid var(--border-light)}.memories-list{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto}.memory-item{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;transition:all .15s ease;position:relative}.memory-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #00000014}.memory-item:hover .memory-edit-btn{opacity:1}.memory-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.memory-type{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;background:#366ef41a}.memory-confidence,.memory-source{font-size:12px;color:var(--text-secondary);padding:2px 8px;background:var(--bg-gray);border-radius:4px}.memory-content{font-size:14px;line-height:1.6;color:var(--text-primary);margin-bottom:8px;word-break:break-word;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .15s ease}.memory-content:hover{background-color:var(--bg-gray)}.memory-footer{display:flex;gap:16px;padding-top:8px;border-top:1px solid var(--border-light);flex-wrap:wrap}.memory-time{font-size:12px;color:var(--text-secondary)}.memory-edit-btn{margin-left:auto;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease}.memory-edit-btn:hover{background:var(--bg-gray);color:var(--primary-color)}.memory-edit-mode{display:flex;flex-direction:column}.memory-edit-textarea{width:100%;min-height:80px;max-height:400px;padding:8px;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);resize:vertical;font-family:inherit;word-break:break-word;overflow-y:auto;white-space:pre-wrap;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.memory-edit-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #366ef41a}.memory-edit-textarea:disabled{opacity:.7;cursor:not-allowed;background:var(--bg-gray)}.empty-memories{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);font-size:13px}.sales-materials{display:flex;flex-direction:column;height:100%;overflow:hidden}.sales-tables-tabs{display:flex;gap:8px;padding:0 0 16px;border-bottom:1px solid var(--border-light);flex-shrink:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.sales-tables-tabs::-webkit-scrollbar{display:none}.sales-table-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-gray);border:1px solid var(--border-light);border-radius:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.sales-table-tab:hover{background:#e6f7ff;border-color:#91d5ff;color:var(--primary-color)}.sales-table-tab.active{background:#e6f7ff;border-color:var(--primary-color);color:var(--primary-color);font-weight:500}.sales-table-content{flex:1;min-height:0;overflow:hidden;position:relative;margin-top:0}.sales-table-iframe{width:100%;height:calc(100% + 108px);border:none;border-radius:var(--radius-md);transform:translateY(-108px)}.fused-history-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.fused-history-modal{width:90vw;max-width:1200px;height:85vh;max-height:900px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:hidden}.fused-history-modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.fused-history-modal-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #1f1f1f)}.fused-history-modal-close{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#8c8c8c;transition:all .2s ease}.fused-history-modal-close:hover{background:#0000000f;color:#1f1f1f}.fused-history-modal-body{flex:1;overflow:auto;padding:20px}.fused-history-loading,.fused-history-empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:#8c8c8c;font-size:14px}.fused-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.fused-history-item{border:1px solid #f0f0f0;border-radius:8px;padding:16px;background:#fafafa}.fused-history-item.is-editing{min-height:calc(85vh - 220px);display:flex;flex-direction:column}.fused-history-item-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;color:#595959}.fused-history-item-time{font-weight:500;color:#1f1f1f}.fused-history-item-trigger{padding:2px 8px;background:#e6f4ff;color:#1890ff;border-radius:4px}.fused-history-item-charcount{margin-left:auto;font-weight:500;color:var(--text-secondary, #595959)}.fused-history-item-feedback{font-size:13px;color:#595959;margin-bottom:8px;line-height:1.5}.fused-history-item-prompt{margin:0;padding:12px;background:#fff;border:1px solid #f0f0f0;border-radius:6px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:320px;overflow-y:auto}.fused-history-item-editor{width:100%;min-height:calc(85vh - 300px);height:calc(85vh - 300px);max-height:none;resize:none;margin:0;padding:12px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;box-sizing:border-box;flex:1}.fused-history-item-editor:focus{outline:none;border-color:#366ef4;box-shadow:0 0 0 2px #366ef41f}.fused-history-item-actions{margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.fused-history-item-save-btn,.fused-history-item-cancel-btn{border:none;border-radius:6px;font-size:13px;font-weight:500;padding:6px 14px;cursor:pointer}.fused-history-item-save-btn{background:#366ef4;color:#fff}.fused-history-item-cancel-btn{background:#f0f0f0;color:#595959}.fused-history-item-save-btn:disabled,.fused-history-item-cancel-btn:disabled{opacity:.65;cursor:not-allowed}.fused-history-item-edit-tip{color:#8c8c8c;font-size:12px}.fused-history-loading .spinner{animation:spin 1s linear infinite}.tag-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tag-dialog-content{background-color:#fff;width:480px;max-width:90vw;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;max-height:80vh}.tag-dialog-header{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tag-dialog-header-main{min-width:0}.tag-dialog-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#333}.tag-dialog-description{margin:6px 0 0;font-size:12px;color:#64748b;line-height:1.45}.close-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0;margin-top:2px}.close-btn:hover{color:#333}.tag-dialog-search{padding:16px 20px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:32px;color:#999;pointer-events:none}.tag-dialog-search input{width:100%;padding:10px 12px 10px 38px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s}.tag-dialog-search input:focus{border-color:var(--primary-color)}.tag-dialog-body{flex:1;overflow-y:auto;padding:0 20px 20px}.tag-groups-list{display:flex;flex-direction:column;gap:20px}.tag-group-container{display:flex;flex-direction:column;gap:10px}.tag-group-title{font-size:.85rem;font-weight:600;color:#888;padding-bottom:4px;border-bottom:1px solid #f0f0f0}.tag-group-items{display:flex;flex-wrap:wrap;gap:8px}.tag-item{padding:6px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;background-color:#f5f7f9;border:1px solid transparent;transition:all .2s}.tag-item:hover{background-color:#eef1f4}.tag-item.selected{background-color:var(--tag-green-bg);border-color:var(--tag-green);color:var(--tag-green)}.tag-name{font-size:.9rem}.tag-item.selected .check-icon{color:var(--tag-green)}.no-tags{text-align:center;padding:40px 0;color:#999;font-size:.9rem}.tag-dialog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:12px;color:#666;font-size:.9rem}.spin{animation:spin 1s linear infinite}.tag-dialog-footer{padding:16px 20px;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.selected-count{font-size:.9rem;color:#666}.footer-actions{display:flex;gap:12px}.cancel-btn,.confirm-btn{padding:8px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background-color:var(--bg-white);border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-btn:hover{background-color:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.confirm-btn{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.confirm-btn:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.address-book{flex:1;height:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);overflow:hidden;background:radial-gradient(circle at top left,rgba(54,110,244,.08),transparent 30%),linear-gradient(180deg,#f7faff,#f3f6fb)}.address-book.loading-only{display:flex;align-items:center;justify-content:center;padding:32px}.address-book-sidebar{min-width:0;min-height:0;border-right:1px solid rgba(20,31,56,.08);background:#ffffffd1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;position:relative}.address-book-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 14px}.address-book-client-row{display:flex;align-items:center;gap:10px;min-width:0}.address-book-client-avatar{flex-shrink:0;width:32px;height:32px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#366ef42e,#366ef40f);display:flex;align-items:center;justify-content:center;color:#366ef4;font-size:14px;font-weight:600}.address-book-client-avatar img{width:100%;height:100%;object-fit:cover}.address-book-client-name{min-width:0;font-size:15px;font-weight:600;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.address-book-count{padding:4px 10px;border-radius:999px;background:#366ef41a;color:#366ef4;font-size:12px;font-weight:600}.address-book-refresh-btn,.address-book-secondary-btn,.address-book-primary-btn{border:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.address-book-refresh-btn{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#366ef414;color:#366ef4;box-shadow:inset 0 0 0 1px #366ef41f}.address-book-refresh-btn:hover,.address-book-secondary-btn:hover,.address-book-primary-btn:hover{transform:translateY(-1px)}.address-book-search-row{display:flex;align-items:stretch;gap:10px;margin:0 20px 16px}.address-book-search{flex:1;min-width:0;display:flex;align-items:center;gap:10px;margin:0;padding:0 14px;height:44px;border-radius:14px;background:#f1f5f9f2;border:1px solid rgba(148,163,184,.18);color:#64748b}.address-book-filter-icon-btn{flex-shrink:0;position:relative;width:44px;height:44px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#f1f5f9f2;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .18s ease}.address-book-filter-icon-btn:hover{color:#366ef4;border-color:#366ef447;background:#366ef40f;transform:translateY(-1px)}.address-book-filter-icon-btn.is-active{color:#366ef4;border-color:#366ef459;background:#366ef41a}.address-book-filter-icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.address-book-filter-icon-badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#366ef4;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-sizing:border-box}.address-book-search input{flex:1;min-width:0;border:none;background:transparent;font-size:14px;color:#172033;outline:none}.address-book-filter-tags{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 20px 14px}.address-book-filter-tags-chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.address-book-filter-clear{flex-shrink:0;border:none;background:transparent;color:#64748b;font-size:13px;cursor:pointer;padding:4px 0;margin-top:2px}.address-book-filter-clear:hover{color:#366ef4}.address-book-list-wrap{flex:1;min-height:0;position:relative;display:flex}.address-book-list{flex:1;min-height:0;overflow-y:auto;padding:0 16px 20px 20px}.address-book-section{margin-bottom:12px}.address-book-section-title{position:sticky;top:0;z-index:2;height:30px;display:flex;align-items:center;padding-left:10px;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#64748b;background:linear-gradient(180deg,#f3f6fbf5,#f3f6fbd1);border-radius:10px}.address-book-item{width:100%;border:none;background:transparent;display:flex;align-items:flex-start;gap:12px;padding:12px 10px;border-radius:16px;cursor:pointer;text-align:left;transition:background .18s ease,box-shadow .18s ease}.address-book-item:hover{background:#ffffffd9;box-shadow:0 10px 24px #0f172a0f}.address-book-item.active{background:linear-gradient(135deg,#366ef41f,#366ef40a);box-shadow:inset 0 0 0 1px #366ef429}.address-book-item-avatar,.address-book-detail-avatar{flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#e8eefb,#d8e4ff);color:#366ef4;display:flex;align-items:center;justify-content:center}.address-book-item-avatar{width:42px;height:42px;border-radius:14px}.address-book-detail-avatar{width:72px;height:72px;border-radius:24px;box-shadow:0 18px 32px #366ef424;grid-column:1;grid-row:1 / span 2;align-self:start}.address-book-item-avatar img,.address-book-detail-avatar img{width:100%;height:100%;object-fit:cover}.address-book-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.address-book-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}.address-book-item-text{flex:1;min-width:0}.address-book-item-custom-corner{flex-shrink:0;max-width:46%;display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start;gap:4px}.address-book-item-custom-corner .address-book-mini-tag{font-size:11px;padding:3px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-book-item-head{display:flex;align-items:center;color:#172033}.address-book-item-name{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-book-item-subtitle{margin-top:4px;font-size:12px;color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-book-item-tags,.address-book-tag-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.address-book-item-tags{margin-top:0}.address-book-item-tags--client-row{flex-direction:column;align-items:stretch;gap:6px}.address-book-item-tag-row{display:flex;align-items:flex-start;gap:8px;min-width:0}.address-book-item-tag-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.address-book-mini-tag,.address-book-tag-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;line-height:1}.address-book-mini-tag{background:#94a3b81f;color:#475569}.address-book-mini-tag--client{background:#366ef41a;color:#2f5fe6}.address-book-mini-tag--custom{background:#0ea5781f;color:#0d8f5c}.address-book-mini-tag.muted,.address-book-tag-empty{color:#94a3b8}.address-book-tag-chip--client{background:#366ef41f;color:#2f5fe6}.address-book-tag-chip--custom{background:#0ea5781f;color:#0d8f5c}.address-book-index-rail{width:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding-right:8px}.address-book-index-key{width:20px;height:20px;border:none;border-radius:999px;background:transparent;color:#366ef4;font-size:11px;font-weight:700;cursor:pointer}.address-book-index-key.visible:hover{background:#366ef41a}.address-book-index-key.disabled{color:#cbd5e1;cursor:default}.address-book-detail{height:100%;min-width:0;min-height:0;padding:28px;overflow-y:auto}.address-book-detail-hero{padding:24px;border-radius:28px;background:linear-gradient(135deg,#fffffffa,#f8fbffe6),linear-gradient(135deg,rgba(54,110,244,.08),transparent);border:1px solid rgba(148,163,184,.12);box-shadow:0 24px 48px #0f172a0d}.address-book-detail-hero-top{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,min(42%,300px));grid-template-rows:auto auto;column-gap:24px;row-gap:14px;align-items:start}.address-book-detail-meta-head{grid-column:2;grid-row:1;min-width:0}.address-book-detail-name{display:inline-flex;align-items:center;gap:12px;max-width:100%}.address-book-detail-meta-head h3{margin:0;font-size:28px;font-weight:800;line-height:1.15;color:#172033}.address-book-detail-edit-trigger{width:34px;height:34px;border:none;border-radius:12px;background:#366ef414;color:#366ef4;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .18s ease,transform .18s ease,background .18s ease}.address-book-detail-name:hover .address-book-detail-edit-trigger,.address-book-detail-name:focus-within .address-book-detail-edit-trigger{opacity:1;pointer-events:auto;transform:translateY(0)}.address-book-detail-edit-trigger:hover{background:#366ef424}.address-book-detail-name-editor{display:flex;align-items:center;gap:10px;width:min(100%,420px);min-height:52px;padding:0 16px;border-radius:18px;background:#f8fafcf5;border:1px solid rgba(148,163,184,.2);color:#64748b}.address-book-detail-name-editor input{flex:1;min-width:0;border:none;background:transparent;font-size:24px;font-weight:700;color:#172033;outline:none}.address-book-detail-meta-head p{margin:8px 0 0;font-size:14px;color:#667085}.address-book-detail-hero-client-tags{grid-column:2;grid-row:2;margin-top:0;min-width:0}.address-book-detail-hero-client-tags-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0}.address-book-detail-hero-client-tags-edit{flex-shrink:0;width:28px;height:28px;margin:0;padding:0;border:none;border-radius:8px;background:#366ef414;color:#366ef4;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(1px);transition:opacity .18s ease,transform .18s ease,background .18s ease}.address-book-detail-hero-client-tags:hover .address-book-detail-hero-client-tags-edit,.address-book-detail-hero-client-tags:focus-within .address-book-detail-hero-client-tags-edit{opacity:1;pointer-events:auto;transform:translateY(0)}.address-book-detail-hero-client-tags-edit:hover{background:#366ef424}.address-book-detail-hero-client-tags-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;min-height:28px}.address-book-detail-hero-client-tags-chips .address-book-tag-empty,.address-book-detail-hero-custom-chips .address-book-tag-empty{font-size:13px;line-height:1.35}.address-book-detail-id-copy{flex-shrink:0;align-self:stretch;width:100%;min-width:0;max-width:min(100%,320px);margin:0;padding:6px 10px;box-sizing:border-box;border:none;border-radius:10px;background:transparent;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:#64748b;text-align:right;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease,background .15s ease}.address-book-detail-id-copy:hover{color:#366ef4;background:#366ef412}.address-book-detail-id-copy:focus-visible{outline:2px solid rgba(54,110,244,.45);outline-offset:2px}.address-book-detail-insight{margin-top:20px;padding:20px 22px;border-radius:24px;background:#ffffffeb;border:1px solid rgba(148,163,184,.14);box-shadow:0 18px 40px #0f172a0a;min-width:0}.address-book-detail-insight-title{margin:0 0 14px;font-size:15px;font-weight:700;color:#172033}.address-book-detail-insight-grid{margin:0;display:grid;grid-template-columns:minmax(88px,110px) minmax(0,1fr);gap:10px 16px;align-items:start}.address-book-detail-insight-row{display:contents}.address-book-detail-insight-row dt{margin:0;padding-top:2px;font-size:12px;font-weight:600;color:#94a3b8;letter-spacing:.02em}.address-book-detail-insight-row dd{margin:0;font-size:13px;line-height:1.5;color:#334155;word-break:break-word}.address-book-detail-insight-value--multiline{white-space:pre-wrap}.address-book-detail-insight-row--warn dd{color:#b45309;font-weight:600}.address-book-auto-reply-switch-cell{display:flex;align-items:center}.address-book-auto-reply-switch-cell .ai-toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;background:linear-gradient(135deg,#e8e8e8,#d4d4d4);border:2px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;padding:0;outline:none;overflow:visible;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d;will-change:background,box-shadow}.address-book-auto-reply-switch-cell .ai-toggle-switch:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 2px 4px #0000001f,0 4px 8px #0000001a}.address-book-auto-reply-switch-cell .ai-toggle-switch:active:not(:disabled){transform:translateY(0);transition:all .1s ease}.address-book-auto-reply-switch-cell .ai-toggle-switch:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.address-book-auto-reply-switch-cell .ai-toggle-switch.active{background:linear-gradient(135deg,#4a7bf7,#366ef4);border-color:#366ef44d;box-shadow:inset 0 2px 4px #00000026,0 2px 8px #366ef440}.address-book-auto-reply-switch-cell .ai-toggle-switch.active:hover:not(:disabled){background:linear-gradient(135deg,#5a8bff,#4a7bf7);box-shadow:inset 0 2px 4px #00000026,0 4px 12px #366ef459}.address-book-auto-reply-switch-cell .ai-toggle-switch .toggle-thumb{position:absolute;top:1px;left:2px;width:18px;height:18px;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:50%;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #0003,0 1px 2px #0000001a,inset 0 -1px 2px #0000000d;z-index:2;will-change:transform}.address-book-auto-reply-switch-cell .ai-toggle-switch:hover:not(:disabled) .toggle-thumb{box-shadow:0 3px 8px #00000040,0 1px 3px #00000026,inset 0 -1px 2px #0000000d}.address-book-auto-reply-switch-cell .ai-toggle-switch.active .toggle-thumb{transform:translate(20px);background:linear-gradient(135deg,#fff,#f8f9ff);box-shadow:0 2px 8px #366ef466,0 1px 3px #00000026,inset 0 -1px 2px #366ef41a}.address-book-auto-reply-switch-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#ffffffbf;border-radius:12px;pointer-events:none;color:#366ef4}.address-book-detail-insight-profile-title{margin:20px 0 10px;font-size:13px;font-weight:700;color:#334155;letter-spacing:.04em}.address-book-profile-memories-updated{margin:0 0 12px;font-size:12px;color:#94a3b8}.address-book-profile-memory-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.address-book-profile-memory-card{margin:0;padding:14px 16px;border-radius:16px;background:#f8fafcf5;border:1px solid rgba(148,163,184,.18)}.address-book-profile-memory-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px}.address-book-profile-memory-type{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;background:#366ef41f;color:#2f5fe6}.address-book-profile-memory-confidence{font-size:11px;font-weight:600;color:#64748b}.address-book-profile-memory-content{margin:0 0 10px;font-size:13px;line-height:1.55;color:#1e293b}.address-book-profile-memory-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:11px;color:#94a3b8}.address-book-profile-memory-reason{margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(148,163,184,.2);font-size:12px;line-height:1.5;color:#64748b}.address-book-profile-plain-body{margin:0;font-size:13px;line-height:1.55;color:#334155}.address-book-detail-hero-trail-head{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;align-items:flex-start;min-width:0;width:100%;box-sizing:border-box}.address-book-detail-hero-custom-tags{grid-column:3;grid-row:2;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;width:100%;box-sizing:border-box}.address-book-detail-hero-custom-chips{justify-content:flex-end;align-items:center;min-height:28px;padding:0 10px;box-sizing:border-box}.address-book-status{margin-top:16px;display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:16px;font-size:13px}.address-book-status.success{background:#16a34a14;color:#15803d}.address-book-status.warning{background:#f59e0b1a;color:#b45309}.address-book-tag-chip{background:#366ef41a;color:#366ef4}.address-book-empty-detail,.address-book-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#64748b;text-align:center}.address-book-empty-detail{height:100%}.address-book-state-card{flex:1;padding:32px}.address-book-state-card.embedded{width:100%}.address-book-state-card.error{color:#b91c1c}@media (max-width: 1200px){.address-book{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}}@media (max-width: 900px){.address-book{grid-template-columns:1fr}.address-book-sidebar{min-height:45vh}.address-book-index-rail{display:none}.address-book-detail{padding:18px}.address-book-detail-hero{padding:18px;border-radius:22px}.address-book-detail-hero-top{display:flex;flex-direction:column;gap:18px}.address-book-detail-avatar{grid-column:unset;grid-row:unset}.address-book-detail-meta-head,.address-book-detail-hero-client-tags,.address-book-detail-hero-trail-head,.address-book-detail-hero-custom-tags{grid-column:unset;grid-row:unset;width:100%}.address-book-detail-name,.address-book-detail-name-editor{width:100%}.address-book-detail-hero-trail-head{justify-content:flex-end}.address-book-detail-id-copy{max-width:100%;text-align:right}.address-book-detail-insight{padding:18px;border-radius:22px}.address-book-detail-insight-grid{grid-template-columns:1fr;gap:4px 0}.address-book-detail-insight-row dt{padding-top:12px}.address-book-detail-insight-row:first-of-type dt{padding-top:0}}@media (hover: none){.address-book-detail-edit-trigger,.address-book-detail-hero-client-tags-edit{opacity:1;pointer-events:auto;transform:translateY(0)}}.empty-page{flex:1;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-page)}.empty-page-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-placeholder)}.empty-page-content h2{font-size:18px;font-weight:500;color:var(--text-primary);margin:0}.empty-page-content p{font-size:14px;margin:0;color:var(--text-secondary)}.login-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-box{width:100%;max-width:400px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:64px;margin:0 auto 16px;background:var(--primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.login-header h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.login-header p{font-size:14px;color:var(--text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap input{padding-right:44px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm, 6px);transition:color .15s ease,background .15s ease}.password-toggle:hover:not(:disabled){color:var(--primary-color);background:var(--primary-light, rgba(102, 126, 234, .1))}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-top:8px}.login-button:hover:not(:disabled){background:var(--primary-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button svg{flex-shrink:0}.register-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.register-box{width:100%;max-width:400px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;padding:40px}.register-header{text-align:center;margin-bottom:32px}.register-logo{width:64px;height:64px;margin:0 auto 16px;background:var(--primary-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.register-header h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.register-header p{font-size:14px;color:var(--text-secondary);margin:0}.register-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-group label svg{color:var(--text-secondary)}.form-group input{width:100%;height:44px;padding:0 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-white);transition:all .15s ease}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-group input:disabled{background:var(--bg-gray);cursor:not-allowed}.form-group input::placeholder{color:var(--text-placeholder)}.error-message{padding:12px 16px;background:#fff1f0;border:1px solid #ffccc7;border-radius:var(--radius-md);color:var(--tag-red);font-size:13px;text-align:center}.info-message{padding:12px 16px;background:#e6f7ff;border:1px solid #91d5ff;border-radius:var(--radius-md);color:#0958d9;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.info-message svg{flex-shrink:0}.success-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:16px}.success-message svg{color:var(--tag-green)}.success-message h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.success-message p{font-size:14px;color:var(--text-secondary);margin:0}.generated-password-info{padding:16px;background:#f0f5ff;border:1px solid #adc6ff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;color:#2f54eb;font-size:14px;font-weight:500}.copy-password-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;color:#2f54eb;background:#fffc;border:1px solid #adc6ff;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.copy-password-btn:hover{background:#fff;border-color:#2f54eb}.generated-password-info svg{flex-shrink:0}.generated-password-info .password-value{font-family:ui-monospace,monospace;font-size:15px;word-break:break-all;-webkit-user-select:all;user-select:all}.go-login-button{margin-top:16px}.login-hint{font-size:13px;color:#8c8c8c;font-style:italic}.register-button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-top:8px}.register-button:hover:not(:disabled){background:var(--primary-hover)}.register-button:disabled{opacity:.6;cursor:not-allowed}.register-button svg{flex-shrink:0}.agent-list{width:var(--conversation-list-width);height:100%;background-color:var(--bg-white);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.list-header{height:56px;padding:0 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.list-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.add-agent-button{width:32px;height:32px;border-radius:8px;background:var(--primary-color);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:#fff;flex-shrink:0}.add-agent-button:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.add-agent-button:disabled,.add-agent-button.disabled{opacity:.5;cursor:not-allowed}.add-agent-button:disabled:hover,.add-agent-button.disabled:hover{background:var(--primary-color);transform:none}.add-agent-button svg{flex-shrink:0}.agents{flex:1;overflow-y:auto;min-height:0}.agent-item{display:flex;gap:12px;padding:14px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--border-light);position:relative;overflow:hidden}.agent-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#366ef4,#5b8ff9);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.agent-item:hover{background:linear-gradient(90deg,rgba(54,110,244,.03) 0%,transparent 100%);transform:translate(2px)}.agent-item:hover:before{transform:scaleY(1)}.agent-item.active{background:linear-gradient(90deg,#366ef414,#366ef405)}.agent-item.active:before{transform:scaleY(1)}.agent-avatar-wrap{position:relative;flex-shrink:0}.agent-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea40;transition:all .3s cubic-bezier(.4,0,.2,1)}.agent-item:hover .agent-avatar{transform:scale(1.05) rotate(-2deg);box-shadow:0 6px 16px #667eea59}.agent-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.agent-header{display:flex;justify-content:space-between;align-items:center;position:relative}.delete-agent-button{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:#86909c;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;flex-shrink:0}.agent-item:hover .delete-agent-button{opacity:1}.delete-agent-button:hover:not(:disabled){background:#f2f3f5;color:#f53f3f}.delete-agent-button:disabled{cursor:not-allowed;color:#c9cdd4}.delete-agent-button svg{flex-shrink:0}.agent-name{font-size:14px;font-weight:500;color:#1d2129;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-name-input{width:100%;font-size:14px;font-weight:500;color:#1d2129;border:1px solid var(--primary-color);border-radius:var(--radius-sm);padding:4px 8px;background:var(--bg-white);outline:none;font-family:inherit}.agent-name-input:focus{box-shadow:0 0 0 2px var(--primary-light)}.agent-name-input:disabled{opacity:.6;cursor:not-allowed}.agent-preview{font-size:12px;color:#86909c;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4}.empty-state .empty-illustration{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea1a,#764ba21a);display:flex;align-items:center;justify-content:center;color:#667eea;margin-bottom:8px;animation:float 3s ease-in-out infinite}.table-selector-wrapper{position:relative;display:flex;align-items:center;gap:12px;z-index:100}.table-selector-trigger{display:flex;align-items:center;justify-content:center;gap:6px;min-width:34px;height:34px;padding:0 12px;background:#1890ff;border:1px solid #1890ff;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:auto;color:#fff}.table-selector-trigger:hover{background:#40a9ff;border-color:#40a9ff}.table-selector-trigger.open{background:#096dd9;border-color:#096dd9}.table-selector-trigger.no-selection{padding:0 14px}.table-selector-trigger.has-selection{padding:0 10px;min-width:auto}.trigger-text{font-size:14px;font-weight:500;white-space:nowrap;color:#fff}.trigger-count{font-size:14px;font-weight:600;color:#fff}.selector-icon{transition:transform .2s ease;flex-shrink:0;color:#fff}.selector-icon.open{transform:rotate(180deg)}.selected-tables-scroll{flex:1 1 auto;min-width:0;max-width:96%;overflow-x:auto;overflow-y:hidden;padding:4px 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.selected-tables-scroll::-webkit-scrollbar{display:none}.selected-tables-list{display:flex;gap:8px;align-items:center;padding:4px 0}.selected-table-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#e6f7ff;border:1px solid #91d5ff;border-radius:20px;font-size:13px;color:#1890ff;cursor:default;animation:slideInLeft .4s cubic-bezier(.4,0,.2,1);flex-shrink:0}.selected-table-chip:not(.deleting){transition:transform .4s cubic-bezier(.4,0,.2,1)}.selected-table-chip:hover{background:#bae7ff;border-color:#69c0ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff26}.selected-table-chip.deleting{animation:slideUpAndFade .4s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none;transition:none}.selected-table-chip.shifted{transition:transform .4s cubic-bezier(.4,0,.2,1)}.selected-table-chip.selected-table-chip--double-clickable{cursor:pointer}.selected-table-name{font-weight:500;white-space:nowrap}.selected-table-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:#999;padding:0;margin-left:4px;font-size:16px;font-weight:300;line-height:1}.selected-table-remove:hover{color:#666;transform:scale(1.1)}.selected-table-remove:active{transform:scale(.95)}.table-selector-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:320px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.table-selector-search{padding:12px;border-bottom:1px solid #f0f0f0}.table-selector-search input{width:100%;height:36px;padding:0 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;box-sizing:border-box;transition:all .2s ease}.table-selector-search input:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.table-selector-list{max-height:300px;overflow-y:auto;padding:8px}.table-selector-list::-webkit-scrollbar{width:6px}.table-selector-list::-webkit-scrollbar-track{background:#f5f5f5}.table-selector-list::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.table-selector-list::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.table-selector-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px 16px;color:#999;font-size:14px}.table-selector-empty{padding:32px 16px;text-align:center;color:#999;font-size:14px}.table-selector-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;animation:fadeIn .2s ease}.table-selector-item:hover{background:#f5f5f5;transform:translate(2px)}.table-selector-item:active{transform:translate(1px)}.table-check-icon{flex-shrink:0;color:#1890ff;opacity:0;transform:scale(.5);transition:all .2s ease}.table-selector-item:hover .table-check-icon{opacity:.3;transform:scale(.8)}.table-item-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.table-item-info>svg{flex-shrink:0;color:#1890ff}.table-item-name{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-item-id{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}@keyframes slideInLeft{0%{opacity:0;transform:translate(20px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideUpAndFade{0%{opacity:1;transform:translateY(0) scale(1)}40%{opacity:.6;transform:translateY(-20px) scale(.95)}to{opacity:0;transform:translateY(-40px) scale(.9)}}@keyframes jellyShift{0%{transform:translate(-30px)}to{transform:translate(0)}}@keyframes smoothShiftLeft{0%{transform:translate(0)}to{transform:translate(-10px)}}@keyframes slideOutAndFade{0%{opacity:1;transform:translate(0);width:auto;padding:6px 12px;margin:0}25%{opacity:.6;transform:translate(50px)}60%{opacity:0;transform:translate(100px);width:auto;padding:6px 12px}to{opacity:0;transform:translate(100px);width:0;padding:6px 0;margin:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animating-element{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1)}@media (max-width: 900px){.table-selector-wrapper{width:100%}.table-selector-trigger{width:100%;justify-content:space-between;margin-left:0;border-radius:10px}.table-selector-dropdown{left:0;right:0;width:100%}}.success-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1000;animation:toastSlideDown .4s var(--ease-bounce)}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-30px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.success-toast-content{display:flex;align-items:center;gap:12px;padding:14px 24px;background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 32px #52c41a66,0 0 0 1px #ffffff1a;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-toast-content svg{flex-shrink:0;animation:checkmarkPop .5s var(--ease-bounce) .2s both}@keyframes checkmarkPop{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.agent-detail{flex:1;height:100%;background-color:var(--bg-white);display:flex;flex-direction:column;overflow:hidden;position:relative}.agent-avatar{width:48px;height:48px;border-radius:8px;background:#366ef41a;display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.detail-content{flex:1;display:flex;flex-direction:column;padding:20px 24px 24px;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fafe)}.mobile-mcp-settings-btn{width:34px;height:34px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mobile-mcp-settings-btn.configured{background:#2563eb;border-color:#2563eb;color:#fff}.mobile-mcp-settings-btn.unconfigured{background:#fff;border-color:#d1d5db;color:#4b5563}.mobile-mcp-back-btn{width:28px;height:28px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-right:6px}.mcp-top-text-btn{border:1px solid #d1d5db;border-radius:8px;height:32px;padding:0 10px;background:#fff;color:#4b5563;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.mcp-top-text-btn.configured{background:#2563eb;border-color:#2563eb;color:#fff}.mcp-top-text-btn:hover{transform:translateY(-1px)}.editor-section-prompt .editor-header{margin-top:-8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--text-secondary);font-weight:500}.info-value{font-size:14px;color:var(--text-primary);word-break:break-all}.editor-container{flex:1;display:flex;flex-direction:row;gap:16px;min-height:0;height:100%;animation:smoothFadeIn .5s var(--ease-smooth)}.editor-section{display:flex;flex-direction:column;min-height:0;min-width:0}.editor-section:first-child{flex:1;min-width:0}.editor-section .editor-header{margin-top:-22px}.editor-section-mcp{flex:0 0 320px}.editor-header{display:flex;align-items:center;gap:16px;height:56px;margin-bottom:0;border-bottom:2px solid transparent;background:linear-gradient(to right,var(--primary-color),transparent) bottom / 100% 2px no-repeat;position:relative;flex-wrap:wrap}.editor-header .table-selector-wrapper{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.editor-label{font-size:16px;font-weight:600;color:var(--primary-color);letter-spacing:.5px;position:relative;padding-left:12px}.editor-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:2px}.editor-label-name{cursor:text;-webkit-user-select:none;user-select:none}.editor-label-name:hover{color:var(--primary-hover)}.editor-label-input{flex:0 1 auto;min-width:80px;max-width:240px;padding:4px 10px;margin:0 0 0 -4px;border:1px solid var(--primary-color);border-radius:var(--radius-sm);background:var(--bg-white);outline:none;font-size:16px;font-weight:600;color:var(--primary-color);letter-spacing:.5px}.editor-label-input:focus{box-shadow:0 0 0 2px var(--primary-light)}.docids-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:960px;max-width:94vw;max-height:84vh;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;z-index:2001;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .3s var(--ease-bounce)}.docids-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light);background:#fff}.docids-modal-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.docids-modal-body{flex:1;min-height:120px;max-height:400px;overflow-y:auto;padding:16px;background:#f8fafc}.docids-modal-list{margin:0;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-all}.docids-modal-loading,.docids-modal-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--text-secondary);font-size:14px}.docids-modal-footer{padding:12px 18px;border-top:1px solid var(--border-light);background:#fff;display:flex;justify-content:flex-end}.docids-modal-footer--with-meta{justify-content:space-between;align-items:center}.docids-modal-meta{font-size:12px;color:var(--text-secondary)}.knowledge-preview-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border-light);background:#fff}.knowledge-preview-tab{border:1px solid #d1d5db;background:#fff;color:#4b5563;border-radius:999px;height:28px;padding:0 12px;font-size:12px;cursor:pointer}.knowledge-preview-tab.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.knowledge-preview-table-wrap{max-height:400px;overflow:auto;background:#fff;border:1px solid var(--border-light);border-radius:8px}.knowledge-preview-table{width:100%;border-collapse:collapse;font-size:12px}.knowledge-preview-table th,.knowledge-preview-table td{border:1px solid #e5e7eb;padding:8px 10px;text-align:left;vertical-align:top;white-space:pre-wrap;word-break:break-word}.knowledge-preview-table th{position:sticky;top:0;background:#f8fafc;z-index:1}.knowledge-preview-table th:first-child,.knowledge-preview-table td:first-child{min-width:220px}.docids-copy-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-color, #366EF4);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.docids-copy-button:hover:not(:disabled){background:var(--primary-hover, #4080FF);transform:translateY(-1px)}.docids-copy-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.history-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-smooth);margin-left:4px}.history-button:hover{background:var(--bg-hover);color:var(--primary-color);transform:scale(1.1)}.history-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0003;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s var(--ease-smooth)}.history-drawer{position:absolute;top:0;right:0;width:360px;height:100%;background:#fff;box-shadow:-4px 0 24px #0000001a;display:flex;flex-direction:column;animation:slideInRight .3s var(--ease-smooth);z-index:2001}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.history-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light);background:#fff}.history-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.close-history-button{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.close-history-button:hover{background:var(--bg-hover);color:var(--text-primary)}.history-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f8fafc}.history-item{padding:16px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-white);cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;gap:8px}.history-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #366ef41a;transform:translateY(-1px)}.history-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}.history-time{display:flex;align-items:center;gap:6px;font-weight:500}.history-char-count{font-size:11px;color:var(--text-tertiary, #94a3b8);font-weight:400}.history-meta-right{display:flex;align-items:center;gap:8px}.history-meta-right .restore-button,.history-meta-right .delete-button{flex-shrink:0;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px}.history-meta-right .delete-button{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.history-item:hover .history-meta-right .delete-button,.history-item:focus-within .history-meta-right .delete-button{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.history-meta-right .restore-button{border:2px solid #e0e7ff;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:var(--primary-color);box-shadow:0 2px 4px #0000000d}.history-meta-right .restore-button:hover{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 12px #366ef440}.history-preview{font-size:13px;color:var(--text-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;background:#f1f5f9;padding:8px 12px;border-radius:6px;word-break:break-all}.restore-button{background:var(--primary-color);color:#fff;border:none;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;box-shadow:0 2px 6px #366ef44d;cursor:pointer;transition:all .2s ease}.restore-button:hover{background:var(--primary-hover);transform:scale(1.05)}.history-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:2100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.history-detail-modal{width:600px;max-width:90vw;max-height:80vh;background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;animation:modalPop .3s var(--ease-bounce);overflow:hidden}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.history-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light);background:#fff}.history-detail-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.history-detail-badge{font-size:12px;color:var(--text-secondary);background:var(--bg-hover);padding:2px 8px;border-radius:10px;font-weight:400}.history-detail-actions{display:flex;align-items:center;gap:8px}.icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-light);border-radius:6px;background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.icon-button:hover{background:var(--bg-hover);color:var(--primary-color);border-color:var(--primary-color)}.history-detail-content{flex:1;overflow-y:auto;padding:20px;background:#f8fafc}.history-detail-content pre{margin:0;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-all}.history-detail-footer{padding:16px 20px;border-top:1px solid var(--border-light);background:#fff;display:flex;justify-content:flex-end}.full-restore-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #366ef440}.full-restore-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #366ef459}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:12px;font-size:14px}.empty-history svg{color:var(--text-placeholder);opacity:.5}.save-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .3s var(--ease-smooth),box-shadow .3s var(--ease-smooth);box-shadow:0 2px 8px #366ef433}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #366ef459}.save-button:active:not(:disabled){transform:translateY(0) scale(.98)}.save-button:disabled{opacity:.5!important;cursor:not-allowed;transform:none}.save-button .spinner{animation:spin 1s linear infinite}.mcp-header-actions{display:flex;gap:8px;align-items:center}@keyframes buttonRollOut{to{opacity:0;transform:translate(-40px) rotate(-180deg)}}@keyframes buttonRollIn{0%{opacity:0;transform:translate(40px) rotate(-180deg)}to{opacity:1;transform:translate(0) rotate(0)}}.back-button.exiting,.save-button.exiting{animation:buttonRollOut .8s ease-out forwards}.back-button:not(.exiting),.save-button:not(.exiting){transform:translate(40px) rotate(-180deg);animation:buttonRollIn .9s ease-out both;transition:none!important}.mcp-header-actions>*:nth-child(2){animation-delay:.15s}.add-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;cursor:pointer;transition:all .3s var(--ease-smooth);box-shadow:0 2px 8px #366ef433}.add-button:hover{transform:translateY(-2px) rotate(90deg);box-shadow:0 4px 16px #366ef459}.add-button:active{transform:translateY(0) scale(.95)}.back-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease-smooth)}.back-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translate(-2px)}.back-button:disabled{opacity:.5;cursor:not-allowed}.prompt-editor{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:12px}.prompt-input-wrapper{position:relative;display:flex;flex-direction:column;flex:1;width:100%;min-height:0;overflow:hidden}.prompt-save-button{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:92px;padding:8px 14px;border:1px solid rgba(54,110,244,.12);border-radius:12px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 24px #366ef433;transition:transform .24s var(--ease-smooth),box-shadow .24s var(--ease-smooth),border-color .24s var(--ease-smooth),background .24s var(--ease-smooth),color .24s var(--ease-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.prompt-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #366ef447}.prompt-save-button:active:not(:disabled){transform:translateY(0) scale(.98)}.prompt-save-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-light),0 10px 26px #366ef438}.prompt-save-button.is-dirty{animation:promptSavePulse 2.2s var(--ease-smooth) infinite}.prompt-save-button.is-dirty:hover:not(:disabled),.prompt-save-button:disabled{animation:none}.prompt-save-button.is-pristine{background:#ffffffeb;color:var(--text-secondary);border-color:#94a3b838;box-shadow:0 8px 20px #0f172a14}.prompt-save-button:disabled{cursor:not-allowed}@keyframes promptSavePulse{0%,to{box-shadow:0 8px 24px #366ef433}50%{box-shadow:0 12px 30px #366ef457}}.prompt-textarea{width:100%;flex:1;padding:18px 20px 30px;border:2px solid var(--border-light);border-radius:var(--radius-lg);font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:14px;line-height:1.8;color:var(--text-primary);background:#fff;resize:none;transition:all .3s var(--ease-smooth);box-shadow:0 2px 8px #0000000a;overflow-y:auto!important;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;white-space:pre-wrap;word-break:break-word}.prompt-textarea.mobile-no-save{padding-top:18px}.prompt-textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 4px 20px #366ef41f,0 0 0 3px var(--primary-light);transform:translateY(-1px)}.prompt-textarea.is-drop-active{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.prompt-textarea::placeholder{color:var(--text-placeholder)}.char-count{position:absolute;bottom:12px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:var(--text-placeholder);background:#fffc;padding:4px 8px;border-radius:4px;pointer-events:auto;transition:color .2s ease;max-width:min(280px,85vw);text-align:right;line-height:1.35}.char-count-total{font-weight:500}.prompt-textarea:focus+.char-count{color:var(--primary-color);font-weight:500}.mcp-editor{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:12px}.mcp-list{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:4px;margin-top:12px}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-30px) scale(.95)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(30px) scale(.95)}}.mcp-list{animation:slideInFromLeft .4s var(--ease-smooth)}.mcp-editor{animation:slideInFromRight .4s var(--ease-smooth)}@keyframes smoothFadeIn{0%{opacity:.85;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@keyframes slideInUp{0%{opacity:.9;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mcp-card{animation:slideInFromLeft .3s var(--ease-smooth);animation-fill-mode:both}.mcp-card:nth-child(1){animation-delay:.05s}.mcp-card:nth-child(2){animation-delay:.1s}.mcp-card:nth-child(3){animation-delay:.15s}.mcp-card:nth-child(4){animation-delay:.2s}.mcp-card:nth-child(5){animation-delay:.25s}.mcp-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);padding:40px 20px}.mcp-empty svg{color:var(--text-placeholder);opacity:.5}.mcp-empty p{font-size:14px;font-weight:600;margin:0}.mcp-empty span{font-size:12px;color:var(--text-placeholder)}.mcp-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:14px;transition:all .4s var(--ease-smooth),opacity .4s ease,background .4s ease,border-color .4s ease;box-shadow:0 2px 6px #0000000a;animation:slideInFromLeft .3s var(--ease-smooth);animation-fill-mode:both}.mcp-card-new{animation:heroEntrance .8s var(--ease-bounce)!important;animation-fill-mode:both!important}@keyframes heroEntrance{0%{opacity:0;transform:scale(.3) rotate(-5deg);filter:blur(10px)}50%{transform:scale(1.1) rotate(2deg)}70%{transform:scale(.95) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0px)}}.mcp-card-new{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light),0 8px 32px #366ef440,0 0 60px #366ef426;position:relative}.mcp-card-new:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(54,110,244,.1) 50%,transparent 70%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.mcp-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #366ef41a;transform:translateY(-2px)}.mcp-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-light);position:relative;z-index:1}.mcp-card-header svg{color:var(--primary-color);flex-shrink:0}.mcp-card-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mcp-card .mcp-card-header .delete-button{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;flex-shrink:0}.mcp-card:hover .mcp-card-header .delete-button,.mcp-card:focus-within .mcp-card-header .delete-button{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mcp-card .mcp-card-header .delete-button.deleting{opacity:1;visibility:visible}.mcp-card-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.mcp-icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--primary-color);cursor:pointer;transition:all .3s var(--ease-smooth);flex-shrink:0}.mcp-icon-button:hover{background:var(--primary-light);transform:scale(1.1)}.mcp-icon-button:active{transform:scale(.95)}.mcp-card-menu{position:relative;display:flex;align-items:center;flex-shrink:0;z-index:10}.mcp-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001a;z-index:1000;min-width:120px;animation:dropdownSlideDown .2s var(--ease-smooth);overflow:hidden}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mcp-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s var(--ease-smooth);text-align:left}.mcp-dropdown-item:hover{background:var(--bg-hover)}.mcp-dropdown-item.delete{color:#ef4444}.mcp-dropdown-item.delete:hover{background:#fef2f2;color:#dc2626}.mcp-dropdown-item svg{flex-shrink:0}.mcp-card-fulltext{display:flex;flex-direction:column;gap:12px;animation:slideInDown .3s var(--ease-smooth)}.mcp-card-fulltext-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.mcp-card-fulltext-title{font-size:13px;font-weight:600;color:var(--text-secondary)}.mcp-card-collapse-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-smooth)}.mcp-card-collapse-button:hover{background:var(--bg-hover);color:var(--primary-color);transform:translateY(-2px)}.mcp-card-collapse-button:active{transform:translateY(0)}.mcp-card-fulltext-content{margin:0;padding:16px;background:#f8f9fa;border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-all;overflow-x:auto;max-height:400px;overflow-y:auto;transition:all .3s var(--ease-smooth)}.mcp-card-fulltext-content:hover{background:#f1f3f5;border-color:var(--primary-color)}.toggle-switch{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-left:auto}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:48px;height:26px;background:#ef4444;border-radius:13px;transition:background .4s ease;box-shadow:inset 0 2px 4px #0003;border:2px solid rgba(0,0,0,.1)}.toggle-slider:before{content:"OFF";position:absolute;left:6px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:700;color:#ffffffe6;letter-spacing:.3px;transition:opacity .2s}.toggle-slider:after{content:"";position:absolute;height:20px;width:20px;right:2px;top:50%;transform:translateY(-50%);background:#fff;border-radius:50%;transition:all 1.2s cubic-bezier(.68,-.6,.32,1.6);box-shadow:0 2px 6px #0000004d}.toggle-switch input:checked+.toggle-slider{background:#10b981}.toggle-switch input:checked+.toggle-slider:before{content:"ON";left:auto;right:8px}.toggle-switch input:checked+.toggle-slider:after{right:auto;left:2px}.toggle-switch:hover .toggle-slider{box-shadow:inset 0 2px 4px #0003,0 0 0 3px #0000000d}.toggle-switch:active .toggle-slider:after{width:24px}.delete-button{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid #f1f5f9;border-radius:10px;background:linear-gradient(135deg,#fff,#f8fafc);color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0000000d}.delete-button svg{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.delete-button:hover{border-color:#fecaca;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#ef4444;box-shadow:0 4px 12px #ef444426;transform:translateY(-2px)}.delete-button:hover svg{transform:scale(1.15) rotate(-5deg)}.delete-button:active:not(.deleting){transform:translateY(0) scale(.95)}@keyframes throwIconAway{0%{transform:translate(0) rotate(0) scale(1);opacity:1}30%{transform:translate(40px,-60px) rotate(180deg) scale(.8);opacity:.9}60%{transform:translate(100px,-40px) rotate(360deg) scale(.5);opacity:.5}to{transform:translate(180px,-100px) rotate(540deg) scale(0);opacity:0}}.delete-button.deleting{animation:throwIconAway .8s cubic-bezier(.25,.46,.45,.94) forwards;pointer-events:none}@keyframes cardFlyAway{0%{transform:translate(0) rotate(0) scale(1);opacity:1}20%{transform:translate(30px,-20px) rotate(-5deg) scale(.95);opacity:1}40%{transform:translate(100px,-80px) rotate(10deg) scale(.8);opacity:.8}70%{transform:translate(200px,-150px) rotate(-15deg) scale(.5);opacity:.4}to{transform:translate(400px,-250px) rotate(25deg) scale(0);opacity:0}}.mcp-card.card-deleting{animation:cardFlyAway .8s cubic-bezier(.25,.46,.45,.94) forwards;pointer-events:none}.mcp-card-disabled{position:relative;opacity:1;background:#fafafa;border-color:#e5e5e5}.mcp-card-disabled:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px);pointer-events:none;border-radius:var(--radius-lg)}.mcp-card-disabled .mcp-card-header svg,.mcp-card-disabled .mcp-card-header h4{opacity:.4;color:#737373}.mcp-card-disabled .mcp-card-body{opacity:.4}.new-badge{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;border-radius:10px;animation:badgePulse 2s ease-in-out infinite;box-shadow:0 2px 8px #366ef44d}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #366ef44d}50%{transform:scale(1.05);box-shadow:0 4px 16px #366ef480}}.mcp-card-body{display:flex;flex-direction:column;gap:8px}.mcp-card-item{display:flex;gap:8px;font-size:12px;line-height:1.5}.mcp-card-label{color:var(--text-secondary);font-weight:500;flex-shrink:0;min-width:60px}.mcp-card-value{color:var(--text-primary);font-family:SF Mono,Monaco,Menlo,Consolas,monospace;word-break:break-all;flex:1}.mcp-textarea{width:100%;flex:1;padding:16px;border:2px solid var(--border-light);border-radius:var(--radius-lg);font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.7;color:var(--text-primary);background:#fafbfc;resize:none;transition:all .3s var(--ease-smooth);box-shadow:0 2px 8px #0000000a}.mcp-textarea.error{border-color:var(--tag-red);background:#fff5f5}.mcp-textarea.warning{border-color:#faad14;background:#fffbf0}.mcp-textarea:disabled{opacity:.6;cursor:not-allowed}.mcp-textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 4px 16px #366ef41a,0 0 0 3px var(--primary-light)}.mcp-textarea.error:focus{border-color:var(--tag-red);background:#fff5f5;box-shadow:0 4px 16px #ff4d4f26,0 0 0 3px #ff4d4f1a}.mcp-textarea.warning:focus{border-color:#faad14;background:#fffbf0;box-shadow:0 4px 16px #faad1426,0 0 0 3px #faad141a}.mcp-textarea::placeholder{color:var(--text-placeholder);font-size:12px}.error-message{display:flex;align-items:center;gap:6px;margin-top:8px;padding:10px 12px;background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:1px solid var(--tag-red);border-radius:var(--radius-md);color:var(--tag-red);font-size:12px;font-weight:500;animation:slideInDown .3s var(--ease-smooth)}.warning-message{display:flex;align-items:center;gap:6px;margin-top:8px;padding:10px 12px;background:linear-gradient(135deg,#fffbf0,#fffbe6);border:1px solid #FAAD14;border-radius:var(--radius-md);color:#faad14;font-size:12px;font-weight:500;animation:slideInDown .3s var(--ease-smooth)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);gap:16px;height:100%;animation:fadeIn .4s var(--ease-smooth)}.empty-state svg{color:var(--text-placeholder)}@media (max-width: 1200px){.editor-container{flex-direction:column}.editor-section:first-child,.editor-section:last-child{flex:1 1 auto}.detail-content{padding:20px}.prompt-textarea{padding-right:20px;padding-top:64px}.prompt-textarea.mobile-no-save{padding-top:18px}}@media (max-width: 640px){.prompt-save-button{min-width:84px;padding:7px 12px;font-size:12px}}.mcp-card-editing-json{border-color:var(--primary-color);box-shadow:0 0 0 2px #366ef41a}.mcp-json-textarea{width:100%;min-height:200px;padding:12px;border:1px solid var(--border-light);border-radius:6px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;resize:vertical;background:#fff;color:var(--text-primary);margin-top:16px}.mcp-json-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #366ef41a}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026;width:90%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.dialog-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500;color:var(--text-primary)}.dialog-title svg{color:var(--primary-color)}.dialog-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.dialog-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dialog-form{padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:4px}.required{color:var(--tag-red)}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-white);transition:all .15s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-group input:disabled,.form-group textarea:disabled{background:var(--bg-gray);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.cancel-button,.submit-button{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;border:none;flex-shrink:0}.cancel-button{background:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color);transform:scale(1.05)}.submit-button{background:var(--primary-color);color:#fff}.submit-button:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.submit-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.submit-button svg,.cancel-button svg{flex-shrink:0}.submit-button .loading-text{font-size:12px}.client-list{flex:1;height:100%;background-color:var(--bg-white);display:flex;flex-direction:column;overflow:hidden}.client-list-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-light)}.client-list-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.add-client-button{width:32px;height:32px;border-radius:8px;background:var(--primary-color);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:#fff;flex-shrink:0}.add-client-button-hidden{opacity:0;pointer-events:none;transform:scale(.8)}.add-client-button:hover{background:var(--primary-hover);transform:scale(1.05)}.add-client-button svg{flex-shrink:0}.client-list-content{flex:1;overflow-y:auto;padding:24px}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.client-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;transition:all .15s ease;display:flex;flex-direction:column;min-height:fit-content}.client-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #00000014}.client-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.client-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.client-card-avatar-wrapper{position:relative;flex-shrink:0}.client-card-avatar,.client-card-avatar-placeholder{width:48px;height:48px;border-radius:8px;overflow:hidden;background:var(--bg-gray);display:flex;align-items:center;justify-content:center}.client-card-avatar img{width:100%;height:100%;object-fit:cover}.client-card-avatar-placeholder{padding:8px}.client-card-avatar-placeholder .client-platform-icon{width:100%;height:100%;object-fit:contain}.client-platform-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--bg-white);border:2px solid var(--bg-white);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.platform-badge-icon{width:100%;height:100%;object-fit:contain;border-radius:50%}.client-platform-icon{width:24px;height:24px;flex-shrink:0}.client-card-info{flex:1;min-width:0}.client-card-name{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;position:relative}.client-card-name-text{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:inline-block;width:100%;position:relative}.client-card-name-text:hover{color:var(--primary-color)}.edit-hint{position:absolute;top:-20px;left:0;background:#000000b3;color:#fff;font-size:11px;padding:2px 6px;border-radius:3px;white-space:nowrap;z-index:10;pointer-events:none}.client-card-name-input{font-size:14px;font-weight:500;color:var(--text-primary);background:var(--bg-white);border:1px solid var(--primary-color);border-radius:4px;padding:2px 6px;width:100%;outline:none}.client-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.client-card-platform{font-size:12px;color:var(--text-secondary)}.client-card-separator{color:var(--text-placeholder)}.client-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.client-card-switches{display:flex;flex-direction:column;gap:12px;margin-top:0;margin-bottom:16px}.switch-row{display:flex;gap:16px;align-items:center}.switch-row .switch-item{flex:1;display:flex;align-items:center;justify-content:space-between}.switch-row .switch-item:only-child{flex:0 1 calc(50% - 8px);max-width:calc(50% - 8px)}.switch-item{display:flex;align-items:center;justify-content:space-between}.switch-label{font-size:13px;color:var(--text-primary)}.switch-label-action{border:none;background:transparent;padding:0;cursor:pointer;font-size:13px;font-weight:400;font-family:inherit;line-height:inherit;color:var(--text-primary)}.switch-label-action:hover{color:var(--primary-color, #366EF4)}.switch-toggle{position:relative;display:inline-block;width:40px;height:20px;cursor:pointer}.switch-toggle input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color, #E8E8E8);border:1px solid #D9D9D9;transition:.15s;border-radius:20px}.switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;top:50%;background-color:#fff;transition:.15s;border-radius:50%;transform:translateY(-50%)}.switch-toggle input:checked+.switch-slider{background-color:var(--primary-color, #366EF4);border-color:var(--primary-color, #366EF4)}.switch-toggle input:checked+.switch-slider:before{transform:translate(20px,-50%)}.switch-toggle input:disabled+.switch-slider{opacity:.5;cursor:not-allowed}.client-card-switches .switch-toggle{position:relative;width:40px;height:20px}.client-card-switches .switch-toggle .switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background-color:var(--border-color, #E8E8E8);border:1px solid #D9D9D9;border-radius:20px;transition:background-color .15s ease,border-color .15s ease}.client-card-switches .switch-toggle .switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;top:50%;background-color:#fff;transition:.15s;border-radius:50%;transform:translateY(-50%)}.client-card-switches .switch-toggle input:checked+.switch-slider{background-color:var(--primary-color, #366EF4);border-color:var(--primary-color, #366EF4)}.client-card-switches .switch-toggle input:checked+.switch-slider:before{transform:translate(20px,-50%)}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.online{background-color:#52c41a}.status-dot.offline{background-color:#ff4d4f}.client-card-agent{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-light)}.client-card-agent .agent-binded{margin-top:8px}.agent-binded{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--text-primary)}.agent-section{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;width:100%}.agent-section .agent-label{flex-shrink:0;min-width:56px}.notify-config-wrapper{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.notify-config-row1{display:flex;align-items:center;gap:8px;width:100%}.notify-config-row1 .agent-label.notify-config-label{flex-shrink:0;min-width:56px}.notify-config-counts{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.notify-count-text{font-size:12px;color:var(--text-secondary, #8c8c8c);line-height:1.5}.notify-count-line1,.notify-count-line2{display:block}.notify-config-links{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:8px;width:100%}.notify-config-link{padding:0;border:none;background:none;font-size:12px;color:var(--primary-color, #366EF4);cursor:pointer;text-decoration:none;line-height:1.5}.notify-config-link:hover{text-decoration:underline}.settings-button{padding:6px;border-radius:6px;border:1px solid var(--border-light, #F0F0F0);background:var(--bg-white, #FFFFFF);color:var(--text-primary, #262626);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;box-shadow:0 1px 2px #0000000d}.settings-button:hover:not(:disabled){border-color:var(--primary-color, #366EF4);color:var(--primary-color, #366EF4);background:var(--bg-gray, #F5F5F5);box-shadow:0 2px 4px #366ef41a}.settings-button:active:not(:disabled){transform:scale(.95)}.settings-button:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-white, #FFFFFF);box-shadow:none}.agent-label{color:var(--text-secondary);font-weight:500}.notify-config-label{cursor:pointer;transition:color .15s ease;-webkit-user-select:none;user-select:none}.notify-config-label:hover{color:var(--primary-color, #366EF4)}.agent-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.client-card-agent .bind-agent-wrapper{display:flex;align-items:center;gap:6px;flex:1;min-width:0;position:relative}.agent-section .bind-agent-wrapper{flex:0 1 auto;justify-content:flex-end}.agent-info-clickable{transition:all .15s ease;padding:4px 8px;border-radius:var(--radius-sm)}.agent-info-clickable:hover{background:var(--bg-hover)}.agent-info svg{color:var(--primary-color);flex-shrink:0}.agent-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.bind-agent-wrapper{position:relative;width:100%}.bind-agent-button{width:100%;padding:8px 16px;background:var(--primary-color, #366EF4);color:#fff;border:none;border-radius:var(--radius-sm, 4px);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #366ef433}.bind-agent-button:hover:not(:disabled){background:var(--primary-hover, #4080FF);box-shadow:0 4px 8px #366ef44d;transform:translateY(-1px)}.bind-agent-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #366ef433}.bind-agent-button:disabled{opacity:.5;cursor:not-allowed;background:var(--primary-color, #366EF4);box-shadow:none;transform:none}.bind-agent-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.agent-info,.client-card-agent .bind-agent-wrapper{position:relative}.bind-dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:all .15s ease}.bind-dropdown-item:hover{background:var(--bg-hover)}.bind-dropdown-item svg{color:var(--primary-color);flex-shrink:0}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);gap:16px;height:100%}.qr-code-button{width:32px;height:32px;border-radius:50%;background:var(--bg-white, #FFFFFF);border:2px solid var(--bg-white, #FFFFFF);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0000001a;color:var(--text-secondary, #61616A);flex-shrink:0}.qr-code-button:hover{background:var(--primary-color, #366EF4);color:#fff;transform:scale(1.05);box-shadow:0 2px 6px #366ef44d}.qr-code-button:active{transform:scale(.95)}.qr-code-button svg{flex-shrink:0}.refresh-client-button{width:18px;height:18px;border-radius:4px;border:none;background:transparent;color:#86909c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0;padding:0;flex-shrink:0}.client-status:hover .refresh-client-button{opacity:1}.refresh-client-button:hover:not(:disabled){background:#f2f3f5;color:var(--primary-color, #366EF4)}.refresh-client-button:active:not(:disabled){transform:scale(.95)}.refresh-client-button:disabled{opacity:.5;cursor:not-allowed}.refresh-client-button .spinning{animation:spin 1s linear infinite}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.qr-modal-content{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000026;max-width:400px;width:90%;max-height:90vh;overflow:hidden}.qr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.qr-modal-header h3{margin:0;font-size:16px;font-weight:500;color:var(--text-primary)}.qr-modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease}.qr-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.qr-modal-body{padding:24px;display:flex;flex-direction:column;min-height:200px}.qr-loading,.qr-error{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary)}.qr-error{color:#ff4d4f}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-region-guess-hint{margin:0 0 12px;font-size:13px;color:#0000008c;line-height:1.5}.qr-region-guess-hint.ok{color:#1677fff2}.qr-region-guess-hint.ok strong{font-weight:600}.qr-wework-mode-toggle{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;color:var(--text-secondary, rgba(0, 0, 0, .65));cursor:pointer;-webkit-user-select:none;user-select:none}.qr-wework-mode-toggle input{cursor:pointer}.qr-wework-push-hint{margin:8px 0 12px}.qr-wework-verify{margin:12px 0;width:100%}.qr-wework-verify-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}.qr-wework-verify-input{flex:1;min-width:120px;padding:10px 12px;border:1px solid var(--border-color, rgba(0, 0, 0, .12));border-radius:var(--radius-sm);font-size:16px;letter-spacing:.2em;text-align:center}.qr-wework-verify-submit{padding:10px 16px;border:none;border-radius:var(--radius-sm);background:var(--primary-color, #366EF4);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.qr-wework-verify-submit:disabled{opacity:.55;cursor:not-allowed}.qr-region-collapsed{margin-bottom:4px}.qr-region-option-single{flex-direction:column;align-items:stretch;gap:4px;text-align:center}.qr-region-expand-hint{display:block;font-size:12px;font-weight:400;color:#366ef4e6;margin-top:2px}.qr-region-selector{display:flex;flex-direction:column;gap:16px}.qr-region-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding-right:4px}.qr-region-option{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-primary);cursor:pointer;transition:all .15s ease;text-align:left}.qr-region-option:hover{border-color:var(--primary-color, #366EF4);background:#366ef40a}.qr-region-option.selected{border-color:var(--primary-color, #366EF4);background:#366ef414;box-shadow:inset 0 0 0 1px #366ef42e}.qr-region-name{font-size:14px;font-weight:500}.qr-region-actions{display:flex}.qr-region-confirm{width:100%;border:none;border-radius:var(--radius-sm);background:var(--primary-color, #366EF4);color:#fff;font-size:14px;font-weight:600;padding:12px 16px;cursor:pointer;transition:all .15s ease}.qr-region-confirm:hover{filter:brightness(.98)}.qr-region-confirm:disabled{opacity:.55;cursor:not-allowed;filter:none}.qr-region-current{margin:0;font-size:13px;color:var(--text-primary);background:#366ef414;border-radius:var(--radius-sm);padding:8px 12px}.qr-login-result{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0}.qr-login-result-indicator{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.qr-login-result-indicator.refreshing{background:#366ef414;color:var(--primary-color, #366EF4)}.qr-login-result-indicator.success{background:#52c41a1f;color:#389e0d}.qr-login-result-ok{font-size:18px;font-weight:700;letter-spacing:.04em}.qr-login-result-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);text-align:center}.qr-login-result-meta{width:100%;display:flex;flex-direction:column;gap:10px}.qr-login-result-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-gray, #F7F8FA);font-size:13px}.qr-login-result-label{color:var(--text-secondary);flex-shrink:0}.qr-login-result-value{color:var(--text-primary);text-align:right;word-break:break-all}.qr-code-image{width:200px;height:200px;object-fit:contain;border:1px solid var(--border-light);border-radius:var(--radius-sm)}.qr-tip{margin:0;font-size:14px;color:var(--text-secondary);text-align:center}.bind-modal-form{width:100%;display:flex;flex-direction:column;gap:16px}.bind-modal-label{font-size:14px;font-weight:500;color:var(--text-primary)}.bind-modal-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);background:var(--bg-white);transition:all .15s ease;box-sizing:border-box}.bind-modal-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff1a}.bind-modal-input:disabled{opacity:.6;cursor:not-allowed}.bind-modal-error{font-size:13px;color:#ff4d4f;padding:8px 12px;background:#ff4d4f1a;border-radius:var(--radius-sm);border-left:3px solid #FF4D4F}.bind-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.bind-modal-cancel,.bind-modal-submit{padding:8px 20px;border-radius:var(--radius-sm, 4px);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;display:flex;align-items:center;gap:6px;box-shadow:0 1px 3px #0000001a}.bind-modal-cancel{background:var(--bg-gray, #F5F5F5);color:var(--text-primary, #262626)}.bind-modal-cancel:hover:not(:disabled){background:var(--border-color, #E8E8E8);box-shadow:0 2px 4px #00000026}.bind-modal-cancel:active:not(:disabled){transform:scale(.98)}.bind-modal-submit{background:var(--primary-color, #366EF4);color:#fff;box-shadow:0 2px 4px #366ef433}.bind-modal-submit:hover:not(:disabled){background:var(--primary-hover, #4080FF);box-shadow:0 4px 8px #366ef44d;transform:translateY(-1px)}.bind-modal-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #366ef433}.bind-modal-submit:disabled{opacity:.5;cursor:not-allowed;background:var(--primary-color, #366EF4);box-shadow:none;transform:none}.bind-modal-submit .spinner{animation:spin 1s linear infinite}.voice-config-modal-content{max-width:640px;max-height:96vh;display:flex;flex-direction:column}.voice-config-modal-content .qr-modal-header{flex-shrink:0}.voice-config-modal-content .qr-modal-body{flex:1;min-height:0;overflow-y:auto;padding:16px 20px}.voice-config-modal-content .qr-modal-header h3.voice-config-modal-heading{min-width:0;flex:1;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-config-form{display:flex;flex-direction:column;gap:12px}.voice-config-section{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-gray)}.voice-config-section-title{font-size:14px;font-weight:600;color:var(--text-primary)}.voice-config-source-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.voice-config-source-row .voice-config-section-title{flex-shrink:0}.voice-config-source-row .voice-config-radio-group{flex:1 1 auto;min-width:0}.voice-config-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.voice-config-doc-link{font-size:12px;font-weight:500;color:var(--primary-color, #366EF4);text-decoration:none;white-space:nowrap}.voice-config-doc-link:hover{text-decoration:underline}.voice-config-gender-search-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:10px}.voice-config-gender-search-row .voice-config-gender-tabs{flex-shrink:0}.voice-config-radio-group{display:flex;gap:16px}.voice-config-radio-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-primary)}.voice-config-gender-tabs{display:flex;gap:8px}.voice-config-gender-tab{padding:6px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-white);color:var(--text-primary);cursor:pointer}.voice-config-gender-tab.active{border-color:var(--primary-color, #366EF4);background:#366ef414;color:var(--primary-color, #366EF4)}.voice-config-presets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.voice-config-presets-scroll{max-height:min(720px,max(200px,calc(100vh - 248px)));overflow-y:auto;padding-right:4px}.voice-config-presets-empty{grid-column:1 / -1;padding:16px;text-align:center;font-size:13px;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:8px}.voice-config-preset-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-white);color:var(--text-primary);text-align:left;cursor:pointer}.voice-config-preset-card:focus-visible{border-color:var(--primary-color, #366EF4);box-shadow:0 0 0 2px #366ef41f;outline:none}.voice-config-preset-main{flex:1 1 auto;min-width:0}.voice-config-preset-name{flex:1 1 auto;min-width:0;font-size:13px;font-weight:600;line-height:1.35}.voice-config-preset-actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px}.voice-config-preset-edit-button,.voice-config-preset-preview-button{flex:0 0 30px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-white);color:var(--text-secondary);cursor:pointer}.voice-config-preset-edit-button:hover:not(:disabled),.voice-config-preset-edit-button.active,.voice-config-preset-preview-button:hover:not(:disabled),.voice-config-preset-preview-button.active{border-color:var(--primary-color, #366EF4);color:var(--primary-color, #366EF4);background:#366ef414}.voice-config-preset-edit-button:disabled,.voice-config-preset-preview-button:disabled{opacity:.55;cursor:not-allowed}.voice-config-preset-edit-button .spinner,.voice-config-preset-preview-button .spinner{animation:spin 1s linear infinite}.voice-config-preset-badge{flex-shrink:0;align-self:center;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:#366ef41f;color:var(--primary-color, #366EF4)}.voice-config-preset-card.active{border-color:var(--primary-color, #366EF4);background:#366ef414;color:var(--primary-color, #366EF4)}.voice-config-field-label{display:block;margin-top:10px;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.voice-config-section>.voice-config-section-title+.voice-config-field-label{margin-top:0}.voice-config-preview-input-row{display:flex;flex-direction:column}.voice-config-preview-input-row .voice-config-field-label{margin-top:0}.voice-config-preview-note{margin-top:6px;font-size:12px;line-height:1.4;color:var(--text-secondary)}.voice-config-text-input{width:100%;box-sizing:border-box;padding:9px 10px;border-radius:8px;border:1px solid var(--border-color, #d9d9d9);background:var(--bg-white, #fff);color:var(--text-primary);font-size:13px;outline:none}.voice-config-text-input:focus{border-color:var(--primary-color, #366EF4);box-shadow:0 0 0 2px #366ef41f}.voice-config-text-input:disabled{opacity:.6;cursor:not-allowed}.voice-config-gender-search-row .voice-config-text-input{width:auto;flex:1 1 160px;min-width:0}.voice-config-modal-actions{margin-top:4px}.voice-preview-text-modal-content{max-width:520px}.voice-preview-text-loading{flex-direction:row;align-items:center;justify-content:center;min-height:140px}.voice-config-textarea{min-height:120px;resize:vertical;line-height:1.5}.voice-preview-text-status{flex-shrink:0;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:500}.voice-preview-text-status.default{background:#366ef414;color:var(--primary-color, #366EF4)}.voice-preview-text-status.custom{background:#10b9811f;color:#0f8a63}.manual-notify-settings{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px}.manual-notify-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.manual-notify-counts{font-size:12px;color:var(--text-secondary)}.manual-notify-button{padding:6px 10px;border-radius:8px;border:1px solid var(--border-light, #F0F0F0);background:var(--bg-white, #FFFFFF);color:var(--text-primary, #262626);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;font-size:12px;font-weight:500;box-shadow:0 1px 2px #0000000d}.manual-notify-button:hover:not(:disabled){border-color:var(--primary-color, #366EF4);color:var(--primary-color, #366EF4);background:var(--bg-gray, #F5F5F5);box-shadow:0 2px 4px #366ef41a}.manual-notify-button:active:not(:disabled){transform:scale(.98)}.manual-notify-button:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-white, #FFFFFF);box-shadow:none}.notify-modal-content{width:calc(100vw - 48px);max-width:calc(100vw - 48px);background:var(--bg-white);border-radius:12px;overflow:hidden;box-shadow:0 16px 40px #0000002e}.notify-sections{display:flex;gap:16px;width:100%}.notify-sections .notify-section{flex:1;min-width:0}.notify-section{flex:1;min-width:0;border:1px solid var(--border-light);border-radius:12px;padding:16px;background:var(--bg-gray);display:flex;flex-direction:column;max-height:70vh}.notify-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.notify-section-title{font-size:14px;font-weight:600;color:var(--text-primary)}.notify-section-meta{font-size:12px;color:var(--text-secondary)}.notify-search-input{margin-top:10px;padding:9px 10px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-primary);font-size:13px;outline:none}.notify-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007aff1f}.notify-list{margin-top:12px;overflow:auto;padding-right:4px;flex:1;min-height:0;display:flex;flex-direction:column;align-items:flex-start}.notify-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;margin-bottom:10px;width:100%}.notify-row.selected{border-color:#007aff80;background:#007aff0a}.notify-row-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.notify-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid var(--border-light);background:var(--bg-white);flex-shrink:0}.notify-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-secondary);background:var(--bg-gray)}.notify-info{flex:1;min-width:0}.notify-name{font-size:14px;font-weight:600;color:var(--text-primary);word-break:break-word;line-height:1.4}.notify-id{margin-top:4px;font-size:12px;color:var(--text-secondary);word-break:break-all;line-height:1.4}.notify-row-removable .blocked-word-item{flex-shrink:0;margin-left:auto}.notify-section-add{margin-top:10px;display:flex;flex-direction:column;gap:8px}.own-people-picker{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg-gray, #f5f5f5);border-radius:8px;border:1px solid var(--border-light)}.own-people-picker-item{padding:8px 12px;text-align:left;font-size:13px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-white);cursor:pointer;transition:background .15s,border-color .15s}.own-people-picker-item:hover{background:#366ef414;border-color:var(--primary-color)}.notify-toggle{border:none;padding:7px 12px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;flex-shrink:0;transition:all .15s ease;box-shadow:0 1px 3px #0000001a}.notify-toggle.primary{background:var(--primary-color, #366EF4);color:#fff;box-shadow:0 2px 4px #366ef433}.notify-toggle.primary:hover:not(:disabled){background:var(--primary-hover, #4080FF);box-shadow:0 4px 8px #366ef44d;transform:translateY(-1px)}.notify-toggle.danger{background:#ff4d4f;color:#fff;box-shadow:0 2px 4px #ff4d4f33}.notify-toggle.danger:hover:not(:disabled){background:#ff7875;box-shadow:0 4px 8px #ff4d4f4d;transform:translateY(-1px)}.notify-toggle:active:not(:disabled){transform:translateY(0)}.notify-toggle:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.notify-loading,.notify-empty,.notify-error{margin-top:0;padding:12px;border-radius:12px;border:1px dashed var(--border-light);background:var(--bg-white);color:var(--text-secondary);font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.notify-error{color:#ff4d4f;border-style:solid;border-color:#ff4d4f59}.blocked-words-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px;margin-top:12px;flex:1;min-height:0;align-items:flex-start}.blocked-word-item{display:flex;align-items:center;padding:10px 12px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:8px}.blocked-word-text{font-size:13px;color:var(--text-primary);word-break:break-word}.opening-tabs{display:flex;gap:0;margin-bottom:12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.opening-tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-secondary, #6b7280);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s,border-color .15s}.opening-tab:hover{color:var(--text-primary, #1f2937)}.opening-tab.active{color:var(--primary-color, #366EF4);border-bottom-color:var(--primary-color, #366EF4)}.opening-tab-panel{margin-top:4px}.new-group-config .new-group-config-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.new-group-config .new-group-config-row .switch-toggle{flex-shrink:0;width:40px;height:22px}.new-group-config .new-group-config-row .switch-slider{border-radius:22px}.new-group-config .new-group-config-row .switch-slider:before{height:18px;width:18px;left:2px;border-radius:50%;box-shadow:0 1px 2px #0003}.new-group-config .new-group-config-row .switch-toggle input:checked+.switch-slider:before{transform:translate(18px,-50%)}.new-group-config .new-group-config-row .switch-label{font-size:14px;color:var(--text-primary, #1f2937);font-weight:500}.new-group-config-list{display:flex;flex-direction:column;gap:8px}.new-group-config-item{cursor:move}.new-group-add-button{margin-top:8px;padding:8px 16px;background:var(--primary-color, #366EF4);color:#fff;border:none;border-radius:var(--radius-sm, 4px);font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 4px #366ef433;opacity:0}.new-group-add-button:hover:not(:disabled){background:var(--primary-hover, #4080FF);box-shadow:0 4px 8px #366ef44d;transform:translateY(-1px)}.new-group-add-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #366ef433}.new-group-config:hover .new-group-add-button{opacity:1}@media (max-width: 900px){.notify-modal-content{width:calc(100vw - 48px)}.notify-sections{flex-direction:column}.notify-section{min-width:100%;max-height:48vh}}.voice-config-preset-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.voice-config-preset-tag{font-size:10px;background-color:var(--primary-color-light, rgba(54, 110, 244, .1));color:var(--primary-color, #366EF4);padding:1px 6px;border-radius:4px;white-space:nowrap;font-weight:500;border:.5px solid var(--primary-color-alpha, rgba(54, 110, 244, .2))}.voice-config-preset-card.active .voice-config-preset-tag{background-color:var(--primary-color, #366EF4);color:#fff;border-color:transparent}.document-knowledge-view{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-white);overflow:hidden;min-height:0;position:relative}.feishu-title-mask{position:absolute;top:0;left:0;width:500px;height:54px;background-color:#fff;z-index:10;pointer-events:auto;display:flex;align-items:center;gap:8px;padding-left:16px;font-size:16px;font-weight:600;color:var(--text-primary, #2B3544)}.feishu-title-text{flex-shrink:0}.feishu-title-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-secondary, #8c8c8c);cursor:pointer;border-radius:6px;transition:all .2s ease}.feishu-title-close:hover{background:#0000000f;color:var(--text-primary, #2B3544)}.feishu-doc-iframe{width:100%;height:100%;min-height:0;border:none;flex:1;margin-top:-8px}.loading-message{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:14px}.url-input-container{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.url-input-box{width:100%;max-width:600px;background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.url-input-box h3{margin:0 0 10px;font-size:18px;color:#333}.input-hint{margin:0 0 20px;color:#666;font-size:14px}.input-group{display:flex;gap:10px}.url-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s}.url-input:focus{border-color:#366ef4}.url-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.save-button{padding:10px 20px;background-color:#366ef4;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#2952cc}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{margin-top:10px;color:#ff4d4f;font-size:12px}.knowledge-memory{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-white)}.knowledge-content{flex:1;overflow:hidden;height:100%;display:flex;flex-direction:column}.statistics-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;min-width:140px;transition:box-shadow .2s,border-color .2s}.statistics-card:hover{border-color:var(--border-light);box-shadow:0 2px 8px #0000000f}.statistics-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.statistics-card-title{font-size:.875rem;color:var(--text-secondary)}.statistics-card-icon{color:var(--primary-color);opacity:.8}.statistics-card-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.statistics-card-subtitle{font-size:.75rem;color:var(--text-placeholder);margin-top:.25rem}.time-trend-chart{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.time-trend-chart-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.time-trend-chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.time-trend-period-tabs{display:flex;gap:.25rem}.time-trend-period-tab{padding:.35rem .75rem;font-size:.8125rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-secondary);cursor:pointer;transition:all .2s}.time-trend-period-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.time-trend-period-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.time-trend-chart-body{padding:1rem 1.25rem;min-height:280px}.time-trend-chart-loading,.time-trend-chart-empty{display:flex;align-items:center;justify-content:center;min-height:240px;color:var(--text-placeholder);font-size:.875rem}.message-type-chart{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease;flex:1}.message-type-chart.collapsed{height:fit-content}.message-type-chart-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.message-type-chart:not(.collapsed) .message-type-chart-header{border-bottom:1px solid var(--border-light)}.message-type-chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.chart-collapse-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:background-color .2s}.chart-collapse-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.message-type-chart-body{padding:1rem;min-height:220px}.message-type-chart-loading,.message-type-chart-empty{display:flex;align-items:center;justify-content:center;min-height:180px;color:var(--text-placeholder);font-size:.875rem}.conversation-type-chart{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease;flex:1}.conversation-type-chart.collapsed{height:fit-content}.conversation-type-chart-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.conversation-type-chart:not(.collapsed) .conversation-type-chart-header{border-bottom:1px solid var(--border-light)}.conversation-type-chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.conversation-type-chart-body{padding:1rem;min-height:220px}.conversation-type-chart-loading,.conversation-type-chart-empty{display:flex;align-items:center;justify-content:center;min-height:180px;color:var(--text-placeholder);font-size:.875rem}.agent-stats-table{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease}.agent-stats-table.collapsed{height:fit-content}.agent-stats-table-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.agent-stats-table:not(.collapsed) .agent-stats-table-header{border-bottom:1px solid var(--border-light)}.agent-stats-table-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.agent-stats-table-body{padding:1rem 1.25rem;overflow-x:auto}.agent-stats-table-loading,.agent-stats-table-empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--text-placeholder);font-size:.875rem}.agent-stats-table-grid{width:100%;border-collapse:collapse;font-size:.875rem}.agent-stats-table-grid th,.agent-stats-table-grid td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border-light)}.agent-stats-table-grid th{color:var(--text-secondary);font-weight:500}.agent-stats-table-grid td{color:var(--text-primary)}.agent-stats-table-grid tbody tr:hover{background:var(--bg-hover)}.agent-stats-table-grid tbody tr:last-child td{border-bottom:none}.label-conversion-stats{background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:1.5rem;overflow:hidden}.stats-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.stats-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.stats-content{padding:1rem 1.25rem}.stats-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.select-tags-btn{display:flex;align-items:center;gap:6px;background-color:var(--bg-white);border:1.5px solid var(--primary-color);color:var(--primary-color);padding:6px 16px;border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500}.select-tags-btn:hover:not(:disabled){background-color:var(--primary-bg);border-color:var(--primary-hover);color:var(--primary-hover)}.select-tags-btn:disabled{opacity:.55;cursor:not-allowed}.selected-tags-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.selected-tag-item{display:flex;align-items:center;gap:6px;background-color:var(--tag-green-bg);border:1.5px solid var(--tag-green);color:var(--tag-green);padding:4px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}.selected-tag-item .remove-tag-icon{color:var(--tag-green)}.remove-tag-icon{cursor:pointer;opacity:.65;transition:opacity .2s}.selected-tag-item .remove-tag-icon:hover{opacity:1;color:var(--tag-red)}.stats-summary-grid{display:flex;align-items:center;justify-content:flex-start;gap:32px;flex-wrap:wrap}.stats-summary-item{display:flex;align-items:baseline;gap:8px}.item-label{font-size:.9rem;color:var(--text-secondary);white-space:nowrap}.item-value{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap}@media (max-width: 1024px){.stats-summary-grid{gap:20px}}.statistics{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-page);overflow-y:auto}.statistics-header{height:56px;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--bg-white);position:sticky;top:0;z-index:10}.statistics-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.statistics-controls{display:flex;align-items:center;gap:1rem}.statistics-date-range{display:flex;align-items:center;gap:.75rem}.statistics-date-range label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.statistics-date-input{padding:.4rem .6rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-primary);background:var(--bg-white);transition:border-color .2s}.statistics-date-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.statistics-refresh-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s,opacity .2s;opacity:0;pointer-events:none;flex-shrink:0}.statistics-header:hover .statistics-refresh-btn{opacity:1;pointer-events:auto}.statistics-refresh-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.statistics-refresh-btn svg{flex-shrink:0}.statistics-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.statistics-content{flex:1;padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.statistics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.statistics-section{width:100%}.statistics-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.statistics-section-grid-half{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.statistics-sub-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.statistics-sub-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.statistics-sub-card-content{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.statistics-sub-card-item{font-size:.875rem;color:var(--text-primary)}@media (max-width: 768px){.statistics-header{flex-direction:column;align-items:flex-start;gap:1rem}.statistics-controls{width:100%;flex-direction:column;align-items:stretch}.statistics-date-range{flex-direction:column;align-items:stretch}.statistics-section-grid,.statistics-section-grid-half{grid-template-columns:1fr}.statistics-overview{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.marketing-rule-list{position:absolute;left:0;top:0;bottom:0;width:25%;background-color:var(--bg-white);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.task-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.task-toolbar-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);flex-shrink:0}.task-toolbar-search{flex:1;min-width:0}.task-toolbar-quiet{position:relative;flex-shrink:0}.task-toolbar-quiet-display{font-size:12px;color:var(--text-secondary);white-space:nowrap}.task-toolbar-quiet-editor{display:none;align-items:center;gap:6px}.task-toolbar:hover .task-toolbar-quiet-display{display:none}.task-toolbar:hover .task-toolbar-quiet-editor{display:inline-flex}.task-toolbar-quiet-switch{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.task-toolbar-quiet-time{height:30px;min-width:88px;padding:0 6px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-primary);font-size:12px}.task-toolbar-quiet-time:disabled{background:var(--bg-gray);color:var(--text-placeholder)}.task-search-icon-btn{width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.task-search-icon-btn:hover{color:var(--primary-color);background:var(--primary-light)}.task-search-input{width:100%;height:36px;padding:0 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-white);font-family:inherit;transition:all .15s ease}.task-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.task-search-input::placeholder{color:var(--text-placeholder)}.create-task-button{width:32px;height:32px;padding:0;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;flex-shrink:0}.create-task-button:hover{background:var(--primary-hover)}.create-task-button-exit{width:36px;padding:0;border-radius:50%;background:#ef4444;justify-content:center}.create-task-button-exit:hover{background:#dc2626}.create-task-button-exit span{display:none}.create-task-button-exit svg{transition:transform .3s ease}.create-task-button-exit:hover svg{transform:translate(2px)}.task-list-section{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.task-list-header{padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-gray);flex-shrink:0}.task-list-title{font-size:13px;font-weight:500;color:var(--text-secondary)}.task-list{flex:1;overflow-y:auto;min-height:0}.task-list-content{min-height:100%;display:flex;flex-direction:column}.task-completed-section{border-top:1px solid var(--border-light);background:linear-gradient(180deg,#0f172a04,#0f172a08)}.task-completed-toggle{width:100%;border:none;background:transparent;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:var(--text-primary);transition:background .15s ease}.task-completed-toggle:hover{background:#0f172a0a}.task-completed-toggle-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.task-completed-toggle-title{font-size:14px;font-weight:600}.task-completed-toggle-subtitle{font-size:12px;color:var(--text-secondary)}.task-completed-toggle-meta{display:flex;align-items:center;gap:8px;color:var(--text-secondary);flex-shrink:0}.task-completed-count{min-width:22px;height:22px;border-radius:999px;background:#0f172a14;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.task-completed-list{border-top:1px solid var(--border-light)}.task-item{display:flex;align-items:stretch;padding:0;cursor:pointer;transition:all .15s ease;border-bottom:1px solid var(--border-light);position:relative}.task-item:hover{background:var(--bg-hover)}.task-item-dragging{opacity:.9;box-shadow:0 4px 12px #0000001f;z-index:1}.task-drag-handle{flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:grab;border-right:1px solid var(--border-light);opacity:0;pointer-events:none;background:transparent}.task-drag-handle:active{cursor:grabbing}.task-item:hover .task-drag-handle{opacity:1;pointer-events:auto;background:var(--bg-hover)}.task-drag-handle-static{opacity:0;pointer-events:none;border-right:none}.task-item-placeholder .task-item-inner{visibility:hidden}.task-item-over:after{content:"";position:absolute;left:0;right:0;top:0;bottom:auto;height:2px;background:var(--primary-color)}.task-item-overlay{background:var(--bg-white);box-shadow:0 8px 20px #0000002e;transform:scale(1.02);border-bottom:1px solid var(--border-light)}.task-item-inner{flex:1;min-width:0;padding:12px 16px;position:relative}.task-item.active{background:linear-gradient(90deg,#366ef414,#366ef405)}.task-item.active .task-item-inner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color)}.task-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.task-item-name{font-size:14px;font-weight:500;color:var(--text-primary)}.task-item-actions{display:flex;align-items:center;gap:8px}.task-item-switch-wrap{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.task-item-log-btn{width:28px;height:28px;padding:0;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#fff;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease,background .15s ease}.task-item-log-btn:hover{border-color:#366ef459;color:var(--primary-color);background:#366ef40f}.task-item-log-btn.active{border-color:#366ef473;color:var(--primary-color);background:#366ef41a}.task-item-switch-input{position:absolute;width:0;height:0;opacity:0}.task-item-switch-slider{position:relative;width:36px;height:20px;background:var(--border-color);border-radius:10px;transition:background .2s ease}.task-item-switch-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.task-item-switch-input:checked+.task-item-switch-slider{background:var(--primary-color)}.task-item-switch-input:checked+.task-item-switch-slider:before{transform:translate(16px)}.task-item-action-btn{height:28px;padding:0 10px;border-radius:8px;border:1px solid rgba(15,23,42,.1);background:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;transition:border-color .15s ease,background .15s ease,color .15s ease}.task-item-action-btn:hover{border-color:#366ef459}.task-item-action-btn:disabled{cursor:not-allowed;opacity:.72}.task-item-action-btn--icon-only{width:28px;min-width:28px;padding:0;gap:0;flex-shrink:0}.task-item-complete-btn{color:#047857;background:#10b98114;border-color:#10b9812e;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease,border-color .15s ease}.task-item-complete-btn:hover{background:#10b98124;border-color:#10b9814d}.task-item:hover .task-item-complete-btn{opacity:1;pointer-events:auto}.task-item-restore-btn{color:#1d4ed8;background:#3b82f614;border-color:#3b82f62e}.task-item-restore-btn:hover{background:#3b82f624;border-color:#3b82f64d}.task-item-delete-btn{width:24px;height:24px;padding:0;border:1px solid var(--tag-red);border-radius:6px;background:transparent;color:var(--tag-red);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease;opacity:0}.task-item-delete-btn:hover{background:var(--tag-red);color:#fff}.task-item:hover .task-item-delete-btn{opacity:1}.task-item-preview{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary);min-width:0}.task-item-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.task-item-meta-sep{flex-shrink:0;color:var(--text-placeholder);-webkit-user-select:none;user-select:none}.task-item-meta-item{word-break:break-word;overflow-wrap:break-word;white-space:normal}.task-item-meta-template{color:var(--primary-color)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;color:var(--text-secondary);gap:16px}.empty-state .empty-illustration{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#366ef41a,#5b8ff91a);display:flex;align-items:center;justify-content:center;color:var(--primary-color);margin-bottom:8px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state .empty-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.empty-state .empty-description{font-size:14px;color:var(--text-secondary);margin:0;text-align:center;max-width:300px}.marketing-rule-detail{flex:1;height:100%;background-color:var(--bg-white);display:flex;flex-direction:column;overflow:hidden}.detail-header{height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.detail-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.detail-title-input{font-family:inherit;font-size:18px;font-weight:600;color:var(--text-primary);margin:0;padding:8px 12px;border:1px solid transparent;border-radius:6px;background:transparent;outline:none;transition:border-color .2s,background .2s;width:300px}.detail-title-input:hover{background:#00000005}.detail-title-input:focus{border-color:var(--primary-color);background:#fff}.detail-actions{display:flex;align-items:center;gap:8px}.detail-save-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;border:none;background:var(--primary-color);color:#fff;cursor:pointer;transition:background .15s ease,opacity .15s ease}.detail-save-button:hover:not(:disabled){background:var(--primary-hover)}.detail-save-button:disabled{opacity:.5;cursor:not-allowed}.detail-save-button .spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.save-button,.delete-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;border:none;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.save-button{background:var(--primary-color);color:#fff}.save-button:hover:not(:disabled){background:var(--primary-hover)}.save-button:disabled{opacity:.5;cursor:not-allowed}.detail-header .delete-button{opacity:0;transition:opacity .15s ease}.detail-header:hover .delete-button{opacity:1}.delete-button{background:transparent;color:var(--tag-red);border:1px solid var(--tag-red)}.delete-button:hover{background:var(--tag-red);color:#fff}.detail-content-layout{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.detail-content-left{flex:1;overflow-y:auto;padding:0 24px 24px;min-width:0}.trigger-conditions-section{margin-bottom:24px;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-gray)}.trigger-conditions-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.trigger-conditions-header .section-title{margin:0;flex-shrink:0}.trigger-conditions-header .time-type-dropdown{flex-shrink:0;width:auto;min-width:160px}.trigger-conditions-header .time-type-dropdown-trigger{padding:6px 12px;font-size:13px}.trigger-content{margin-top:0}.days-after-creation-row .form-label{margin-bottom:8px}.days-after-creation-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.days-after-creation-head .form-label{margin-bottom:0}.days-after-creation-mode-switch{display:inline-flex;align-items:center}.days-after-creation-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.days-after-creation-inputs .form-input{width:auto;min-width:60px}.days-after-creation-inputs .form-input[type=number]{width:64px}.hour-stepper{display:inline-flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);overflow:hidden}.hour-stepper-btn{width:28px;height:34px;border:none;background:var(--bg-gray);color:var(--text-primary);font-size:16px;line-height:1;cursor:pointer}.hour-stepper-btn:hover{background:var(--primary-light);color:var(--primary-color)}.hour-stepper-input.form-input[type=number]{width:72px;min-width:72px;border:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-radius:0;text-align:center;padding:6px 4px}.hour-stepper-input.form-input[type=number]:focus{box-shadow:none}.days-after-creation-inputs .time-input-with-now{flex-shrink:0}.fixed-time-select{display:inline-flex;align-items:center;gap:6px}.fixed-time-select-hour,.fixed-time-select-minute{min-width:74px}.fixed-time-picker{position:relative}.fixed-time-picker-trigger{min-width:74px;height:42px;padding:10px 28px 10px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;color:var(--text-primary);font-size:14px;line-height:20px;cursor:pointer;text-align:center;position:relative}.fixed-time-picker-trigger:after{content:"";position:absolute;right:10px;top:50%;width:10px;height:10px;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:10px}.fixed-time-picker-trigger.open{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.fixed-time-picker-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;max-height:220px;overflow-y:auto;background:#fff;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:999;padding:6px}.fixed-time-picker-item{width:100%;border:none;background:transparent;border-radius:8px;padding:8px 10px;text-align:center;font-size:14px;color:var(--text-primary);cursor:pointer}.fixed-time-picker-item:hover{background:#366ef414}.fixed-time-picker-item.active{background:var(--primary-color);color:#fff;font-weight:600}.fixed-time-select-colon{font-weight:600;color:var(--text-secondary)}.days-after-creation-sep{font-size:14px;color:var(--text-secondary)}.now-button{margin-left:8px;padding:4px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.now-button:hover,.now-button.active{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.extraction-buttons{display:flex;gap:12px;margin-bottom:16px}.extraction-btn{flex:1;padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .15s ease}.extraction-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.selection-row{display:flex;gap:12px;margin-bottom:24px}.select-keywords-btn{flex:1;padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .15s ease}.select-keywords-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.template-select{flex:1;padding:10px 36px 10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;color:var(--text-primary);font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .15s ease;font-family:inherit}.template-select:hover{border-color:var(--primary-color);background-color:var(--bg-gray)}.template-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);background-color:var(--bg-white)}.conversation-filter-section{margin-bottom:24px;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-gray)}.conversation-filter-content{margin-top:12px}.message-binding-section{margin-bottom:16px;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-gray)}.message-binding-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.template-binding-label{font-size:13px;font-weight:500;color:var(--text-secondary);flex-shrink:0}.template-binding-value{display:inline-flex;align-items:center;gap:10px;flex:1;min-width:0}.template-binding-value .bound-template-name{border:none;background:transparent;padding:0;font-family:inherit;font-size:14px;font-weight:500;color:var(--primary-color);cursor:pointer}.template-binding-value .no-template-hint{font-size:13px;color:var(--text-secondary)}@media (max-width: 900px){.template-binding-label{display:none}}.template-binding-policy-hint{margin:8px 0 0;font-size:12px;line-height:1.45;color:var(--text-secondary)}.clear-binding-btn{flex-shrink:0;margin-left:auto;padding:4px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.clear-binding-btn:hover{border-color:var(--tag-red);color:var(--tag-red);background:#ff4d4f0f}.template-binding-content{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.template-binding-content-line{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}.template-binding-content-line:not(:last-child){border-bottom:1px solid var(--border-light, #f0f0f0)}.template-binding-type-badge{flex-shrink:0;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.template-binding-type-badge-fixed,.template-binding-type-badge-text{background:var(--bg-hover, #f3f4f6);color:var(--text-secondary)}.template-binding-type-badge-image{background:#16a34a1f;color:#15803d}.template-binding-type-badge-video{background:#dc26261f;color:#b91c1c}.template-binding-type-badge-file{background:#7c3aed1f;color:#6d28d9}.template-binding-type-badge-smart{background:#fef3c7;color:#92400e}.template-binding-type-badge-invite{background:#22c55e1f;color:#16a34a}.template-binding-content-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.section-header-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-header-inline .section-title{margin:0}.section-header-inline .checkbox-label{display:inline-flex;align-items:center;gap:8px;margin:0}.selector-dropdown{margin-top:8px;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);max-width:380px;box-shadow:0 6px 18px #00000014}.panel-search-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-gray);font-size:14px;margin-bottom:10px}.panel-search-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-white);box-shadow:0 0 0 2px var(--primary-light)}.selector-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.settings-recipient-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-gray)}.settings-recipient-row.selected{border-color:var(--primary-color);background:var(--primary-light)}.notify-row-left{display:flex;align-items:center;gap:12px}.notify-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--bg-gray);flex-shrink:0}.notify-avatar img{width:100%;height:100%;object-fit:cover}.notify-info{display:flex;flex-direction:column;gap:2px;min-width:0}.notify-name{font-size:13px;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notify-id{font-size:11px;color:var(--text-secondary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.notify-toggle{padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-secondary);font-size:13px;cursor:pointer}.notify-toggle.primary{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.message-templates-section{flex:1;min-width:420px;border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.templates-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.new-template-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s ease}.new-template-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.templates-list{flex:1;overflow-y:auto;padding:12px}.template-item{padding:12px;margin-bottom:8px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);cursor:pointer;transition:all .15s ease}.template-item:hover,.template-item.active{border-color:var(--primary-color);background:var(--primary-light)}.template-item.editing{cursor:default}.template-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.template-type-badge{font-size:11px;padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0}.template-type-badge-fixed{color:var(--primary-color);background:var(--primary-light)}.template-type-badge-smart{color:#0891b2;background:#0891b21f}.template-type-badge:not([class*=template-type-badge-]){background:var(--bg-gray);color:var(--text-secondary)}.template-edit-btn{margin-left:auto;padding:4px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.template-edit-btn:hover{color:var(--primary-color);background:var(--primary-light)}.template-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1;min-width:0}.template-content,.template-content-preview{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.template-edit-form{padding:0}.template-edit-form-layout{display:flex;gap:16px;align-items:stretch;min-height:160px;position:relative}.template-edit-save-btn{position:absolute;top:8px;right:8px;padding:6px 12px;border:none;border-radius:var(--radius-md);background:var(--primary-color);color:#fff;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s ease}.template-edit-save-btn:hover{background:var(--primary-hover)}.template-edit-left{flex:0 0 180px;display:flex;flex-direction:column;gap:12px}.template-edit-right{flex:1;min-width:0;display:flex;flex-direction:column}.template-edit-right .form-group{flex:1;display:flex;flex-direction:column;min-height:0}.template-edit-textarea-full{flex:1;min-height:120px;resize:none}.template-edit-form .form-group{margin-bottom:12px}.template-edit-form .form-group:last-of-type{margin-bottom:12px}.template-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.template-edit-actions .save-button{min-width:72px}.template-edit-actions .clear-binding-btn{display:inline-flex;align-items:center;gap:4px}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border-light)}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.specified-datetime-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.specified-datetime-date-wrap{display:flex;align-items:center;flex:1;min-width:140px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);overflow:hidden}.specified-datetime-date-wrap .specified-datetime-date{flex:1;min-width:0;border:none;border-radius:0;background:transparent}.specified-datetime-date-wrap .specified-datetime-date:focus{outline:none;box-shadow:none}.specified-datetime-row .specified-datetime-date-wrap .specified-datetime-weekday{flex-shrink:0;padding:0 12px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-left:1px solid var(--border-color)}.specified-datetime-row .specified-datetime-time{width:auto;min-width:0}.specified-datetime-weekday{flex-shrink:0;font-size:14px;font-weight:500;color:var(--text-secondary)}.time-input-with-now{display:inline-flex;align-items:center;position:relative;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);overflow:visible;transition:border-color .15s ease,box-shadow .15s ease}.time-input-with-now:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--border-color);border-radius:inherit;pointer-events:none}.time-input-with-now:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f626}.time-input-with-now .form-input-time{width:96px;min-width:96px;border:none;border-radius:0;padding:9px 8px 9px 12px;background:transparent;font-size:14px}.time-input-with-now .fixed-time-select{gap:0}.time-input-with-now .fixed-time-select-hour,.time-input-with-now .fixed-time-select-minute,.time-input-with-now .fixed-time-picker-trigger{height:40px}.time-input-with-now .fixed-time-picker-trigger{border:none;border-radius:0;background:transparent;box-shadow:none}.time-input-with-now .fixed-time-picker-trigger.open{box-shadow:none}.time-input-with-now .form-input-time:focus{outline:none;box-shadow:none}.time-now-btn{flex-shrink:0;padding:6px 10px;margin:4px;border:none;border-radius:6px;background:var(--bg-hover, #f3f4f6);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background .15s,color .15s}.time-now-btn:hover{background:var(--primary-light);color:var(--primary-color)}.time-input-with-now-inline{margin-left:10px}.time-input-with-now-inline .form-input-time{width:88px;min-width:88px}.form-input-date,.form-input-time{font-size:14px}.form-input-date::-webkit-calendar-picker-indicator,.form-input-time::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-white);font-family:inherit;transition:all .15s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px;background-color:var(--bg-white)}.form-select:hover{border-color:var(--primary-color);background-color:var(--bg-gray)}.form-select:focus{background-color:var(--bg-white)}.time-type-dropdown{position:relative;width:100%}.time-type-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-white);font-family:inherit;cursor:pointer;transition:all .15s ease;text-align:left}.time-type-dropdown-trigger:hover{border-color:var(--primary-color);background:var(--bg-gray)}.time-type-dropdown-trigger:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.time-type-chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s ease}.time-type-chevron.open{transform:rotate(180deg)}.time-type-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001f;z-index:100;overflow:hidden;animation:timeTypeDropdownIn .2s ease}@keyframes timeTypeDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.time-type-dropdown-item{display:block;width:100%;padding:10px 14px;border:none;background:none;font-size:14px;color:var(--text-primary);font-family:inherit;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.time-type-dropdown-item:hover{background:var(--bg-hover)}.time-type-dropdown-item.selected{background:var(--primary-light);color:var(--primary-color);font-weight:500}.switch-wrapper{display:flex;align-items:center}.switch-input{display:none}.switch-label{display:flex;align-items:center;gap:8px;cursor:pointer}.switch-slider{position:relative;width:44px;height:24px;background:var(--border-color);border-radius:12px;transition:background .3s ease}.switch-slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.switch-input:checked+.switch-label .switch-slider{background:var(--primary-color)}.switch-input:checked+.switch-label .switch-slider:before{transform:translate(20px)}.switch-text{font-size:14px;color:var(--text-primary)}.radio-group{display:flex;gap:24px}.scope-types-checkbox{gap:24px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.radio-label input[type=radio]{width:16px;height:16px;cursor:pointer}.scope-tag-list{display:flex;flex-wrap:wrap;gap:8px}.scope-tag-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.scope-tag-item:hover{border-color:var(--primary-color);background:var(--primary-light)}.scope-tag-item.selected{border-color:var(--primary-color);background:var(--primary-light);color:var(--primary-color);font-weight:500}.scope-tag-item input[type=radio],.scope-tag-item input[type=checkbox]{width:14px;height:14px;margin:0;cursor:pointer}.scope-tag-empty{font-size:13px;color:var(--text-secondary)}.scope-tag-list-grouped{flex-direction:column;align-items:stretch;padding:14px;background:var(--bg-gray, #f8f9fa);border-radius:12px;border:1px solid var(--border-light, #eee)}.scope-client-tag-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px dashed var(--border-color, #e5e7eb)}.scope-client-tag-btn{padding:8px 16px;font-size:13px;font-weight:500;color:var(--primary-color);background:var(--bg-white);border:1px solid var(--primary-color);border-radius:20px;cursor:pointer;transition:all .2s ease}.scope-client-tag-btn:hover{background:var(--primary-light);border-color:var(--primary-hover);color:var(--primary-hover)}.scope-tag-list-grouped .scope-tag-item{padding:8px 14px;border-radius:20px;font-size:13px;border:1px solid var(--border-color);background:var(--bg-white);box-shadow:0 1px 2px #0000000a}.scope-tag-list-grouped .scope-tag-item:hover{border-color:var(--primary-color);background:var(--primary-light);box-shadow:0 2px 6px #366ef41f}.scope-tag-list-grouped .scope-tag-item.selected{border-color:var(--primary-color);background:#366ef41a;color:var(--primary-color);font-weight:500;box-shadow:0 2px 6px #366ef426}.scope-tag-list-grouped .scope-tag-item input[type=checkbox]{position:absolute;width:0;height:0;opacity:0;margin:0}.scope-tag-list-grouped .scope-tag-item span{display:inline-flex;align-items:center;gap:6px}.scope-tag-list-grouped .scope-tag-item.selected span:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:11px;font-weight:700;line-height:1;color:var(--primary-color);background:#366ef426;border-radius:50%}.scope-tag-item-none{margin-left:0}.scope-tag-group{margin-bottom:18px}.scope-tag-group:last-child{margin-bottom:0}.scope-tag-group-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;padding-left:10px;border-left:3px solid var(--primary-color);letter-spacing:.02em}.scope-tag-group-items{display:flex;flex-wrap:wrap;gap:10px}.checkbox-group{display:flex;flex-wrap:wrap;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.time-of-day-settings{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--bg-gray);border-radius:var(--radius-md);border:1px solid var(--border-light)}.time-period-item{display:flex;align-items:center;padding:8px 12px;background:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all .15s ease}.time-period-item:hover{border-color:var(--primary-color);background:var(--primary-light)}.time-period-item .checkbox-label{flex:1;margin-bottom:0;font-weight:500}.weekdays-group{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background:var(--bg-gray);border-radius:var(--radius-md);border:1px solid var(--border-light)}.weekday-label{margin-bottom:0;font-weight:500}.conversation-selector{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:8px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-gray)}.conversation-select-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.conversation-select-item .avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.conversation-select-item-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--border-color, #e5e7eb);flex-shrink:0}.conversation-select-item:hover,.conversation-select-item.selected{border-color:var(--primary-color);background:var(--primary-light)}.select-item-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#366ef4,#5b8ff9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;flex-shrink:0}.select-item-info,.conversation-select-item .select-item-name{flex:1;min-width:0}.select-item-name{font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-item-label{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.select-item-type{font-size:12px;color:var(--text-secondary)}.empty-hint{padding:20px;text-align:center;color:var(--text-secondary);font-size:14px}.keywords-input-wrapper{margin-bottom:8px}.add-keyword-btn{padding:6px 12px;border:1px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all .15s ease}.add-keyword-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.keywords-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--primary-light);color:var(--primary-color);border-radius:var(--radius-md);font-size:13px}.remove-keyword-btn{width:16px;height:16px;border:none;background:transparent;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;transition:all .15s ease}.remove-keyword-btn:hover{color:var(--tag-red);transform:scale(1.2)}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:60px 40px;color:var(--text-secondary)}.detail-empty .empty-illustration{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#366ef41a,#5b8ff91a);display:flex;align-items:center;justify-content:center;color:var(--primary-color);margin-bottom:16px}.detail-empty .empty-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.detail-empty .empty-description{font-size:14px;color:var(--text-secondary);margin:0;text-align:center;max-width:300px}.template-binding-dropdown{position:relative;min-width:240px;max-width:360px}.template-binding-select{width:100%;height:38px;border:1px solid var(--border-color);border-radius:10px;background-color:var(--bg-white);color:var(--text-primary);padding:0 12px;font-size:14px;line-height:20px;box-shadow:0 1px 2px #0f172a0f;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer}.template-binding-select:hover{border-color:#b8c0cc;background-color:#fcfdff}.template-binding-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #366ef424;background-color:#fff}.template-binding-select.open{border-color:var(--primary-color);box-shadow:0 0 0 3px #366ef424}.template-binding-select:disabled{cursor:not-allowed;color:var(--text-secondary);background-color:var(--bg-gray);box-shadow:none}.template-binding-select-arrow{color:#8a8f99;transition:transform .15s ease;flex-shrink:0}.template-binding-select-arrow.open{transform:rotate(180deg)}.template-binding-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow-y:auto;z-index:30;background:#fff;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 24px #0f172a24;padding:6px}.template-binding-dropdown-item{width:100%;text-align:left;border:none;background:transparent;border-radius:8px;padding:8px 10px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color .12s ease,color .12s ease}.template-binding-dropdown-item:hover{background:#f2f6ff;color:var(--primary-color)}.template-binding-dropdown-item.selected{background:var(--primary-light);color:var(--primary-color);font-weight:600}.template-binding-loading{font-size:12px;color:var(--text-secondary)}.spinner{animation:spin 1s linear infinite}.marketing-execution-log{margin-top:18px;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f7f9fcf5)}.marketing-execution-log-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.marketing-execution-log-subtitle{margin:6px 0 0;color:#64748b;font-size:13px}.marketing-execution-log-refresh{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid rgba(15,23,42,.1);border-radius:999px;background:#fff;color:#0f172a;cursor:pointer}.marketing-execution-log-actions{display:inline-flex;align-items:center;gap:8px}.marketing-execution-log-refresh:disabled{opacity:.65;cursor:default}.marketing-execution-stop{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border:1px solid rgba(220,38,38,.28);border-radius:999px;background:#fff5f5;color:#b91c1c;cursor:pointer;font-weight:600}.marketing-execution-stop:disabled{opacity:.55;cursor:default}.marketing-execution-refresh-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:currentColor;line-height:1;flex-shrink:0}.marketing-execution-refresh-icon svg,.marketing-execution-refresh-spinner{width:16px;height:16px}.marketing-execution-refresh-spinner{border:2px solid rgba(15,23,42,.12);border-top-color:#0e7490e6;border-radius:999px;animation:spin .8s linear infinite}.marketing-execution-run-list{display:flex;flex-direction:column;gap:12px}.marketing-execution-run-card{display:block;width:100%;padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.marketing-execution-run-card:hover{transform:translateY(-1px);border-color:#0e749042;box-shadow:0 12px 24px #0f172a0f}.marketing-execution-run-card.active{border-color:#0e749073;box-shadow:0 16px 30px #0e74901f}.marketing-execution-run-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.marketing-execution-run-time{font-weight:700;color:#0f172a}.marketing-execution-run-client{display:flex;align-items:baseline;gap:10px;margin-top:12px;color:#0f172a}.marketing-execution-run-client-label{color:#64748b;font-size:12px}.marketing-execution-run-primary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}.marketing-execution-run-primary-item{padding:10px 12px;border-radius:12px;background:#f8fafcf2;border:1px solid rgba(15,23,42,.06)}.marketing-execution-run-primary-label{display:block;color:#64748b;font-size:12px}.marketing-execution-run-primary-item strong{display:block;margin-top:6px;color:#0f172a;font-size:18px;line-height:1.1}.marketing-execution-run-secondary{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.marketing-execution-run-secondary-item,.marketing-execution-run-status,.marketing-execution-target-status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.marketing-execution-run-status.tone-success,.marketing-execution-target-status.tone-success{background:#16a34a1f;color:#15803d}.marketing-execution-run-status.tone-partial,.marketing-execution-target-status.tone-partial{background:#d977061f;color:#b45309}.marketing-execution-run-status.tone-running,.marketing-execution-target-status.tone-running,.marketing-execution-run-secondary-item.tone-running{background:#0284c71f;color:#0369a1}.marketing-execution-run-status.tone-cooldown,.marketing-execution-target-status.tone-cooldown,.marketing-execution-run-secondary-item.tone-cooldown{background:#f59e0b24;color:#b45309}.marketing-execution-run-status.tone-rule-skipped,.marketing-execution-target-status.tone-rule-skipped,.marketing-execution-run-secondary-item.tone-rule-skipped{background:#64748b1f;color:#475569}.marketing-execution-run-status.tone-restricted,.marketing-execution-target-status.tone-restricted,.marketing-execution-run-secondary-item.tone-restricted{background:#dc26261a;color:#b91c1c}.marketing-execution-run-status.tone-failed,.marketing-execution-target-status.tone-failed,.marketing-execution-run-secondary-item.tone-failed{background:#ea580c1f;color:#c2410c}.marketing-execution-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.marketing-execution-detail-title{color:#0f172a;font-size:15px;font-weight:700}.marketing-execution-detail-subtitle{margin:6px 0 0;color:#64748b;font-size:13px}.marketing-execution-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.marketing-execution-filter-select,.marketing-execution-filter-input{height:38px;padding:0 12px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;color:#0f172a}.marketing-execution-filter-select{min-width:168px}.marketing-execution-filter-input{flex:1;min-width:220px}.marketing-execution-table-wrap{margin-top:12px;overflow-x:auto;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff}.marketing-execution-table{width:100%;border-collapse:collapse}.marketing-execution-table th,.marketing-execution-table td{padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.06);text-align:left;white-space:nowrap}.marketing-execution-table th{color:#475569;font-size:12px;font-weight:700;background:#f8fafceb}.marketing-execution-table tbody tr:last-child td{border-bottom:none}.marketing-execution-table-cell-name{min-width:140px}.marketing-execution-table-cell-reason{min-width:320px;white-space:normal;color:#475569;line-height:1.6}.marketing-execution-table-foot{margin-top:8px;color:#64748b;font-size:12px}.marketing-execution-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:88px;color:#64748b;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.marketing-execution-run-primary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.marketing-execution-log-header,.marketing-execution-filters,.marketing-execution-detail-header{flex-direction:column;align-items:stretch}.marketing-execution-log-actions{width:100%;justify-content:flex-end}.marketing-execution-run-top,.marketing-execution-run-client{flex-direction:column;align-items:flex-start}.marketing-execution-run-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-execution-filter-select,.marketing-execution-filter-input{width:100%;min-width:0}}.message-templates-panel{position:absolute;right:0;top:0;bottom:0;left:25%;display:flex;flex-direction:column;background:var(--bg-secondary, #ffffff);border-left:1px solid var(--border-color, #e5e7eb);will-change:left;transition:left .5s cubic-bezier(.25,.1,.25,1)}.message-templates-panel-expanded{left:62.5%}.message-templates-panel .templates-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.message-templates-panel .section-title{margin:0;padding-bottom:0;border-bottom:none;font-size:18px;font-weight:600;color:var(--text-primary, #1f2937)}.message-templates-panel .new-template-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.message-templates-panel .new-template-btn:hover{background:var(--primary-hover, #2563eb)}.message-templates-panel .templates-header-actions{display:inline-flex;align-items:center;gap:8px}.message-templates-panel .export-templates-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border-color, #d1d5db);border-radius:8px;background:var(--bg-white, #fff);color:var(--text-secondary, #6b7280);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-1px);transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.message-templates-panel .templates-header:hover .export-templates-btn{opacity:1;pointer-events:auto;transform:translateY(0)}.message-templates-panel .export-templates-btn:hover{color:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);background:var(--primary-light, #eff6ff)}.message-templates-panel .templates-list{flex:1;overflow-y:auto;padding:4px 12px 12px}.message-templates-panel .template-item{position:relative;background:var(--bg-primary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;margin-bottom:8px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:stretch}.message-templates-panel .template-item-dragging{opacity:.85;box-shadow:0 4px 12px #00000026;z-index:1}.message-templates-panel .template-drag-handle{flex-shrink:0;width:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #9ca3af);cursor:grab;border-right:1px solid var(--border-color, #e5e7eb);opacity:0;pointer-events:none;background:transparent;transition:color .2s,background .2s,opacity .2s}.message-templates-panel .template-drag-handle:active{cursor:grabbing}.message-templates-panel .template-item:hover .template-drag-handle{opacity:1;pointer-events:auto;background:linear-gradient(to bottom,#f8f9fa,#f1f3f5)}.message-templates-panel .template-drag-handle:hover{color:var(--text-primary, #6b7280);background:#eef1f4}.message-templates-panel .template-item .template-edit-form-layout,.message-templates-panel .template-item .template-item-collapsed{flex:1;min-width:0}.message-templates-panel .template-item:not(.expanded){padding:12px;cursor:pointer}.message-templates-panel .template-item.expanded{cursor:default;padding:18px 20px;background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:visible}.message-templates-panel .template-item:not(.expanded):hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 2px 8px #3b82f61a}.message-templates-panel .template-item-placeholder .template-item-collapsed,.message-templates-panel .template-item-placeholder .template-edit-form-layout{visibility:hidden}.message-templates-panel .template-item-over:after{content:"";position:absolute;left:0;right:0;top:0;bottom:auto;height:2px;background:var(--primary-color, #3b82f6)}.message-templates-panel .template-item-overlay{background:var(--bg-white, #ffffff);box-shadow:0 8px 20px #0000002e;transform:scale(1.02);border:1px solid var(--border-color, #e5e7eb)}.message-templates-panel .template-item.active{border-color:var(--primary-color, #3b82f6);background:#3b82f60d}.message-templates-panel .template-type-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s,opacity .2s;flex-shrink:0}.message-templates-panel .template-type-badge:hover{transform:scale(1.05);opacity:.9}.message-templates-panel .template-type-badge-fixed,.message-templates-panel .template-type-badge-text{background:#dbeafe;color:#1e40af}.message-templates-panel .template-type-badge-image{background:#dcfce7;color:#166534}.message-templates-panel .template-type-badge-video{background:#fee2e2;color:#991b1b}.message-templates-panel .template-type-badge-file{background:#ede9fe;color:#5b21b6}.message-templates-panel .template-type-badge-smart{background:#fef3c7;color:#92400e}.message-templates-panel .template-type-badge-invite{background:#e0f2fe;color:#0369a1}.message-templates-panel .template-item-collapsed{display:flex;flex-direction:column;gap:8px}.message-templates-panel .template-collapsed-first-row{display:flex;align-items:center;gap:8px}.message-templates-panel .template-name{font-size:14px;font-weight:500;color:var(--text-primary, #1f2937);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-templates-panel .template-content-preview{font-size:13px;color:var(--text-secondary, #6b7280);line-height:1.4;display:flex;flex-direction:column;gap:2px;min-height:0;overflow:hidden}.message-templates-panel .template-content-preview-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;align-items:center;gap:6px}.message-templates-panel .template-content-preview-line .template-type-badge{flex-shrink:0;font-size:11px;padding:2px 8px}.message-templates-panel .template-content-preview-line .template-content-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.message-templates-panel .template-content-preview-more{font-size:12px;color:var(--text-secondary, #6b7280);opacity:.85}.message-templates-panel .template-bound-rules{display:flex;gap:6px;flex-wrap:wrap}.message-templates-panel .bound-rule-circle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#3b82f6;color:#fff;font-size:11px;font-weight:500}.message-templates-panel .template-binding-status{padding:12px 16px;border-top:1px solid var(--border-color, #e5e7eb);font-size:12px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.message-templates-panel .template-bound-tasks{display:flex;align-items:flex-start;gap:4px;color:var(--text-primary, #1f2937);flex-wrap:wrap}.message-templates-panel .template-label,.message-templates-panel .tasks-label{color:var(--text-secondary, #6b7280);flex-shrink:0}.message-templates-panel .template-name-label{font-weight:500;color:var(--text-primary, #1f2937);flex-shrink:0}.message-templates-panel .bound-tasks-list{color:var(--text-secondary, #6b7280);display:flex;flex-wrap:wrap;gap:4px}.message-templates-panel .bound-task-item{color:var(--primary-color, #3b82f6)}.message-templates-panel .bound-hint{color:var(--success-color, #10b981)}.message-templates-panel .unbound-hint{color:var(--text-secondary, #6b7280);text-align:center;padding:4px 0}.message-templates-panel .template-edit-form-layout{display:flex;flex-direction:column;gap:16px;animation:expandIn .28s cubic-bezier(.34,1.56,.64,1)}@keyframes expandIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.message-templates-panel .template-edit-first-row{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.message-templates-panel .template-name-input{flex:1;padding:12px 14px;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;font-size:15px;font-weight:500;font-family:inherit;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);transition:border-color .2s,box-shadow .2s}.message-templates-panel .template-name-input::placeholder{color:var(--text-secondary, #9ca3af);font-weight:400}.message-templates-panel .template-name-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61f}.message-templates-panel .template-delete-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--bg-white, #fff);color:var(--text-secondary, #6b7280);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.message-templates-panel .template-delete-btn:hover{border-color:#fca5a5;color:#dc2626;background:#fef2f2}.message-templates-panel .template-content-textarea{width:100%;min-height:120px;padding:14px;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;font-size:14px;font-family:inherit;line-height:1.55;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);resize:vertical;transition:border-color .2s,box-shadow .2s}.message-templates-panel .template-content-textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.message-templates-panel .template-edit-form-multi .template-edit-first-row{margin-bottom:0}.message-templates-panel .template-messages-list{display:flex;flex-direction:column;gap:14px}.message-templates-panel .template-message-block{border:1px solid var(--border-color, #e5e7eb);border-radius:12px;overflow:visible;position:relative;background:var(--bg-white, #fff);box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s,border-color .2s;border-left-width:4px;border-left-style:solid;border-left-color:#e5e7eb;z-index:1}.message-templates-panel .template-message-block:has(.template-type-select-wrap.open){z-index:90}.message-templates-panel .template-message-block-fixed,.message-templates-panel .template-message-block-text{border-left-color:#3b82f6}.message-templates-panel .template-message-block-image{border-left-color:#16a34a}.message-templates-panel .template-message-block-video{border-left-color:#dc2626}.message-templates-panel .template-message-block-file{border-left-color:#7c3aed}.message-templates-panel .template-message-block-smart{border-left-color:#f59e0b}.message-templates-panel .template-message-block-invite{border-left-color:#06b6d4;overflow:visible}.message-templates-panel .template-message-block:hover{box-shadow:0 2px 8px #0000000f}.message-templates-panel .template-message-block-drop-active{border-color:#93c5fd;box-shadow:0 0 0 4px #3b82f61f}.message-templates-panel .template-message-block-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(to bottom,#fafafa,#f5f5f5);border-bottom:1px solid var(--border-color, #e5e7eb);position:relative;z-index:2}.message-templates-panel .template-message-drag-handle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-4px 0;border-radius:6px;color:var(--text-secondary, #9ca3af);cursor:grab;transition:color .2s,background .2s}.message-templates-panel .template-message-drag-handle:active{cursor:grabbing}.message-templates-panel .template-message-block-header:hover .template-message-drag-handle{color:var(--text-primary, #6b7280);background:#0000000a}.message-templates-panel .template-message-block-dragging{opacity:.85;box-shadow:0 4px 12px #0000001f;z-index:1}.message-templates-panel .template-message-block-overlay{box-shadow:0 8px 20px #00000026;cursor:grabbing}.message-templates-panel .template-message-overlay-type{font-size:13px;font-weight:500;color:var(--text-primary, #1f2937)}.message-templates-panel .template-type-select-wrap{position:relative;z-index:5}.message-templates-panel .template-type-select-wrap.open{z-index:80}.message-templates-panel .template-type-select-btn{min-width:88px;height:34px;padding:0 10px 0 12px;border:1px solid #dbe6ff;border-radius:17px;background:linear-gradient(180deg,#fff,#f5f9ff);color:#1f2937;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color .2s,box-shadow .2s}.message-templates-panel .template-type-select-value{display:inline-flex;align-items:center;gap:6px}.message-templates-panel .template-type-select-btn:hover,.message-templates-panel .template-type-select-btn.open{border-color:#8fb6ff;box-shadow:0 0 0 3px #3b82f61a}.message-templates-panel .template-type-select-chevron{color:#6b7280;transition:transform .2s ease}.message-templates-panel .template-type-select-chevron.open{transform:rotate(180deg)}.message-templates-panel .template-type-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:120;min-width:120px;border:1px solid #dbe6ff;border-radius:12px;background:#fff;box-shadow:0 10px 24px #0f172a24;padding:6px;display:flex;flex-direction:column;gap:4px}.message-templates-panel .template-type-select-option{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:#374151;font-size:13px;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer}.message-templates-panel .template-type-select-option:hover{background:#eef4ff;color:#1d4ed8}.message-templates-panel .template-type-select-option.active{background:#e6efff;color:#1d4ed8;font-weight:600}.message-templates-panel .template-message-ordinal{font-size:12px;font-weight:500;color:var(--text-secondary, #6b7280);margin-right:auto;letter-spacing:.02em}.message-templates-panel .template-prompt-length{margin-left:8px;padding:2px 8px;border-radius:999px;border:1px solid #fcd34d;background:#fef3c7;color:#92400e;font-size:12px;line-height:1.4;flex-shrink:0}.message-templates-panel .template-message-expand-btn{width:26px;height:26px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#6b7280;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.message-templates-panel .template-message-expand-btn:hover{border-color:#93c5fd;color:#2563eb;background:#eff6ff}.message-templates-panel .template-message-expand-btn.active{border-color:#60a5fa;color:#1d4ed8;background:#dbeafe}.message-templates-panel .template-message-remove{padding:6px;border:none;background:transparent;color:var(--text-secondary, #9ca3af);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.message-templates-panel .template-message-remove:hover{color:#dc2626;background:#fef2f2}.message-templates-panel .template-message-block .template-content-textarea{min-height:88px;border:none;border-radius:0;background:var(--bg-white, #fff);padding:14px}.message-templates-panel .template-message-block .template-content-textarea-smart{min-height:120px;overflow-y:auto;resize:vertical}.message-templates-panel .template-smart-prompt-preview{min-height:120px;max-height:220px;padding:14px;background:#fff;color:#1f2937;border-left:3px solid #dbeafe;line-height:1.65;font-size:14px;white-space:pre-wrap;overflow-y:auto}.message-templates-panel .template-message-textarea-wrap{display:flex;flex-direction:column}.template-smart-prompt-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:0}.template-smart-prompt-modal{width:min(1100px,100vw);height:100vh;background:#fff;border-radius:0;box-shadow:0 20px 48px #0f172a47;display:flex;flex-direction:column;overflow:hidden}.template-smart-prompt-modal-header{padding:14px 18px;border-bottom:1px solid #e5e7eb;font-size:15px;font-weight:600;color:#1f2937}.template-smart-prompt-modal-textarea{flex:1;min-height:420px;border:none;outline:none;resize:none;padding:18px;font-size:14px;line-height:1.7;color:#111827;white-space:pre-wrap}.template-smart-prompt-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px 16px;border-top:1px solid #e5e7eb}.template-smart-prompt-modal-btn{min-width:76px;height:34px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer}.template-smart-prompt-modal-btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.template-smart-prompt-modal-btn-secondary:hover{border-color:#9ca3af}.template-smart-prompt-modal-btn-primary{background:#2563eb;color:#fff}.template-smart-prompt-modal-btn-primary:hover{background:#1d4ed8}.message-templates-panel .template-message-drop-zone.is-drag-over{background:linear-gradient(180deg,#eff6ffd9,#ffffffeb)}.message-templates-panel .template-media-editor{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg-white, #fff)}.message-templates-panel .template-media-content{display:flex;align-items:flex-start;gap:12px}.message-templates-panel .template-media-content-image{justify-content:flex-start}.message-templates-panel .template-media-toolbar{display:flex;align-items:center;gap:12px}.message-templates-panel .template-media-side-controls{width:210px;min-width:210px;display:flex;flex-direction:column;gap:8px;border:1px dashed transparent;border-radius:10px;padding:6px;transition:border-color .2s ease,background-color .2s ease}.message-templates-panel .template-media-side-controls.is-drag-over{border-color:#93c5fd;background:#eff6ffa6}.message-templates-panel .template-media-side-drop-box{min-height:84px;border:1px dashed #cbd5e1;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-size:12px;color:#64748b;background:#f8fafc}.message-templates-panel .template-media-side-controls.is-drag-over .template-media-side-drop-box{border-color:#60a5fa;color:#2563eb;background:#eff6ff}.message-templates-panel .template-file-name-inline-input{flex:1}.message-templates-panel .template-media-upload-btn{border:1px solid var(--border-color, #d1d5db);background:#f8fafc;color:var(--text-primary, #111827);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.message-templates-panel .template-media-upload-btn:hover{border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #2563eb)}.message-templates-panel .template-media-type-hint{font-size:12px;color:var(--text-secondary, #6b7280)}.message-templates-panel .template-content-input{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:13px;box-sizing:border-box}.message-templates-panel .template-content-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f614}.message-templates-panel .template-media-preview-wrap{flex:1;border-radius:10px;overflow:hidden;border:1px solid var(--border-color, #e5e7eb);background:#f8fafc}.message-templates-panel .template-media-preview-wrap-image{border:none;background:transparent;overflow:visible;display:flex;justify-content:flex-start}.message-templates-panel .template-media-empty-state{min-height:108px;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;color:var(--text-secondary, #6b7280);font-size:13px;line-height:1.6;border:1px dashed #bfdbfe;border-radius:10px;background:linear-gradient(180deg,#f8fbff,#f8fafc)}.message-templates-panel .template-image-preview{display:block;width:auto;max-width:100%;max-height:220px;object-fit:contain;background:transparent;cursor:zoom-in}.message-templates-panel .template-video-preview{display:block;width:100%;max-height:240px;background:#000}.message-templates-panel .template-video-cover-preview{width:100%;min-height:180px;max-height:240px;background:#0f172a;display:flex;align-items:center;justify-content:center}.message-templates-panel .template-video-cover-image{width:100%;max-height:240px;object-fit:contain;display:block}.message-templates-panel .template-video-cover-placeholder{color:#cbd5e1;font-size:13px}.message-templates-panel .template-file-preview{display:flex;flex-direction:column;gap:6px;padding:12px 14px}.message-templates-panel .template-file-preview-name{font-size:13px;font-weight:600;color:var(--text-primary, #111827)}.message-templates-panel .template-file-preview-url{font-size:12px;color:var(--text-secondary, #6b7280);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-templates-panel .invite-message-fields{display:flex;flex-direction:column;gap:14px;padding:14px;background:var(--bg-white, #fff)}.message-templates-panel .invite-message-fields .invite-field-group{display:flex;flex-direction:column;gap:6px}.message-templates-panel .invite-message-fields .invite-field-label{font-size:13px;color:var(--text-secondary, #6b7280);font-weight:600;letter-spacing:.01em}.message-templates-panel .invite-message-fields .template-content-input,.message-templates-panel .invite-message-fields .template-content-select{width:100%;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:13px;box-sizing:border-box}.message-templates-panel .invite-message-fields .template-content-select{cursor:pointer;background:var(--bg-white, #fff)}.message-templates-panel .invite-message-fields .template-content-input:focus,.message-templates-panel .invite-message-fields .template-content-select:focus{outline:none;border-color:var(--primary-color, #3b82f6)}.message-templates-panel .invite-message-fields .invite-field-hint{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary, #6b7280)}.message-templates-panel .invite-group-select-wrap{position:relative;width:100%;z-index:9998}.message-templates-panel .invite-group-select-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--bg-white, #fff);font-size:14px;color:var(--text-primary, #111);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.message-templates-panel .invite-group-select-trigger:hover{border-color:var(--primary-color, #3b82f6);background:#fafbff}.message-templates-panel .invite-group-select-trigger:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61f}.message-templates-panel .invite-group-avatar,.message-templates-panel .invite-group-option-avatar{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0}.message-templates-panel .invite-group-avatar-placeholder,.message-templates-panel .invite-group-option-avatar-placeholder{width:32px;height:32px;border-radius:6px;background:var(--border-color, #e5e7eb);flex-shrink:0}.message-templates-panel .invite-group-trigger-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-templates-panel .invite-group-trigger-placeholder{flex:1;color:var(--text-secondary, #6b7280)}.message-templates-panel .invite-group-chevron{flex-shrink:0;color:var(--text-secondary, #6b7280);transition:transform .2s}.message-templates-panel .invite-group-chevron.open{transform:rotate(180deg)}.message-templates-panel .invite-group-dropdown{position:absolute;z-index:9999;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--bg-white, #fff);box-shadow:0 4px 14px #00000014,0 2px 6px #0000000a}.message-templates-panel .invite-group-dropdown-portal{max-height:260px;overflow-y:auto;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--bg-white, #fff);box-shadow:0 4px 14px #00000014,0 2px 6px #0000000a}.message-templates-panel .invite-group-dropdown-empty{padding:16px 18px;font-size:14px;color:var(--text-secondary, #6b7280);text-align:center}.message-templates-panel .invite-group-option{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border:none;border-bottom:1px solid #f3f4f6;background:transparent;font-size:14px;color:var(--text-primary, #111);text-align:left;cursor:pointer;transition:background .2s}.message-templates-panel .invite-group-option:last-child{border-bottom:none}.message-templates-panel .invite-group-option:hover{background:#f8fafc}.message-templates-panel .invite-group-option.selected{background:#eff6ff;color:var(--primary-color, #3b82f6);font-weight:500}.message-templates-panel .invite-group-option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-templates-panel .template-add-message-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:2px dashed var(--border-color, #e5e7eb);border-radius:12px;background:#fafafa;color:var(--text-secondary, #6b7280);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.message-templates-panel .template-add-message-btn:hover{border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6);background:#eff6ff}.message-templates-panel .template-add-message-drop-zone{border-radius:14px;transition:box-shadow .2s ease,transform .2s ease}.message-templates-panel .template-add-message-drop-zone.is-drag-over{box-shadow:0 0 0 4px #3b82f61f}.message-templates-panel .template-add-message-drop-zone.is-drag-over .template-add-message-btn{border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #2563eb);background:#eff6ff}.message-templates-panel .template-message-count{font-size:12px;color:var(--text-secondary, #6b7280);margin-left:auto}.message-templates-panel .template-char-count{font-size:12px;color:var(--text-secondary, #6b7280)}.auto-marketing{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-page);overflow:hidden}.marketing-header{display:flex;align-items:center;justify-content:space-between;padding-right:16px;background-color:var(--bg-white);border-bottom:1px solid var(--border-color)}.marketing-header-actions{display:flex;align-items:center;gap:10px}.marketing-mobile-client-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 10px;min-width:0;flex:1;-webkit-overflow-scrolling:touch;scrollbar-width:none}.marketing-mobile-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.marketing-mobile-list-btn{width:34px;height:34px;margin-left:8px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.marketing-mobile-list-btn.active{border-color:#2563eb;color:#1d4ed8;background:#eef4ff}.marketing-mobile-task-list-page{flex:1;min-height:0;overflow:hidden;position:relative}.marketing-mobile-template-page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.marketing-mobile-template-page .message-templates-panel,.marketing-mobile-template-page .message-templates-panel.message-templates-panel-expanded{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-width:0;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-left:none;transition:none}.marketing-mobile-template-page .message-templates-panel .templates-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.marketing-mobile-template-header{height:48px;padding:0 10px;border-bottom:1px solid var(--border-color);background:#fff;display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:14px;font-weight:600;color:var(--text-primary)}.marketing-mobile-template-back{width:30px;height:30px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.marketing-mobile-task-list-page .marketing-rule-list{position:relative;left:auto;top:auto;right:auto;bottom:auto;width:100%;min-width:0;border-right:none}.marketing-mobile-client-tabs::-webkit-scrollbar{display:none}.marketing-mobile-client-avatar{width:34px;height:34px;border-radius:10px;border:1px solid #d1d5db;background:#fff;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.marketing-mobile-client-avatar.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.marketing-mobile-client-avatar-img,.marketing-mobile-client-avatar-fallback{width:100%;height:100%;border-radius:10px}.marketing-mobile-client-avatar-img{object-fit:cover}.marketing-mobile-client-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#1d4ed8;background:#dbeafe}.moment-marketing-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.moment-marketing-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #366ef440}.auto-friend-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-white);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.auto-friend-button:hover{transform:translateY(-1px);border-color:#366ef459;box-shadow:0 4px 12px #366ef426}.auto-friend-button.active{background:#366ef414;border-color:#366ef480;color:var(--primary-color)}.moment-table-view{flex:1;display:flex;flex-direction:column;background-color:var(--bg-white);overflow:hidden;min-height:0}.moment-table-iframe{flex:1;width:100%;border:none;min-height:0;position:relative;top:-65px;height:calc(100% + 65px)}.auto-friend-view{flex:1;display:flex;padding:24px;overflow:hidden}.auto-friend-layout{width:100%;height:100%;display:flex;min-height:0}.auto-friend-list-panel,.auto-friend-preview-panel{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-white);padding:24px;min-height:0;overflow:hidden;display:flex;flex-direction:column}.auto-friend-list-panel{width:100%}.auto-friend-panel-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.auto-friend-panel-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:14px}.auto-friend-list-toolbar{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:10px}.auto-friend-file-input{display:none}.auto-friend-upload-note{margin:-2px 0 10px;font-size:12px;line-height:1.55;color:var(--text-secondary)}.auto-friend-example-link{margin-left:8px;border:none;background:transparent;color:#2563eb;font-size:12px;cursor:pointer;padding:0}.auto-friend-example-link:hover{color:#1d4ed8;text-decoration:underline}.auto-friend-upload-button{height:32px;padding:0 14px;border:none;border-radius:6px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.auto-friend-upload-button:hover{filter:brightness(1.03)}.auto-friend-settings-button{height:32px;min-width:32px;padding:0 10px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:#334155;font-size:16px;font-weight:600;line-height:1;cursor:pointer}.auto-friend-settings-button:hover{border-color:#366ef459;background:#366ef40a}.auto-friend-table-wrap{overflow:visible;border:1px solid var(--border-color);border-radius:8px;min-height:272px}.auto-friend-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:13px}.auto-friend-table thead th{position:sticky;top:0;z-index:1;background:#f8fafc;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-color);padding:9px 10px;text-align:left}.auto-friend-table tbody td{border-bottom:1px solid #f1f5f9;padding:8px 10px;color:var(--text-primary);white-space:nowrap;overflow:visible;text-overflow:clip}.auto-friend-time-input{width:170px;height:30px;border:1px solid var(--border-color);border-radius:6px;padding:0 8px;font-size:12px;color:var(--text-primary);background:#fff}.auto-friend-time-input:focus{outline:none;border-color:#366ef48c;box-shadow:0 0 0 2px #366ef41f}.auto-friend-pagination{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.auto-friend-pagination-text{font-size:12px;color:var(--text-secondary)}.auto-friend-pagination-actions{display:flex;align-items:center;gap:8px}.auto-friend-page-button{height:28px;padding:0 12px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-primary);font-size:12px;cursor:pointer}.auto-friend-page-button:hover:not(:disabled){border-color:#366ef466;background:#366ef40a}.auto-friend-page-button:disabled{opacity:.45;cursor:not-allowed}.auto-friend-row-status{font-size:12px;border-radius:999px;padding:2px 8px;border:1px solid var(--border-color)}.auto-friend-row-status.status-0{color:#9a6700;border-color:#facc15;background:#fefce8}.auto-friend-row-status.status-1{color:#166534;border-color:#4ade80;background:#f0fdf4}.auto-friend-row-status.status-2{color:#b91c1c;border-color:#fca5a5;background:#fef2f2}.auto-friend-row-status.status-3{color:#374151;border-color:#d1d5db;background:#f9fafb}.auto-friend-row-status.status-4{color:#1d4ed8;border-color:#93c5fd;background:#eff6ff}.auto-friend-row-status.status-5{color:#7c3aed;border-color:#c4b5fd;background:#f5f3ff}.auto-friend-status-select{height:28px;min-width:92px;border-radius:999px;border:1px solid var(--border-color);font-size:12px;padding:0 30px 0 10px;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 16px) 11px,calc(100% - 11px) 11px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;color-scheme:light;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.auto-friend-status-select:focus{outline:none;border-color:#366ef48c;box-shadow:0 0 0 2px #366ef41f}.auto-friend-status-select option{background-color:#fff;color:#0f172a}.auto-friend-status-select.status-0{color:#9a6700;border-color:#facc15;background:#fefce8}.auto-friend-status-select.status-1{color:#166534;border-color:#4ade80;background:#f0fdf4}.auto-friend-status-select.status-2{color:#b91c1c;border-color:#fca5a5;background:#fef2f2}.auto-friend-status-select.status-3{color:#374151;border-color:#d1d5db;background:#f9fafb}.auto-friend-status-picker-wrap{position:relative;min-width:100px}.auto-friend-status-picker-trigger{width:100%;height:30px;border:1px solid var(--border-color);border-radius:999px;background:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;padding:0 10px 0 8px;cursor:pointer}.auto-friend-status-picker-trigger:hover{border-color:#366ef473}.auto-friend-status-picker-trigger:disabled{cursor:default;opacity:.72}.auto-friend-status-picker-trigger:disabled:hover{border-color:var(--border-color)}.auto-friend-status-picker-trigger.active{border-color:#366ef48c;box-shadow:0 0 0 2px #366ef41f}.auto-friend-status-picker-caret{font-size:12px;color:#64748b}.auto-friend-status-picker-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20001;border:1px solid var(--border-color);border-radius:10px;background:#fff;box-shadow:0 12px 30px #0f172a2e;padding:6px;display:flex;flex-direction:column;align-items:stretch;gap:4px}.auto-friend-status-picker-option{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:none;background:transparent;text-align:left;padding:6px 8px;border-radius:8px;cursor:pointer}.auto-friend-status-picker-option:hover{background:#f8fafc}.auto-friend-status-action-label{font-size:12px;color:var(--text-primary)}.auto-friend-status-action-hint{font-size:11px;color:#64748b}.auto-friend-status-badge{display:inline-flex;align-items:center;font-size:12px;border-radius:999px;padding:2px 10px;border:1px solid var(--border-color)}.auto-friend-status-badge.status-0{color:#9a6700;border-color:#facc15;background:#fefce8}.auto-friend-status-badge.status-1{color:#166534;border-color:#4ade80;background:#f0fdf4}.auto-friend-status-badge.status-2{color:#b91c1c;border-color:#fca5a5;background:#fef2f2}.auto-friend-status-badge.status-3{color:#374151;border-color:#d1d5db;background:#f9fafb}.auto-friend-status-badge.status-4{color:#1d4ed8;border-color:#93c5fd;background:#eff6ff}.auto-friend-status-badge.status-5{color:#7c3aed;border-color:#c4b5fd;background:#f5f3ff}.auto-friend-client-picker-wrap{position:relative;min-width:220px;z-index:20000}.auto-friend-client-picker-wrap.overlay-open{z-index:1}.auto-friend-client-picker-trigger{width:100%;height:32px;border:1px solid var(--border-color);border-radius:8px;background:#fff;display:inline-flex;align-items:center;gap:8px;padding:0 8px;cursor:pointer;text-align:left}.auto-friend-client-picker-trigger:hover{border-color:#366ef473}.auto-friend-client-picker-trigger:focus,.auto-friend-client-picker-trigger:focus-visible{outline:none;box-shadow:none}.auto-friend-client-picker-trigger.active{border-color:#366ef48c;box-shadow:0 0 0 2px #366ef41f}.auto-friend-client-picker-trigger.overlay-open,.auto-friend-client-picker-trigger.overlay-open:hover,.auto-friend-client-picker-trigger.overlay-open:focus,.auto-friend-client-picker-trigger.overlay-open:focus-visible,.auto-friend-client-picker-trigger.overlay-open:active{border-color:var(--border-color);box-shadow:none;outline:none;background:#fff;color:inherit}.auto-friend-client-picker-text{flex:1;min-width:0;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-friend-client-picker-caret{flex-shrink:0;color:#64748b;font-size:12px}.auto-friend-client-picker-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;min-width:100%;max-width:100%;z-index:20001;background:#fff;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 30px #0f172a2e;max-height:260px;overflow-y:auto;overflow-x:hidden;padding:6px}.auto-friend-client-picker-option{width:100%;border:none;background:transparent;display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;text-align:left}.auto-friend-client-picker-option:hover{background:#f8fafc}.auto-friend-client-picker-divider{height:1px;margin:4px 6px;background:#e5e7eb}.auto-friend-client-picker-option-text{flex:1;min-width:0;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-friend-client-picker-option-platform{flex-shrink:0;font-size:11px;color:#64748b}.auto-friend-client-avatar{width:22px;height:22px;border-radius:999px;object-fit:cover;border:1px solid #dbe2ea;flex-shrink:0}.auto-friend-client-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#475569;background:#eef2f7}.auto-friend-settings-overlay,.auto-friend-example-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#0f172a61;display:flex;align-items:center;justify-content:center;padding:20px}.auto-friend-example-dialog{width:min(760px,100%);max-height:82vh;background:#fff;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 18px 42px #0f172a38;display:flex;flex-direction:column;overflow:hidden}.auto-friend-example-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color)}.auto-friend-example-title{font-size:16px;font-weight:600;color:var(--text-primary)}.auto-friend-example-close{height:30px;padding:0 12px;border:1px solid var(--border-color);border-radius:6px;background:#fff;font-size:12px;cursor:pointer}.auto-friend-example-close:hover{background:#f8fafc}.auto-friend-example-desc{font-size:12px;color:var(--text-secondary);padding:10px 16px 0}.auto-friend-example-table-wrap{padding:12px 16px 16px;overflow:auto}.auto-friend-example-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.auto-friend-example-table th,.auto-friend-example-table td{border:1px solid #e5e7eb;padding:8px 10px;text-align:left;color:var(--text-primary);height:36px;background:#fff}.auto-friend-example-table thead th{background:#f8fafc;color:var(--text-secondary);font-weight:600}.auto-friend-example-table tbody tr,.auto-friend-example-table tbody td,.auto-friend-example-table tbody tr:hover td,.auto-friend-example-table tbody td:hover,.auto-friend-example-table tbody td:active,.auto-friend-example-table tbody td:focus,.auto-friend-example-table tbody td:focus-visible{background:#fff}.auto-friend-settings-dialog{width:min(960px,100%);max-height:82vh;background:#fff;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 18px 42px #0f172a38;display:flex;flex-direction:column;overflow:hidden}.auto-friend-settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color)}.auto-friend-settings-title{font-size:16px;font-weight:600;color:var(--text-primary)}.auto-friend-settings-close{height:30px;padding:0 12px;border:1px solid var(--border-color);border-radius:6px;background:#fff;font-size:12px;cursor:pointer}.auto-friend-settings-close:hover{background:#f8fafc}.auto-friend-settings-save{height:30px;padding:0 12px;border:1px solid #2563eb;border-radius:6px;background:#2563eb;color:#fff;font-size:12px;cursor:pointer;margin-left:8px}.auto-friend-settings-save:hover:not(:disabled){background:#1d4ed8}.auto-friend-settings-save:disabled,.auto-friend-settings-close:disabled{opacity:.6;cursor:not-allowed}.auto-friend-settings-desc{font-size:12px;color:var(--text-secondary);padding:10px 16px 0}.auto-friend-settings-table-wrap{overflow:auto;padding:10px 16px 16px}.auto-friend-settings-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:13px}.auto-friend-settings-table th,.auto-friend-settings-table td{border-bottom:1px solid #eef2f7;padding:8px 10px;text-align:left;color:var(--text-primary)}.auto-friend-settings-table thead th{position:sticky;top:0;z-index:1;background:#f8fafc;color:var(--text-secondary);font-weight:600}.auto-friend-settings-input{height:30px;border:1px solid var(--border-color);border-radius:6px;padding:0 8px;font-size:12px}.auto-friend-settings-input-limit{width:84px}.auto-friend-settings-input-script{width:100%;min-width:320px}.auto-friend-settings-client-cell{display:inline-flex;align-items:center;gap:8px;min-width:0}.auto-friend-settings-client-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(148,163,184,.35);flex-shrink:0}.auto-friend-settings-client-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#475569;background:#eef2f7}.auto-friend-platform-cell{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.auto-friend-platform-icon{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.auto-friend-platform-icon-image{width:14px;height:14px;display:block}.auto-friend-platform-icon.wechat{background:#dcfce7;color:#16a34a}.auto-friend-platform-icon.wework{background:#dbeafe;color:#2563eb}.auto-friend-switch{display:inline-flex;align-items:center;gap:6px;font-size:12px}.marketing-content{flex:1;display:flex;overflow:hidden;min-width:0;position:relative}.marketing-log-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#f1f5f9fa;overflow:hidden}.marketing-log-page{width:100%;height:100%;display:flex;flex-direction:column;min-width:0}.marketing-log-page-header{display:flex;align-items:center;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#366ef414,#366ef405),var(--bg-white)}.marketing-log-back{height:36px;padding:0 14px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-white);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background .15s ease;flex-shrink:0}.marketing-log-back:hover{border-color:#366ef459;background:#366ef40a}.marketing-log-page-heading{min-width:0}.marketing-log-page-title{margin:0;font-size:22px;line-height:1.2;color:var(--text-primary)}.marketing-log-page-body{flex:1;min-height:0;overflow:auto;padding:24px}.marketing-log-page-body .marketing-execution-log{margin-top:0}.marketing-log-page-error{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--border-color);border-radius:18px;background:#ffffffe0;color:var(--text-secondary);text-align:center}.marketing-log-page-error-title{font-size:18px;font-weight:600;color:var(--text-primary)}.marketing-log-page-error-text{font-size:14px}.marketing-workspace-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:24px;border:1px dashed var(--border-color);border-radius:18px;background:#ffffffe6;color:var(--text-secondary);text-align:center}.marketing-workspace-error-title{font-size:20px;font-weight:600;color:var(--text-primary)}.marketing-workspace-error-text{font-size:14px}.marketing-content .marketing-rule-detail{position:absolute;left:25%;top:0;bottom:0;width:0;opacity:0;overflow:hidden;visibility:hidden;will-change:width,opacity;transition:width .5s cubic-bezier(.25,.1,.25,1),opacity .5s cubic-bezier(.25,.1,.25,1),visibility 0s linear .5s}.marketing-content .marketing-rule-detail.marketing-rule-detail-expanded{width:37.5%;opacity:1;visibility:visible;transition:width .5s cubic-bezier(.25,.1,.25,1),opacity .5s cubic-bezier(.25,.1,.25,1),visibility 0s linear 0s;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.marketing-content.marketing-content-expanded.marketing-content-detail-collapsed .marketing-rule-detail.marketing-rule-detail-expanded{width:0;opacity:0;visibility:hidden;border-left:none;border-right:none}.marketing-content.marketing-content-expanded.marketing-content-detail-collapsed .message-templates-panel.message-templates-panel-expanded{left:25%}.marketing-detail-collapse-handle{position:absolute;z-index:20;top:50%;left:calc(62.5% - 12px);transform:translateY(-50%);width:24px;height:24px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-white);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:left .5s cubic-bezier(.25,.1,.25,1),color .15s ease,border-color .15s ease,box-shadow .15s ease}.marketing-detail-collapse-handle:hover{color:var(--primary-color);border-color:#366ef473;box-shadow:0 4px 10px #366ef433}.marketing-detail-collapse-handle.is-collapsed{left:calc(25% - 12px)}.marketing-content-no-transition .message-templates-panel,.marketing-content-no-transition .marketing-rule-detail,.marketing-content-no-transition .marketing-rule-detail.marketing-rule-detail-expanded{transition:none}.marketing-content.marketing-content-mobile{display:block;position:relative}.marketing-content.marketing-content-mobile .marketing-rule-detail,.marketing-content.marketing-content-mobile .marketing-rule-detail.marketing-rule-detail-expanded{position:relative;left:auto;top:auto;bottom:auto;width:100%;opacity:1;visibility:visible;overflow:auto;border-left:none;border-right:none;transition:none}.unsaved-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0006;display:flex;align-items:center;justify-content:center}.unsaved-confirm-dialog{background:var(--bg-white);border-radius:12px;box-shadow:0 8px 32px #0003;padding:24px;min-width:360px}.unsaved-confirm-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.unsaved-confirm-message{font-size:14px;color:var(--text-secondary);margin:0 0 20px}.unsaved-confirm-actions{display:flex;justify-content:flex-end;gap:12px}.unsaved-confirm-cancel,.unsaved-confirm-discard,.unsaved-confirm-save{padding:8px 16px;font-size:14px;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}.unsaved-confirm-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.unsaved-confirm-cancel:hover:not(:disabled){background:var(--bg-hover)}.unsaved-confirm-discard{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.unsaved-confirm-discard:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#dc2626}.unsaved-confirm-save{background:var(--primary-color);border:none;color:#fff}.unsaved-confirm-save:hover:not(:disabled){background:var(--primary-hover)}.unsaved-confirm-cancel:disabled,.unsaved-confirm-discard:disabled,.unsaved-confirm-save:disabled{opacity:.6;cursor:not-allowed}