.system-access-monitor[data-v-62a2743e]{padding:20px}.system-access-monitor .filter-container[data-v-62a2743e]{margin-bottom:20px}.system-access-monitor .filter-container .demo-form-inline .el-form-item[data-v-62a2743e]{margin-bottom:10px}.system-access-monitor .chart-container[data-v-62a2743e]{position:relative}.system-access-monitor .chart-container .chart[data-v-62a2743e]{width:calc(100% - 200px);height:500px}.system-access-monitor .chart-container .custom-legend[data-v-62a2743e]{position:absolute;right:0;top:0;width:180px;max-height:500px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;background-color:#fff;padding:10px}.system-access-monitor .chart-container .custom-legend .legend-items .legend-item[data-v-62a2743e]{margin-bottom:8px;cursor:pointer;padding:5px;border-radius:3px;transition:background-color .3s}.system-access-monitor .chart-container .custom-legend .legend-items .legend-item[data-v-62a2743e]:hover{background-color:#f5f5f5}.system-access-monitor .chart-container .custom-legend .legend-items .legend-item.legend-disabled[data-v-62a2743e]{opacity:.4}.system-access-monitor .chart-container .custom-legend .legend-items .legend-item .legend-content[data-v-62a2743e]{display:flex;align-items:center;justify-content:space-between}.system-access-monitor .chart-container .custom-legend .legend-items .legend-item .legend-content .legend-marker[data-v-62a2743e]{width:12px;height:12px;border-radius:50%;margin-right:8px;flex-shrink:0}.system-access-monitor .chart-container .custom-legend .legend-items .legend-item .legend-content .legend-text[data-v-62a2743e]{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-access-monitor .chart-container .custom-legend .legend-items .legend-item .legend-content .legend-icon[data-v-62a2743e]{margin-left:5px;color:#409eff;cursor:pointer;opacity:.7;transition:opacity .3s}.system-access-monitor .chart-container .custom-legend .legend-items .legend-item .legend-content .legend-icon[data-v-62a2743e]:hover{opacity:1}.system-access-monitor .chart-container .custom-legend .legend-items .legend-item .legend-content .legend-icon.solo-active[data-v-62a2743e]{color:#f56c6c;opacity:1}