html,body,#app{height:100%;margin:0;padding:0}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6;color:#1e293b;background:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.layout{display:flex;height:100vh;background:#f8fafc}.layout-sidebar{width:240px;height:100%;background:linear-gradient(180deg,#1e293b,#0f172a);transition:width .3s ease;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:100}.layout-sidebar.is-collapse{width:72px}.layout-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}.layout-header{height:64px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 24px;justify-content:space-between;box-shadow:0 1px 2px #0000000d}.layout-content{flex:1;padding:24px;background:#f8fafc;overflow-y:auto}.card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e2e8f0;transition:box-shadow .15s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.card-header .title{font-size:16px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.card-header .title:before{content:"";width:4px;height:18px;background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:2px}.status-tag.online{color:#10b981}.status-tag.offline{color:#6b7280}.status-tag.alarm{color:#ef4444}.table-actions .el-button+.el-button{margin-left:8px}.search-form{margin-bottom:0}.search-form .el-form-item{margin-bottom:16px;margin-right:16px}.search-form .el-select,.search-form .el-tree-select{min-width:140px}.pagination{margin-top:24px;display:flex;justify-content:flex-end}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-card{padding:24px;border-radius:12px;color:#fff;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:#ffffff1a;border-radius:50%;transform:translate(30%,-30%)}.stat-card .value{font-size:32px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.stat-card .label{font-size:14px;opacity:.9;font-weight:500}.stat-card.primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card.info{background:linear-gradient(135deg,#6b7280,#4b5563)}.stat-card.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.el-button{border-radius:8px;font-weight:500;transition:all .15s ease}.el-button--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none}.el-button--primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px)}.el-input__wrapper{border-radius:8px;box-shadow:none!important;border:1px solid #e2e8f0;transition:border-color .15s ease,box-shadow .15s ease}.el-input__wrapper:hover{border-color:#60a5fa}.el-input__wrapper.is-focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a!important}.el-select__wrapper{border-radius:8px;box-shadow:none!important;border:1px solid #e2e8f0}.el-select__wrapper:hover{border-color:#60a5fa}.el-select__wrapper.is-focused{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a!important}.el-table{--el-table-border-color: #e2e8f0;--el-table-header-bg-color: #f1f5f9;--el-table-row-hover-bg-color: #f1f5f9;border-radius:8px;overflow:hidden}.el-table th.el-table__cell{font-weight:600;color:#1e293b}.el-dialog{border-radius:16px;overflow:hidden}.el-dialog .el-dialog__header{padding:20px 24px;border-bottom:1px solid #e2e8f0;margin:0}.el-dialog .el-dialog__header .el-dialog__title{font-weight:600;font-size:18px;color:#1e293b}.el-dialog .el-dialog__body{padding:24px}.el-dialog .el-dialog__footer{padding:16px 24px;border-top:1px solid #e2e8f0}.el-tag{border-radius:6px;font-weight:500;border:none}.el-tag--success{background:#10b9811a;color:#10b981}.el-tag--warning{background:#f59e0b1a;color:#f59e0b}.el-tag--danger{background:#ef44441a;color:#ef4444}.el-tag--info{background:#6b72801a;color:#6b7280}.el-tag--primary{background:#3b82f61a;color:#3b82f6}.el-card{border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.el-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.el-pagination{--el-pagination-button-bg-color: #ffffff;--el-pagination-hover-color: #3b82f6}.el-pagination .el-pager li{border-radius:8px}.el-pagination .el-pager li.is-active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff!important}.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner{color:#64748b;font-weight:500}.el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover{color:#3b82f6}.el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:#1e293b}.el-menu{border:none}.el-table .el-button--primary.is-link:hover,.el-table .el-button--info.is-link:hover,.el-table .el-button--warning.is-link:hover,.el-table .el-button--danger.is-link:hover,.el-table .el-button--success.is-link:hover{background:transparent!important}.el-descriptions .el-descriptions__label{font-weight:500;color:#64748b}.el-descriptions .el-descriptions__content{color:#1e293b}.el-form-item__label{font-weight:500;color:#64748b}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease,transform .2s ease}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}.el-radio-group .el-radio-button{margin-right:8px}.el-radio-group .el-radio-button:last-child{margin-right:0}.el-radio-group .el-radio-button .el-radio-button__inner{border-radius:8px!important;border:1px solid #e2e8f0!important;box-shadow:none!important}.el-radio-group .el-radio-button.is-active .el-radio-button__inner{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent!important;color:#fff}.text-primary{color:#1e293b}.text-secondary{color:#64748b}.text-muted{color:#94a3b8}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.text-gray{color:#6b7280}.bg-primary{background:#f8fafc}.bg-secondary{background:#f1f5f9}.bg-card{background:#fff}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.ml-2{margin-left:8px}.mr-2{margin-right:8px}.form-tip{font-size:12px;color:#94a3b8;line-height:1.4;margin-top:4px}