*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:#f0f2f5;color:#333;font-size:14px}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 4px #00152914;margin-bottom:16px}.card h3{font-size:16px;margin-bottom:16px;color:#1f1f1f;border-left:4px solid #2f54eb;padding-left:10px}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.stat-card{background:#fff;border-radius:8px;padding:18px 20px;box-shadow:0 1px 4px #00152914;display:flex;align-items:center;justify-content:space-between}.stat-card .stat-label{color:#8c8c8c;font-size:13px;margin-bottom:6px}.stat-card .stat-value{font-size:26px;font-weight:600}.stat-card .stat-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.stat-icon.blue{background:linear-gradient(135deg,#2f54eb,#69a8ff)}.stat-icon.green{background:linear-gradient(135deg,#389e0d,#7be495)}.stat-icon.gray{background:linear-gradient(135deg,#595959,#a6a6a6)}.stat-icon.red{background:linear-gradient(135deg,#cf1322,#ff7875)}.stat-icon.orange{background:linear-gradient(135deg,#d46b08,#ffc069)}.stat-icon.cyan{background:linear-gradient(135deg,#08979c,#5cdbd3)}table.data-table{width:100%;border-collapse:collapse;background:#fff}table.data-table th,table.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:13px;white-space:nowrap}table.data-table th{background:#fafafa;color:#595959;font-weight:600}table.data-table tbody tr:hover{background:#f5f8ff}.btn{display:inline-block;padding:7px 16px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#333;cursor:pointer;font-size:13px;transition:all .2s}.btn:hover{opacity:.85}.btn.primary{background:#2f54eb;border-color:#2f54eb;color:#fff}.btn.danger{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.btn.success{background:#52c41a;border-color:#52c41a;color:#fff}.btn.link{border:none;background:none;color:#2f54eb;padding:4px 8px}.btn.link.danger{background:none;color:#ff4d4f}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{padding:4px 10px;font-size:12px}.form-group{margin-bottom:14px;display:flex;align-items:flex-start;gap:10px}.form-group>label{width:90px;padding-top:8px;color:#595959;text-align:right;flex-shrink:0}.form-group input[type=text],.form-group input[type=number],.form-group input[type=password],.form-group select,.form-group textarea{flex:1;padding:8px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;outline:none;transition:border-color .2s;max-width:340px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2f54eb}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.filter-bar label{color:#595959}.filter-bar input,.filter-bar select{padding:7px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;outline:none;min-width:160px}.badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px}.badge.online{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.badge.offline{background:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}.badge.alarm{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.badge.sent{background:#e6f4ff;color:#1677ff;border:1px solid #91caff}.badge.executing{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.badge.success{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.badge.failed{background:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}.badge.level-serious{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.badge.level-normal{background:#fff7e6;color:#d46b08;border:1px solid #ffd591}.badge.level-info{background:#e6f4ff;color:#1677ff;border:1px solid #91caff}.switch{position:relative;display:inline-block;width:44px;height:22px;vertical-align:middle}.switch input{display:none}.switch .slider{position:absolute;cursor:pointer;inset:0;background:#bfbfbf;border-radius:22px;transition:.3s}.switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider{background:#2f54eb}.switch input:checked+.slider:before{transform:translate(22px)}.modal-mask{position:fixed;inset:0;background:#00000073;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh}.modal{background:#fff;border-radius:8px;width:560px;max-width:94vw;max-height:84vh;overflow-y:auto;box-shadow:0 6px 24px #0003}.modal.wide{width:760px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #f0f0f0;font-size:15px;font-weight:600}.modal-close{cursor:pointer;color:#999;font-size:18px;border:none;background:none}.modal-body{padding:20px}.modal-footer{padding:12px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:10px}.page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-header-row h2{font-size:18px}.two-col{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}@media (max-width: 1100px){.two-col{grid-template-columns:1fr}}.message{padding:10px 16px;border-radius:6px;margin-bottom:12px;font-size:13px}.message.error{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322}.message.success{background:#f6ffed;border:1px solid #b7eb8f;color:#389e0d}.no-data{color:#999;padding:20px;text-align:center}.dist-bar{display:flex;height:18px;border-radius:9px;overflow:hidden;margin:10px 0}.dist-bar>div{height:100%}.dist-legend{display:flex;gap:18px;font-size:13px;color:#595959}.dist-legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.role-management-container h2{margin-bottom:16px}.permission-item{padding:4px 0;font-size:13px}.permission-item input{margin-right:6px}.role-list{list-style:none}.role-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #f0f0f0;border-radius:6px;margin-bottom:10px}.role-name{font-weight:600}.role-description{color:#8c8c8c;font-size:12px;margin:4px 0}.role-permissions{font-size:12px;color:#595959}.role-permissions span{display:inline-block;background:#f0f5ff;color:#2f54eb;border-radius:4px;padding:1px 8px;margin:2px 4px 2px 0}.role-actions{display:flex;gap:8px;flex-shrink:0}.action-buttons-group{display:flex;gap:10px;margin-top:10px}.permissions-selection{max-height:260px;overflow-y:auto}