.basic-container[data-v-6216baf8]{padding:20px;background:transparent;min-height:calc(100vh - 84px)}.page-header[data-v-6216baf8]{margin-bottom:20px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border:2px solid rgba(0,198,255,.35);border-radius:12px;background:linear-gradient(135deg,rgba(15,42,66,.88),rgba(10,30,50,.94));box-shadow:0 8px 24px rgba(0,198,255,.12)}.page-title[data-v-6216baf8]{color:#fff;font-size:22px;font-weight:600}.page-desc[data-v-6216baf8]{margin-top:8px;color:hsla(0,0%,100%,.7);font-size:14px}.mqtt-grid[data-v-6216baf8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.mqtt-card[data-v-6216baf8]{border-radius:12px;border:2px solid rgba(0,198,255,.45);background:rgba(10,25,47,.8);overflow:hidden;transition:all .3s ease}.mqtt-card[data-v-6216baf8]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,198,255,.25);border-color:rgba(0,198,255,.75)}.mqtt-card[data-v-6216baf8] .el-card__header{padding:15px 20px;border-bottom:2px solid rgba(0,198,255,.25);background:linear-gradient(135deg,rgba(15,42,66,.9),rgba(10,30,50,.95))}.mqtt-card[data-v-6216baf8] .el-card__body{padding:20px;background:rgba(10,25,47,.82)}.card-header[data-v-6216baf8]{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:16px;font-weight:600}.mqtt-form[data-v-6216baf8] .el-form-item__label{color:#00d4ff;font-weight:500}.mqtt-form[data-v-6216baf8] .el-input__inner{background:rgba(15,42,66,.52);border-color:rgba(0,198,255,.32);color:#fff}.mqtt-form[data-v-6216baf8] .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.4)}.mqtt-form[data-v-6216baf8] .el-input__inner::placeholder{color:hsla(0,0%,100%,.4)}.mqtt-form[data-v-6216baf8] .el-input__inner:focus{border-color:rgba(0,198,255,.7)}.mqtt-form[data-v-6216baf8] .el-button--default{border-color:rgba(0,198,255,.35);background:rgba(15,42,66,.45);color:#d6f7ff}.action-row[data-v-6216baf8]{margin-bottom:0}@media(max-width:768px){.page-header[data-v-6216baf8]{flex-direction:column;align-items:flex-start}}