.help-messages-page[data-v-8cc44fae]{background:linear-gradient(135deg,#0a0e27,#0f3460 50%,#16213e);min-height:100vh;padding:40px 20px}.page-header[data-v-8cc44fae]{margin-bottom:40px;text-align:left}.page-header h1[data-v-8cc44fae]{font-size:32px;font-weight:700;background:linear-gradient(135deg,#152751,#0d8);color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;margin-bottom:8px}.page-header .subtitle[data-v-8cc44fae]{font-size:14px;color:#7b9fb8;margin:0}.controls-section[data-v-8cc44fae]{display:flex;gap:20px;margin-bottom:40px;flex-wrap:wrap;align-items:center}.search-box[data-v-8cc44fae]{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box i[data-v-8cc44fae]{position:absolute;left:12px;color:#152751;font-size:14px}.search-input[data-v-8cc44fae]{width:100%;padding:10px 12px 10px 36px;background:rgba(15,52,96,.6);border:1px solid rgba(0,255,255,.2);border-radius:6px;color:#e0e0e0;font-size:14px;outline:none;transition:all .3s ease}.search-input[data-v-8cc44fae]::-moz-placeholder{color:#7b9fb8}.search-input[data-v-8cc44fae]::placeholder{color:#7b9fb8}.search-input[data-v-8cc44fae]:focus{background:rgba(15,52,96,.8);border-color:rgba(0,255,255,.4);box-shadow:0 0 10px rgba(0,204,255,.2)}.filter-section[data-v-8cc44fae]{display:flex;gap:10px;align-items:center}.status-filter[data-v-8cc44fae]{width:150px}[data-v-8cc44fae] .status-filter .el-input__inner{background:rgba(15,52,96,.6);border:1px solid rgba(0,255,255,.2);color:#e0e0e0}[data-v-8cc44fae] .status-filter .el-input__inner:focus{background:rgba(15,52,96,.8);border-color:rgba(0,255,255,.4)}[data-v-8cc44fae] .filter-section .el-button{background:rgba(0,204,255,.1);border:1px solid rgba(0,204,255,.3);color:#152751;font-size:13px;padding:8px 16px;transition:all .3s ease}[data-v-8cc44fae] .filter-section .el-button:hover{background:rgba(0,204,255,.2);border-color:rgba(0,204,255,.5)}.stats-section[data-v-8cc44fae]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card[data-v-8cc44fae]{background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.15);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.stat-card[data-v-8cc44fae]:hover{background:hsla(0,0%,100%,.08);border-color:rgba(0,255,255,.3);transform:translateY(-2px)}.stat-label[data-v-8cc44fae]{display:block;font-size:12px;color:#fff;margin-bottom:8px;font-weight:500}.stat-value[data-v-8cc44fae]{display:block;font-size:28px;font-weight:700;color:#0d8}.content-area[data-v-8cc44fae]{background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.15);border-radius:12px;padding:0;min-height:400px}.empty-state[data-v-8cc44fae],.loading-state[data-v-8cc44fae]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#7b9fb8;font-size:14px}.empty-state i[data-v-8cc44fae],.loading-state i[data-v-8cc44fae]{font-size:48px;color:#162852;margin-bottom:10px;opacity:.6}.table-wrapper[data-v-8cc44fae]{width:100%}.table-responsive[data-v-8cc44fae]{width:100%;overflow-x:auto}[data-v-8cc44fae] .el-table{background:transparent;color:#e0e0e0}[data-v-8cc44fae] .el-table thead{background:rgba(15,52,96,.4)}[data-v-8cc44fae] .el-table thead th{background:rgba(15,52,96,.4);color:#152751;font-weight:600;border-color:rgba(0,255,255,.1);padding:12px}[data-v-8cc44fae] .el-table tbody td{border-color:rgba(0,255,255,.08);padding:12px;color:silver}[data-v-8cc44fae] .el-table tbody tr{background-color:transparent}[data-v-8cc44fae] .el-table tbody tr:hover>td{background-color:rgba(0,204,255,.1)!important}[data-v-8cc44fae] .el-table__row{transition:all .3s ease}.pagination-section[data-v-8cc44fae]{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,255,255,.1);display:flex;justify-content:center}[data-v-8cc44fae] .pagination-section .el-pagination{text-align:center}[data-v-8cc44fae] .el-pager li,[data-v-8cc44fae] .el-pagination .el-select,[data-v-8cc44fae] .el-pagination button{background:transparent;color:#7b9fb8}[data-v-8cc44fae] .el-pager li.active{color:#152751;font-weight:600}[data-v-8cc44fae] .el-pagination button:disabled{color:#4a5568}[data-v-8cc44fae] .el-pagination button:not(:disabled):hover{color:#152751}.actions-group[data-v-8cc44fae]{display:flex;gap:8px;justify-content:center}[data-v-8cc44fae] .actions-group .el-button{padding:6px 12px;font-size:12px;border-radius:4px;transition:all .3s ease}[data-v-8cc44fae] .actions-group .el-button.is-circle{padding:6px;width:32px;height:32px}.details-dialog[data-v-8cc44fae]{[data-v-8cc44fae] .el-dialog{background:linear-gradient(135deg,#0a0e27,#0f3460 50%,#16213e);border:1px solid rgba(0,255,255,.2);border-radius:12px}[data-v-8cc44fae] .el-dialog__title{color:#152751;font-weight:600}[data-v-8cc44fae] .el-dialog__body{padding:20px;max-height:60vh;overflow-y:auto}}.message-details[data-v-8cc44fae]{color:#e0e0e0}.detail-row[data-v-8cc44fae]{margin-bottom:15px;display:flex;gap:10px;align-items:flex-start}.detail-label[data-v-8cc44fae]{min-width:100px;color:#182a56;font-weight:500;font-size:13px}.detail-value[data-v-8cc44fae]{color:#182a56;flex:1;word-break:break-word}.message-content[data-v-8cc44fae],.response-content[data-v-8cc44fae]{background:rgba(168,183,202,.4);border:1px solid rgba(188,223,223,.1);padding:12px;border-radius:6px;margin-top:8px;white-space:pre-wrap;word-wrap:break-word;color:#0a122c;font-size:13px;line-height:1.5}.respond-form[data-v-8cc44fae]{color:#e0e0e0}.form-group[data-v-8cc44fae]{margin-bottom:16px}.form-label[data-v-8cc44fae]{display:block;margin-bottom:6px;color:#0b122c;font-weight:500;font-size:13px}.form-input[data-v-8cc44fae]{width:100%;padding:8px 12px;background:#dbe0e7;border:1px solid rgba(0,255,255,.2);border-radius:6px;color:#0b122c;font-size:13px;outline:none;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.form-input[data-v-8cc44fae]:-moz-read-only{background:rgba(15,52,96,.3);color:#0b122c;cursor:not-allowed}.form-input[data-v-8cc44fae]:read-only{background:rgba(15,52,96,.3);color:#0b122c;cursor:not-allowed}.form-input[data-v-8cc44fae]:not(:-moz-read-only):focus{background:#dbe0e7}.form-input[data-v-8cc44fae]:not(:read-only):focus{background:#dbe0e7}.form-textarea[data-v-8cc44fae]{resize:vertical;min-height:100px}.dialog-footer[data-v-8cc44fae]{text-align:right;padding:10px 0;display:flex;gap:10px;justify-content:flex-end}[data-v-8cc44fae] .details-dialog .el-button{border-radius:6px;font-size:13px;padding:8px 16px;transition:all .3s ease}[data-v-8cc44fae] .details-dialog .el-button.is-plain{background:transparent;border-color:rgba(0,255,255,.3);color:#152751}[data-v-8cc44fae] .details-dialog .el-button.is-plain:hover{background:rgba(0,204,255,.1);border-color:rgba(0,255,255,.5)}[data-v-8cc44fae] .el-tag{border-radius:4px;font-size:12px;padding:4px 8px}@media (max-width:768px){.help-messages-page[data-v-8cc44fae]{padding:20px 10px}.page-header h1[data-v-8cc44fae]{font-size:24px}.controls-section[data-v-8cc44fae]{flex-direction:column}.search-box[data-v-8cc44fae]{min-width:100%}.filter-section[data-v-8cc44fae]{width:100%;flex-wrap:wrap}.stats-section[data-v-8cc44fae]{grid-template-columns:repeat(2,1fr);gap:15px}.stat-value[data-v-8cc44fae]{font-size:24px}[data-v-8cc44fae] .el-table__body-wrapper{overflow-x:auto}}@media (max-width:480px){.page-header h1[data-v-8cc44fae]{font-size:20px}.stats-section[data-v-8cc44fae]{grid-template-columns:1fr}.filter-section[data-v-8cc44fae]{flex-direction:column;width:100%}.status-filter[data-v-8cc44fae],[data-v-8cc44fae] .filter-section .el-button{width:100%}.actions-group[data-v-8cc44fae]{flex-direction:column}[data-v-8cc44fae] .actions-group .el-button{width:100%}.detail-row[data-v-8cc44fae]{flex-direction:column}.detail-label[data-v-8cc44fae]{min-width:auto}}