.message-receive-container[data-v-4f0c3d2c]{width:100%;min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.message-receive-content[data-v-4f0c3d2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.left-panel[data-v-4f0c3d2c]{width:250px;overflow-y:auto}.right-panel[data-v-4f0c3d2c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.template-nav[data-v-4f0c3d2c]{width:200px;height:95%;background-color:#fff;border-right:1px solid #e5e7eb;padding:16px}.nav-title[data-v-4f0c3d2c]{font-size:18px;font-weight:600;color:#000;margin-bottom:16px}.nav-menu[data-v-4f0c3d2c]{margin-bottom:24px}.nav-item[data-v-4f0c3d2c]{width:100%;padding:10px 12px;margin-bottom:4px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;border:1px solid transparent;-webkit-transition:all .2s ease;transition:all .2s ease;background-color:transparent;font-size:14px;color:#6b7280}.nav-item[data-v-4f0c3d2c]:hover{background-color:#f3f4f6}.nav-item.active[data-v-4f0c3d2c]{color:#1e40af;border-color:#93c5fd}.nav-item.active.type-all[data-v-4f0c3d2c]{background-color:#dbeafe}.nav-item.active.type-normal[data-v-4f0c3d2c]{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.nav-item.active.type-session[data-v-4f0c3d2c]{background-color:#ede9fe;color:#5b21b6;border-color:#ddd6fe}.nav-item.active.type-contact[data-v-4f0c3d2c]{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.emoji[data-v-4f0c3d2c]{font-size:18px}.count-badge[data-v-4f0c3d2c]{font-size:12px;padding:2px 6px;border-radius:10px;font-weight:600;min-width:20px;text-align:center;margin-left:40px}.count-badge.blue[data-v-4f0c3d2c]{background-color:#bfdbfe;color:#1e40af}.count-badge.green[data-v-4f0c3d2c]{background-color:#bbf7d0;color:#166534}.count-badge.purple[data-v-4f0c3d2c]{background-color:#ddd6fe;color:#5b21b6}.count-badge.orange[data-v-4f0c3d2c]{background-color:#fde68a;color:#92400e}.stats-section[data-v-4f0c3d2c]{margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.stats-title[data-v-4f0c3d2c]{font-size:14px;font-weight:500;color:#4b5563;margin-bottom:12px}.stats-list[data-v-4f0c3d2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.stats-item[data-v-4f0c3d2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.label[data-v-4f0c3d2c]{color:#4b5563}.value[data-v-4f0c3d2c]{font-weight:600}.value.green[data-v-4f0c3d2c]{color:#16a34a}.value.gray[data-v-4f0c3d2c]{color:#111827}.value.blue[data-v-4f0c3d2c]{color:#2563eb}.filter-card[data-v-4f0c3d2c]{margin-bottom:2px;padding-bottom:2px}.filter-form[data-v-4f0c3d2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:15px;overflow-x:auto;padding-bottom:0}.filter-form[data-v-4f0c3d2c]::-webkit-scrollbar{height:6px}.filter-form[data-v-4f0c3d2c]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.filter-form[data-v-4f0c3d2c]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.content-header[data-v-4f0c3d2c]{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;.header-content[data-v-4f0c3d2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;.title-section[data-v-4f0c3d2c]{.main-title[data-v-4f0c3d2c]{font-size:20px;font-weight:600;color:#111827}.subtitle[data-v-4f0c3d2c]{font-size:14px;color:#4b5563}.message-count[data-v-4f0c3d2c]{font-size:14px;color:#4b5563;text-align:center;margin-top:4px}}.new-template-btn[data-v-4f0c3d2c]{background-color:#2563eb;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;-webkit-transition:background-color .2s;transition:background-color .2s;border:none;cursor:pointer;&[data-v-4f0c3d2c]:hover{background-color:#1d4ed8}}}}.filter-section[data-v-4f0c3d2c]{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;.filter-content[data-v-4f0c3d2c]{gap:16px;.filter-item[data-v-4f0c3d2c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-input[data-v-4f0c3d2c]{padding:8px 12px;border:0 solid #d1d5db;border-radius:8px;font-size:14px;&[data-v-4f0c3d2c]:focus{outline:none;border-color:#2563eb}}.select-input[data-v-4f0c3d2c]{padding:8px 12px;border:0 solid #d1d5db;border-radius:8px;font-size:14px;&[data-v-4f0c3d2c]:focus{outline:none;border-color:#2563eb}}}}.stats-cards[data-v-4f0c3d2c]{padding:24px;.cards-grid[data-v-4f0c3d2c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:16px;margin-bottom:24px;.stat-card[data-v-4f0c3d2c]{background-color:#fff;padding:16px;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;&[data-v-4f0c3d2c]:hover{-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}&.active[data-v-4f0c3d2c]{border-color:#3b82f6;background-color:#eff6ff}.card-value[data-v-4f0c3d2c]{font-size:24px;font-weight:700;&.gray[data-v-4f0c3d2c]{color:#111827}&.green[data-v-4f0c3d2c]{color:#16a34a}&.blue[data-v-4f0c3d2c]{color:#2563eb}&.yellow[data-v-4f0c3d2c]{color:#ca8a04}}.card-label[data-v-4f0c3d2c]{font-size:14px;color:#4b5563}}}}.table-section[data-v-4f0c3d2c]{margin:0 24px 24px 24px;border-radius:8px;.table-header[data-v-4f0c3d2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}}.filter-form[data-v-4f0c3d2c]::-webkit-scrollbar-thumb:hover{background:#999}.table-header[data-v-4f0c3d2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.message-table-card[data-v-4f0c3d2c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pagination-wrapper[data-v-4f0c3d2c]{margin-top:20px}.pagination-controls[data-v-4f0c3d2c]{gap:2px}.pagination-btn[data-v-4f0c3d2c],.pagination-controls[data-v-4f0c3d2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination-btn[data-v-4f0c3d2c]{width:32px;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #dcdfe6;background-color:#fff;border-radius:4px;color:#606266;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.pagination-btn[data-v-4f0c3d2c]:hover:not(:disabled){border-color:#c6e2ff;color:#409eff;background-color:#ecf5ff}.pagination-btn[data-v-4f0c3d2c]:disabled{color:#c0c4cc;cursor:not-allowed}.page-number[data-v-4f0c3d2c]{width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #dcdfe6;background-color:#fff;border-radius:4px;color:#606266;cursor:pointer;font-size:14px;-webkit-transition:all .2s ease;transition:all .2s ease}.page-number[data-v-4f0c3d2c]:hover:not(.active){border-color:#c6e2ff;color:#409eff;background-color:#ecf5ff}.page-number.active[data-v-4f0c3d2c]{border-color:#409eff;color:#fff;background-color:#409eff}.ellipsis[data-v-4f0c3d2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;color:#606266;font-size:14px}.page-size-select[data-v-4f0c3d2c]{height:32px;margin-left:8px;padding:0 10px;border:1px solid #dcdfe6;border-radius:4px;color:#606266;font-size:14px;background-color:#fff;cursor:pointer;outline:none;-webkit-transition:all .2s ease;transition:all .2s ease}.page-size-select[data-v-4f0c3d2c]:focus{border-color:#409eff;-webkit-box-shadow:0 0 0 2px rgba(64,158,255,.2);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.message-detail[data-v-4f0c3d2c]{padding:10px}.content-box[data-v-4f0c3d2c]{padding:10px;background-color:#f5f7fa;border-radius:4px;min-height:80px;word-break:break-word}.unread-content[data-v-4f0c3d2c]{font-weight:700;color:#409eff}el-table[data-v-4f0c3d2c]{.el-table__body-wrapper td[data-v-4f0c3d2c],.el-table__header-wrapper th[data-v-4f0c3d2c]{padding:8px 10px}}@media (max-width:1200px){.message-receive-content[data-v-4f0c3d2c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-panel[data-v-4f0c3d2c]{width:100%;height:auto}.stats-grid[data-v-4f0c3d2c]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.filter-content[data-v-4f0c3d2c]{-ms-flex-wrap:wrap;flex-wrap:wrap}.cards-grid[data-v-4f0c3d2c]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.filter-content[data-v-4f0c3d2c],.filter-form[data-v-4f0c3d2c],.stats-grid[data-v-4f0c3d2c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cards-grid[data-v-4f0c3d2c]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.content-header[data-v-4f0c3d2c]{padding:12px 16px;.header-content[data-v-4f0c3d2c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}}}.text-sm[data-v-4f0c3d2c]{font-size:.875rem;line-height:1.25rem}.text-gray-600[data-v-4f0c3d2c]{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.px-6[data-v-4f0c3d2c]{padding-left:1.5rem;padding-right:1.5rem}.justify-between[data-v-4f0c3d2c]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.items-center[data-v-4f0c3d2c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex[data-v-4f0c3d2c]{display:-webkit-box;display:-ms-flexbox;display:flex}.mb-6[data-v-4f0c3d2c]{margin-bottom:5rem}.w-4[data-v-4f0c3d2c]{width:1rem}.h-4[data-v-4f0c3d2c]{height:1rem}.btn-opear[data-v-4f0c3d2c]{background:rgba(255,0,0,0);border:0 solid #dcdfe6}