html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.page-scroll{min-height:0}.card{background:#fff;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 1px 4px #00000014}.card-title{color:#333;margin-bottom:16px;font-size:16px;font-weight:600}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;display:grid}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 4px #00000014}.stat-card .label{color:#666;margin-bottom:8px;font-size:14px}.stat-card .value{color:#1890ff;font-size:28px;font-weight:700}.stat-card .value.danger{color:#ff4d4f}.stat-card .value.success{color:#52c41a}.stat-card .value.warning{color:#faad14}.chart-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.chart-box{height:300px}.dashboard-charts{grid-template-columns:1fr 1fr;gap:20px;display:grid}.table-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.search-form{flex-wrap:wrap;gap:10px;display:flex}.toolbar-right{gap:8px;display:flex}.pagination{justify-content:flex-end;margin-top:16px;display:flex}.full-width{width:100%}.status-tag{border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.status-active{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.status-inactive{color:#ff4d4f;background:#fff2f0;border:1px solid #ffccc7}.status-pending{color:#faad14;background:#fff7e6;border:1px solid #ffd591}.status-resolved{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.status-online{color:#1890ff;background:#e6f7ff;border:1px solid #91d5ff}.status-offline{color:#999;background:#f5f5f5;border:1px solid #d9d9d9}.status-danger{color:#ff4d4f;background:#fff2f0;border:1px solid #ffccc7}.alarm-status-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.alarm-status-card{cursor:pointer;background:#fff;border-left:4px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .3s;display:flex;box-shadow:0 1px 4px #00000014}.alarm-status-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.alarm-status-card.active{box-shadow:0 4px 12px #00000026}.alarm-status-card.pending{border-left-color:#ff4d4f}.alarm-status-card.processing{border-left-color:#faad14}.alarm-status-card.resolved{border-left-color:#52c41a}.alarm-status-card.ignored{border-left-color:#bfbfbf}.alarm-status-card .card-label{color:#666;margin-bottom:6px;font-size:14px}.alarm-status-card .card-value{color:#333;font-size:32px;font-weight:700}.alarm-status-card.pending .card-value{color:#ff4d4f}.alarm-status-card.processing .card-value{color:#faad14}.alarm-status-card.resolved .card-value{color:#52c41a}.alarm-status-card.ignored .card-value{color:#999}.alarm-status-card .card-right{color:#999;font-size:12px}